@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/ptsans-regular-webfont.eot');
    src: url('../fonts/ptsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/ptsans-regular-webfont.woff') format('woff'),
         url('../fonts/ptsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/ptsans-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.cc-window {
    background: #ffffff;
    color: #303e48
}

.cc-window .cc-message {
    padding: .5em
}

.cc-window.cc-floating {
    padding: 1em
}

.cc-window .cc-link, .cc-window .cc-link:hover {
    color: #7f8392
}

.cc-window .cc-btn, .cc-window .cc-btn:hover {
    background: #ffffff;
    color: #303e48;
    border-color: #303e48
}

html[lang=cs] body, html[lang=pl] body, html[lang=sk] body, html[lang=tr] body {
    font-family: Arial, sans-serif
}

html[lang=cs].category .page > .subsection .category__list li.checkbox input[type=checkbox] + label, html[lang=cs].category .page > .subsection .category__subcategory-list li.checkbox input[type=checkbox] + label, html[lang=cs] .more-button span, html[lang=cs] .overscroll-indicator-inner p, html[lang=cs] .overscroll-indicator.overscroll-indicator--fixed h4, html[lang=cs] .page > header:first-child p, html[lang=cs] .productfinder__subfilter-entry span, html[lang=cs] .search__list li:first-child h4, html[lang=cs] .sub-nav__column-header, html[lang=cs] .sub-nav__section--bottom nav ul li a, html[lang=cs] .subsection ol li, html[lang=cs] .tag, html[lang=cs] .tags, html[lang=cs] .tags-container__list a, html[lang=pl].category .page > .subsection .category__list li.checkbox input[type=checkbox] + label, html[lang=pl].category .page > .subsection .category__subcategory-list li.checkbox input[type=checkbox] + label, html[lang=pl] .more-button span, html[lang=pl] .overscroll-indicator-inner p, html[lang=pl] .overscroll-indicator.overscroll-indicator--fixed h4, html[lang=pl] .page > header:first-child p, html[lang=pl] .productfinder__subfilter-entry span, html[lang=pl] .search__list li:first-child h4, html[lang=pl] .sub-nav__column-header, html[lang=pl] .sub-nav__section--bottom nav ul li a, html[lang=pl] .subsection ol li, html[lang=pl] .tag, html[lang=pl] .tags, html[lang=pl] .tags-container__list a, html[lang=sk].category .page > .subsection .category__list li.checkbox input[type=checkbox] + label, html[lang=sk].category .page > .subsection .category__subcategory-list li.checkbox input[type=checkbox] + label, html[lang=sk] .more-button span, html[lang=sk] .overscroll-indicator-inner p, html[lang=sk] .overscroll-indicator.overscroll-indicator--fixed h4, html[lang=sk] .page > header:first-child p, html[lang=sk] .productfinder__subfilter-entry span, html[lang=sk] .search__list li:first-child h4, html[lang=sk] .sub-nav__column-header, html[lang=sk] .sub-nav__section--bottom nav ul li a, html[lang=sk] .subsection ol li, html[lang=sk] .tag, html[lang=sk] .tags, html[lang=sk] .tags-container__list a, html[lang=tr].category .page > .subsection .category__list li.checkbox input[type=checkbox] + label, html[lang=tr].category .page > .subsection .category__subcategory-list li.checkbox input[type=checkbox] + label, html[lang=tr] .more-button span, html[lang=tr] .overscroll-indicator-inner p, html[lang=tr] .overscroll-indicator.overscroll-indicator--fixed h4, html[lang=tr] .page > header:first-child p, html[lang=tr] .productfinder__subfilter-entry span, html[lang=tr] .search__list li:first-child h4, html[lang=tr] .sub-nav__column-header, html[lang=tr] .sub-nav__section--bottom nav ul li a, html[lang=tr] .subsection ol li, html[lang=tr] .tag, html[lang=tr] .tags, html[lang=tr] .tags-container__list a {
    font-family: Arial, sans-serif;
    font-weight: 700
}

html[lang=el] .footer__promos-list li a.icon-app, html[lang=el] .productfinder__categories-category, html[lang=el] .stage__thumbs ul li h3 a, html[lang=el] h1, html[lang=el] h2, html[lang=el] h3, html[lang=ru] .footer__promos-list li a.icon-app, html[lang=ru] .productfinder__categories-category, html[lang=ru] .stage__thumbs ul li h3 a, html[lang=ru] h1, html[lang=ru] h2, html[lang=ru] h3 {
    font-family: Times New Roman, serif !important
}

body {
    cursor: default;
    transition: .25s;
    line-height: 1;
    font-family: 'open_sanslight', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #dff0f8;
    background-color: #5088bb
}

body.loaded {
    opacity: 1
}

body > main {
    background-color: #5088bb;
    display: block;
    position: relative;
    min-height: 500px
}

.home body > main {
    min-height: 1000px
}

img[data-src] {
    display: inline-block;
    opacity: 0
}

img.lazy-loaded {
    transition: opacity .4s ease-in;
    opacity: 1
}

.copyright {
    display: none;
    padding: 5px;
    bottom: 0;
    right: 0;
    position: absolute;
    color: #c1c1c1;
    background-color: rgba(0, 0, 0, .5);
    font-size: 11px;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .copyright {
        line-height: 11px;
        padding: 2px 5px;
        position: relative
    }
}

.copyright-container {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 30px
}

@media screen and (max-width: 1024px) {
    .copyright-container {
        width: 400px;
        height: 32px;
        position: absolute;
        right: -371px;
        bottom: 4px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-style: preserve-3d;
        -webkit-transform-origin: 20px;
        transform-origin: 20px
    }
}

@media screen and (max-width: 1024px) {
    .copyright-container .copyright {
        padding: 2px 5px;
        white-space: nowrap;
        display: block;
        line-height: 20px;
        position: relative;
        float: left
    }
}

.slider__main .copyright {
    top: 0;
    bottom: auto;
    right: 0
}

@media screen and (max-width: 1024px) {
    .slider__main .copyright {
        position: absolute
    }
}

.row {
    margin: 0 auto;
    width: 820px
}

@media screen and (max-width: 1024px) {
    .row {
        width: auto
    }
}

.center {
    text-align: center
}

svg {
    display: block;
    color: inherit
}

svg, svg path {
    fill: currentColor
}

.svg-icon {
    display: inline-block;
    background-size: cover
}

.home {
    overflow-x: hidden
}

noscript {
    width: 100%;
    height: auto;
    border: 0;
    background-color: transparent
}

.noscript_hint {
    padding: 90px 0;
    text-align: center;
    width: 100%;
    background-color: #fff
}

.noscript_hint h1 {
    line-height: 120%
}

.noscript_hint h2 {
    line-height: 120%;
    padding: 0 0 30px
}

.noscript_hint p {
    font-size: 18px
}

.grid-row:after {
    content: "";
    display: table;
    clear: both
}

.grid-col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 15px
}

.grid-col--right {
    float: right
}

.grid-col--no-left-padding {
    padding-left: 0
}

@media screen and (max-width: 670px) {
    .grid-col--no-left-padding {
        padding-right: 0
    }
}

.grid-col--no-right-padding {
    padding-right: 0
}

@media screen and (max-width: 670px) {
    .grid-col--no-right-padding {
        padding-left: 0
    }
}

.col-lg-1 {
    width: 8.33333333%
}

.col-lg-2 {
    width: 16.66666667%
}

.col-lg-3 {
    width: 25%
}

.col-lg-4 {
    width: 33.33333333%
}

.col-lg-5 {
    width: 41.66666667%
}

.col-lg-6 {
    width: 50%
}

.col-lg-7 {
    width: 58.33333333%
}

.col-lg-8 {
    width: 66.66666667%
}

.col-lg-9 {
    width: 75%
}

.col-lg-10 {
    width: 83.33333333%
}

.col-lg-11 {
    width: 91.66666667%
}

.col-lg-12 {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }
}

.test {
    background-color: #000;
    min-height: 200px
}

.header {
    width: 100%;
    color: #fff;
    z-index: 103;
    position: absolute
}

@media screen and (max-width: 1024px) {
    .header {
        z-index: 300;
        position: fixed;
        top: 0
    }
}

@media screen and (max-width: 670px) {
    .header.is-menu-opened {
        position: fixed
    }
}

@media screen and (max-width: 1024px) {
    .header.is-menu-opened .header__part--center > .magnifier-icon.search-switch {
        display: none
    }
}

.header.is-menu-opened .header-spacer.is-active {
    opacity: 1
}

.header .header__part--center > .magnifier-icon {
    width: 31px;
    height: 32px
}

@media screen and (max-width: 670px) {
    .header .header__part--center > .magnifier-icon {
        width: 24px;
        height: 25px;
        top: 30px
    }
}

.header .magnifier-icon.search-switch .svg-icon {
    width: 31px;
    height: 33px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.672 9.804a7.133 7.133 0 1 1 14.267 0 7.133 7.133 0 0 1-14.267 0M23.776 22.23l-6.309-6.309a9.758 9.758 0 0 0 2.142-6.117C19.61 4.39 15.22 0 9.805 0 4.39 0 0 4.39 0 9.804c0 5.415 4.39 9.805 9.805 9.805a9.757 9.757 0 0 0 5.698-1.825l6.36 6.36a.769.769 0 0 0 1.085 0l.828-.83a.77.77 0 0 0 0-1.084' fill='%23303E48' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .header .magnifier-icon.search-switch .svg-icon {
        width: 24px;
        height: 25px
    }
}

.header .small-logo-wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d;
    position: absolute;
    top: 3px;
    display: inline-block;
    height: 45px;
    overflow: hidden;
    opacity: 0;
    transition: .4s
}

.header .small-logo-wrapper img {
    width: 47px
}

@media screen and (max-width: 1024px) {
    .header.headroom--top {
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto
    }
}

.header.headroom--not-top {
    position: fixed;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    z-index: 104
}

.header.headroom--not-top .header__language-select {
    opacity: 0
}

@media screen and (max-width: 1024px) {
    .header.headroom--not-top .header__language-select {
        opacity: 1
    }
}

.header.headroom--not-top .logo-wrapper {
    display: none
}

@media screen and (max-width: 1024px) {
    .header.headroom--not-top .logo-wrapper {
        display: inline-block
    }
}

.header.headroom--not-top .small-logo-wrapper {
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .header.headroom--not-top .small-logo-wrapper {
        display: none
    }
}

.header.headroom--not-top .header__breadcrumbs {
    bottom: 0
}

@media screen and (max-width: 1024px) {
    .header.headroom--not-top.is-menu-opened {
        height: 100%;
        overflow-y: auto
    }
}

.header.headroom--unpinned:not(.is-menu-opened) {
    transition: transform .75s;
    -webkit-transform: translateY(-166%);
    transform: translateY(-166%)
}

.header.headroom--pinned:not(.is-menu-opened) {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header.headroom--pinned:not(.is-menu-opened).headroom--not-top {
    transition: transform .4s
}

.header a {
    color: #303e48
}

.header-spacer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #f3f3f3;
    z-index: 1;
    opacity: 0;
    transition: .25s
}

@media screen and (max-width: 1024px) {
    .header-spacer {
        display: none
    }
}

.header-wrapper {
    position: relative;
    background: #fff;
    z-index: 10
}

.header__part--left {
    position: absolute;
    width: 13.5%;
    height: 100%;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .header__part--left {
        width: auto
    }
}

.header__part--center {
    margin: 0 auto;
    width: 820px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .header__part--center {
        width: auto;
        padding: 10px 0
    }
}

.header__part--center .logo-wrapper {
    display: inline-block;
    padding-top: 18px;
    margin: 17px 0
}

@media screen and (max-width: 1024px) {
    .header__part--center .logo-wrapper {
        padding-top: 0;
        display: inline-block;
        height: 98px;
        overflow: hidden
    }
}

@media screen and (max-width: 670px) {
    .header__part--center .logo-wrapper {
        height: 84px;
        margin: 0;
        padding-top: 10px
    }
}

.header__part--center .logo-wrapper img {
    height: 120px
}

@media screen and (max-width: 1024px) {
    .header__part--center .logo-wrapper img {
        height: 90px
    }
}

@media screen and (max-width: 670px) {
    .header__part--center .logo-wrapper img {
        height: 70px
    }
}

.header__part--center > .magnifier-icon {
    display: none
}

@media screen and (max-width: 1024px) {
    .header__part--center > .magnifier-icon {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        display: block;
        position: absolute;
        top: 54%;
        right: 35px
    }

    .header__part--center > .magnifier-icon img {
        display: block;
        height: 25px
    }

    .header__part--center > .magnifier-icon svg {
        width: 31px;
        height: 32px
    }
}

@media screen and (max-width: 670px) {
    .header__part--center > .magnifier-icon {
        right: 15px
    }

    .header__part--center > .magnifier-icon svg {
        width: 24px;
        height: 25px
    }
}

.header__part--center > .magnifier-icon.search-switch .magnifier-cross {
    display: none
}

.header__part--center > .magnifier-icon .magnifier-cross {
    position: absolute;
    width: 31px;
    height: 31px;
    top: -2px;
    left: -4px;
    background-color: #fff
}

.header__part--center > .magnifier-icon .magnifier-cross .icon-close:after, .header__part--center > .magnifier-icon .magnifier-cross .icon-close:before {
    background-color: #303e48
}

.header__part--right {
    position: absolute;
    bottom: 0;
    right: 300px;
    width: 15%;
    height: 100%
}

.header__part--right img {
    height: 25px
}

.header__mobile-nav-button {
    display: none;
    z-index: 200
}

@media screen and (max-width: 1024px) {
    .header__mobile-nav-button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        position: absolute;
        top: 34%;
        left: 35px;
        display: inline-block
    }

    .header__mobile-nav-button img {
        display: block
    }
}

@media screen and (max-width: 670px) {
    .header__mobile-nav-button {
        left: 15px
    }
}

.header__mobile-nav-button .hamburger-wrapper {
    position: relative;
    display: block;
    width: 42px;
    height: 70px
}

.header__mobile-nav-button .hamburger-wrapper .hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.header__mobile-nav-button .hamburger-wrapper .hamburger .hamburger-box {
    position: absolute;
    top: 35px;
    left: 0;
    display: block;
    width: 40px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-style: preserve-3d
}

.header__mobile-nav-button .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner {
    position: absolute;
    top: 2px;
    display: block;
    width: 30px;
    height: 3px;
    margin-top: -2px;
    background-color: #303e48;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.header__mobile-nav-button .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner:after, .header__mobile-nav-button .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner:before {
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background-color: #303e48;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.header__mobile-nav-button .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner:before {
    top: 8px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s
}

.header__mobile-nav-button .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner:after {
    top: 16px
}

.header__mobile-nav-button.is-active .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    -webkit-transform-style: preserve-3d
}

.header__mobile-nav-button.is-active .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner:after {
    top: 20px;
    -webkit-transform: translateY(-20px) rotate(90deg);
    transform: translateY(-20px) rotate(90deg);
    -webkit-transform-style: preserve-3d
}

.header__mobile-nav-button.is-active .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate(5.71429px, -6px);
    transform: rotate(45deg) translate(5.71429px, -6px);
    -webkit-transform-style: preserve-3d;
    opacity: 0
}

.header__mobile-backbutton {
    display: none;
    position: absolute;
    top: 9px;
    left: 53px;
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1024px) {
    .header__mobile-backbutton {
        display: block
    }
}

@media screen and (max-width: 670px) {
    .header__mobile-backbutton {
        display: block
    }
}

.header__language-select {
    position: absolute;
    bottom: 15px;
    left: 0;
    padding: 0 15px 0 30px;
    background-color: #a1a0a0;
    text-transform: uppercase;
    line-height: 18px;
    color: #fff !important;
    transition: .25s
}

.header__language-select.is-active, .header__language-select:hover {
    background-color: #00398c
}

@media screen and (max-width: 1024px) {
    .header__language-select {
        display: none
    }
}

.header__breadcrumbs {
    display: block;
    color: #000;
    background-color: hsla(0, 0%, 71%, .65);
    line-height: 33px;
    letter-spacing: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -33px;
    z-index: 9;
    transition: bottom .25s
}

.header__breadcrumbs-wrapper {
    width: 820px;
    margin: 0 auto;
    font-size: 11px;
    height: 33px
}

.header__breadcrumbs-wrapper ol {
    height: 33px;
    list-style: none;
    display: inline-block;
    width: 100%
}

.header__breadcrumbs-wrapper ol li {
    height: 33px;
    line-height: 33px;
    width: auto;
    float: left;
    position: relative;
    list-style: none;
    display: inline-block;
    letter-spacing: 0
}

.header__breadcrumbs-wrapper ol li:first-child {
    margin-left: 10px
}

.header__breadcrumbs-wrapper ol li:not(:first-child):before {
    content: "»";
    position: relative;
    height: 33px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .header__breadcrumbs {
        display: none
    }
}

.header#absolute-header {
    z-index: 300;
    position: absolute !important
}

@media screen and (max-width: 670px) {
    .header#absolute-header.is-menu-opened {
        position: absolute !important
    }
}

.header-space-fix {
    height: 147px;
    background-color: #fff;
    transition: .4s;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .header-space-fix {
        height: 68px
    }
}

@media screen and (max-width: 670px) {
    .header-space-fix {
        height: 58px
    }
}

.footer {
    clear: both;
    margin-top: 50px
}

.footer__promos-list {
    display: table;
    table-layout: fixed;
    width: 100%
}

.footer__promos-list li {
    display: table-cell;
    vertical-align: bottom;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li {
        display: block;
        margin: 0 35px;
        border-bottom: 1px solid #c1c1c1
    }

    .footer__promos-list li:last-child {
        border-bottom: none
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li {
        margin: 0 15px
    }
}

.footer__promos-list li a {
    display: inline-block;
    width: 200px;
    margin: 30px 0;
    text-align: left;
    font-family: 'pt_sansregular', sans-serif;
    font-size: 1.923em;
    line-height: 61px;
    color: #7f8392;
    vertical-align: middle;
    transition: .4s;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer__promos-list li a.icon-app {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193.5 222'%3E%3Cpath fill='%23010101' d='M179.7 20.1H13.1c-6.6 0-12 5.4-12 12v164.7c0 6.6 5.4 12 12 12h166.7c6.6 0 12-5.4 12-12V32.1c-.1-6.6-5.5-12-12.1-12zm-33.1 69.5c-1.7 4.4-1.4 9.7-1.6 14.6-.5 5.5-4.4 9.7-7.6 14-1.6 3.3-4.1 7.3-8 8.3-2.3 1.1-5.9 2-6 5.3-.6 9.1 2.9 17 5.9 25 .4 1.6 1.2 3.6-.3 4.8-6.2 1.4-12.5 2.4-18.1 5.1-14.4 6-26 18.9-40.9 24-1.2.4-2.9.6-4.1 0-.6-1.4.1-3.1 1-4.4 8.1-10.2 14.4-21.5 15.9-34.5 0-3 .6-6.9-2.2-8.9-5.5-2.7-13.5.2-18.7-3.5-2.1-2.2-.4-5.1-.6-7.8-.6-1.9-3-3.4-1.7-5.5 1-1.4-1.4-2.1-.9-3.5.1-1.7 2.3-3 .9-4.9-2.1-2-6-.8-6.8-4.1 0-2.1 1-3.7 1.8-5.5l6.7-12c1.8-3.3-3.1-5.2-1.2-8.4 1-2.8 2.6-5.5 3-8.5-.4-1.6-2.4-1.6-3.5-2.8-3.7-2.8-4.4-7.2-3.9-11.6.6-3.6 3.6-5.8 5.9-8.5 2.9-4.3 7.8-5.6 12-7.8 3.2-1.7 7.1-1.8 10.8-2.5 4.6-1.6 9.9-2.8 15.1-1.6 3.3.7 6.7 1.5 10.2 1.5 5.6-.2 11.3.2 15.5 3.9 4.5 3.7 10.5 4.4 14.1 9.4 4 4.6 5.9 9.9 6.3 15.8 1.6 4.4 2.3 9.8 1 14.6z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-app {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-app {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-aktionen {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222'%3E%3Cpath fill='%23010101' d='M192.4 37.9l6.1 20.8-90.8 26.4c-1.6-5.2-4.2-12.6-7.5-17.9 0 0-18 3.9-26 13.3l-5.2-18 110-32c5.7-1.6 11.7 1.7 13.4 7.4zm-182 41.6l41-11.9L57 86.7c-12.1-.8-26.7 9.2-26.7 9.2.8 3.4 2.3 7.2 3.8 10.7l-25 7.3L3 93c-1.7-5.8 1.7-11.8 7.4-13.5zm21.6 113l-17.8-61.2 40.2-11.7c-2 5.9-4.7 13-8.5 21.3L58 163s5.8-16.7 11.1-34.5L86.4 188l-41 11.9c-5.7 1.7-11.8-1.6-13.4-7.4zm181.9-41.6l-110 32-19.5-67c17.9 14.3 39.4 29.6 39.4 29.6l-4.7-24.7c-8.1-5.4-14.6-10.1-19.9-14.2l104.2-30.3 17.8 61.2c1.8 5.7-1.5 11.7-7.3 13.4z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-aktionen {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-aktionen {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-artikel {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M194.2 48.3l-31.7-31.7V48.3h29.1z'/%3E%3Cpath d='M195 54c-.2 0-.5.1-.7.1h-31.7c-3.2 0-5.8-2.6-5.8-5.8V16.6v-.1h-121c-3.2 0-5.8 2.6-5.8 5.8v178.9c0 3.2 2.6 5.8 5.8 5.8h153.3c3.2 0 5.8-2.6 5.8-5.8L195 54zm-66.1 118.1H71.3c-3.2 0-5.8-2.6-5.8-5.8 0-3.2 2.6-5.8 5.8-5.8h57.6c3.2 0 5.8 2.6 5.8 5.8 0 3.2-2.6 5.8-5.8 5.8zm0-29.2H71.4c-3.2 0-5.8-2.6-5.8-5.8s2.6-5.8 5.8-5.8h57.5c3.2 0 5.8 2.6 5.8 5.8s-2.6 5.8-5.8 5.8zm5.8-35c0 3.3-2.7 6-6 6h-57c-3.3 0-6-2.7-6-6v-29c0-3.3 2.7-6 6-6h57.1c3.3 0 6 2.7 6 6v29z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-artikel {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-artikel {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-coupon {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M181.3 90.7h6.5v27.5h-6.5zM181.3 132.7h6.5v27.5h-6.5zM120.9 51.3h27.5v6.5h-27.5zM46 188.4v-13.7h-6.5v18.1c0 4.6 2.1 6.8 6.4 6.8h18.5v-6.5H50.7c-3.5 0-4.7-1.3-4.7-4.7zM39.5 118.2H46v-9.5c-2.1.7-4.3 1.1-6.5 1.3v8.2zM39.5 132.7H46v27.5h-6.5zM78.9 193.1h27.5v6.5H78.9zM120.9 193.1h27.5v6.5h-27.5zM53.8 104.4v74.1c0 3.7 3 6.7 6.7 6.7h106.2c3.7 0 6.7-3 6.7-6.7V72.3c0-3.7-3-6.7-6.7-6.7H94.1L65.9 81.8c-.3 8.4-4.1 16.5-12.1 22.6zm76.5 45.1c-2.7 2.7-6.2 4.7-10.3 5.7v6h-12.8v-6c-7.9-2-13.9-7.7-15.2-14.8h13.8c1.3 2.6 4.3 4.3 7.8 4.3 8.6 0 10.1-7.5 7.3-10-1-.9-3-2.1-7.5-2.7-8.2-1.1-14-3.8-17.5-7.5-3.5-3.6-4.2-8.1-4.2-10.7 0-4.9 3.6-14.7 15.5-17.8v-6.6H120V96c9 2.3 15.5 9.3 15.5 17.6h-13.3c0-4-3.8-7.2-8.6-7.2-8.6 0-9.8 8-7.4 10.1 1.1 1 3.3 2.6 9.3 3.4 6.5.9 11.7 2.9 15.2 6.1 8.6 8.5 4.2 19.2-.4 23.5zM176.6 193.1h-13.7v6.5h18.5c4.3 0 6.4-2.2 6.4-6.8v-18.1h-6.5v13.7c0 3.4-1.3 4.7-4.7 4.7zM181.3 62.5v13.7h6.5V58.1c0-4.6-2.1-6.8-6.4-6.8h-18.5v6.5h13.7c3.4 0 4.7 1.2 4.7 4.7z'/%3E%3Cpath d='M105 26.8c-7.7 4-19.1 12.4-29.7 20.1l-19.2-11c.9-6.1-.9-12.5-5.6-17.2-3.9-3.9-9-5.9-14.2-5.9-5.1 0-10.2 2-14.2 5.9-7.8 7.8-7.8 20.5 0 28.3 3.9 3.9 9 5.8 14.1 5.8 4.8 0 9.6-1.7 13.5-5.2 3.1 2.3 10.2 7.3 12.4 9-3.2 2.4-9.6 6.7-12.4 8.8-3.7-3.1-8.2-4.6-12.8-4.6-5.1 0-10.2 2-14.1 5.9-7.8 7.8-7.8 20.5 0 28.3 3.9 3.9 9 5.9 14.2 5.9 5.1 0 10.2-2 14.2-5.9 4.9-4.9 6.7-11.8 5.5-18.1l76.1-43.7C122 22.9 114 22.1 105 26.8zM43 39.5c-3.7 3.7-9.6 3.7-13.3 0-3.7-3.7-3.7-9.6 0-13.3 3.7-3.7 9.6-3.7 13.3 0 3.6 3.7 3.6 9.6 0 13.3zm28.7 14.1c1.7-1.7 4.5-1.7 6.2 0 1.7 1.7 1.7 4.5 0 6.2-1.7 1.7-4.5 1.7-6.2 0-1.7-1.7-1.7-4.5 0-6.2zM43.6 87.4c-3.7 3.7-9.6 3.7-13.3 0-3.7-3.7-3.7-9.6 0-13.3 3.7-3.7 9.6-3.7 13.3 0 3.7 3.7 3.7 9.7 0 13.3z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-coupon {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-coupon {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-filial-finder {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165 222'%3E%3Cpath fill='%237F8392' d='M161.2 77.7c-.7-5-1-10.1-2.4-14.8-2.8-9.7-7.2-18.6-13.5-26.7-11.1-14.3-25.3-23.9-42.6-28.7C96.1 5.7 89 5.4 82.1 4.4c0 .2-17.7 1.8-26.2 4.7-10.4 3.5-19.5 9-27.6 16.3C19.1 33.7 12.4 43.6 7.7 55c-3.3 8.2-5 16.7-5.6 25.4-.3 4.7.2 9.6.8 14.3.7 4.9 1.8 9.8 3 14.6 1.9 7.3 5.4 14 9.6 20.2 7.2 10.5 15.1 20.6 22.7 30.9 6.1 8.3 12.2 16.7 18.3 25 7.9 10.8 15.7 21.6 23.6 32.4 1.2 1.6 2.2 1.8 3.5 0 4.7-6.5 9.5-13 14.2-19.5 11.6-15.9 23.3-31.7 34.8-47.7 6-8.3 12.1-16.5 17.7-25.1 8.1-12.4 11-26.4 11.5-41 .2-2.1-.2-4.4-.6-6.8zm-79.4 37.7c-16.1 0-30.4-12.8-30.2-30.7-.1-17.9 14.2-30.5 30.4-30.5 16.7.1 30.5 13.1 30.3 30.7 0 17.4-13.4 30.5-30.5 30.5z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-filial-finder {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-filial-finder {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-galerie {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M12 71.1h167.8V186H12z'/%3E%3Cpath d='M212.3 158h-19.2V58.9H41.2V39.7h171.1z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-galerie {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-galerie {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-howto {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M145.1 162.6l-22.5-32.4 17.3-25 .2-.3c1.1-1.8 1.5-3.9 1.1-5.9l-4.4-14.5 28.9 9.9c3.3-1.1 4.2-3.7 3.1-6.3L143 73.5l3.4-5.8L171.7 82c3.4 1.3 5.7-3.6 3.4-5.9l-25.4-14.4 3.1-5.2 25.1 13.7c4.4.9 5.3-4.4 3.4-6L156.2 50l2.8-5.3L184.4 59c4.2 1 6.3-5.2 3.7-6.4l-25.4-14.2 3-5.1 12.4 7 13.7 8.2c3.5 1.6 6.1-3.8 3.6-6.4l-35.5-26.3c-3.5-1.7-7.2-.7-11.2 3.2l-29.1 50v.1h-.1v.2c-.8 3.9-.2 6.6 1.4 8.5l3.3 20.6-12.5 16.4L100 97.7l6.7-29.5c2-8.9.5-18.1-4.4-25.8-4.8-7.7-12.4-13.1-21.3-15.1-18.4-4.2-36.7 7.3-40.9 25.7-2 8.9-.5 18.1 4.4 25.8 4.9 7.7 12.4 13.1 21.3 15.1 6.1 1.4 12.4 1.1 18.2-.8l-1 4.5c-.4 1.9-.2 4 .9 5.9l.2.4 16.2 25.8 10.8 17.1 45.1 71.7c-.1 0 13-19.1-11.1-55.9zM69.5 77.7c-4.6-1-8.5-3.8-11-7.8s-3.3-8.7-2.3-13.3c2.2-9.4 11.6-15.4 21-13.2 4.6 1 8.5 3.8 11 7.8s3.3 8.7 2.3 13.2C88.4 74 79 79.9 69.5 77.7zM92.7 139.6L76.3 161c-25.7 35.8-13.5 55.4-13.5 55.4l41-59.2-11.1-17.6z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-howto {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-howto {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-produkte {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222'%3E%3Cpath fill='%23010101' d='M191.2 77.7c-.7-5-1-10.1-2.4-14.8-2.8-9.7-7.2-18.6-13.5-26.7-11.1-14.3-25.3-23.9-42.6-28.7-6.6-1.8-13.7-2.1-20.6-3.1 0 .2-17.7 1.8-26.2 4.7-10.4 3.5-19.5 9-27.6 16.3-9.2 8.3-15.9 18.2-20.6 29.6-3.3 8.2-5 16.7-5.6 25.4-.3 4.7.2 9.6.8 14.3.7 4.9 1.8 9.8 3 14.6 1.9 7.3 5.4 14 9.6 20.2 7.2 10.5 15.1 20.6 22.7 30.9 6.1 8.3 12.2 16.7 18.3 25 7.9 10.8 15.7 21.6 23.6 32.4 1.2 1.6 2.2 1.8 3.5 0 4.7-6.5 9.5-13 14.2-19.5 11.6-15.9 23.3-31.7 34.8-47.7 6-8.3 12.1-16.5 17.7-25.1 8.1-12.4 11-26.4 11.5-41 .2-2.1-.2-4.4-.6-6.8zm-79.4 37.7c-16.1 0-30.4-12.8-30.2-30.7-.1-17.9 14.2-30.5 30.4-30.5 16.7.1 30.5 13.1 30.3 30.7 0 17.4-13.4 30.5-30.5 30.5z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-produkte {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-produkte {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-produktfinder {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%237F8392'%3E%3Cpath d='M96.3 48.7l-.1.3c-.3 1-.8 2.4-1.2 4.1h43.8c-.5-1.6-.9-3-1.2-4.1l-.1-.3c-.8-2.7-6.9-25.7-8.5-26.1-2.4-.6-8.4-.6-12.1-.6s-9.7 0-12.1.6c-1.6.4-7.7 23.5-8.5 26.1zM7.5 91.9l10.3-3.5 4.9 10.1-13 4.5-2.2-11.1zm16.4 10.6l7.9 4.6L8 115.3l3.4-8.5 12.5-4.3zm2.9 98.2l-20-80.6 28.9-9.9 33.8 75.9-42.7 14.6zm2.9 9.1l-1.7-5L71 190l1.7 5-43 14.8zM50.1 68.6h36.1V80H50.1zM58.8 43.2v21.7h18.6V43.2H58.8zm9.5 17c-3.5 0-6.3-2.8-6.3-6.3s2.8-6.3 6.3-6.3 6.3 2.8 6.3 6.3-2.8 6.3-6.3 6.3zM91.7 83.8H44.6c-2.8 0-5.1 2.3-5.1 5.1l.7 16.5 2.3 5.2 33.8 75.9 1.2 2.7h14.2c2.8 0 5.1-2.3 5.1-5.1V88.9c0-2.8-2.3-5.1-5.1-5.1zM191.9 116.8c.3.4.6.8.9 1.1 7.3 8.4 14.7 16.7 22 25.1 2 2.3 2 3.6-.4 5.6-1 .9-2 1.7-3.1 2.6-1.8 1.5-3.3 1.4-4.9-.3-5.1-5.7-10.2-11.3-15.3-17l-8.4-9.3c-9.6 5.7-19.7 7-30.3 4.1-9.4-2.6-16.8-8.1-22.1-16.3-10.5-16.1-7.4-37.8 7.2-50.4 14.7-12.7 36.5-12.5 51 0 14.9 13 19.5 38.6 3.4 54.8zm-.9-23.6c1-15.6-10.9-29.1-26.5-30.1S135.4 74 134.4 89.6s10.8 29.1 26.4 30.2c15.7 1 29.2-10.9 30.2-26.6z'/%3E%3Cpath d='M124.4 116.3c-11.5-17.6-9.3-40.7 4.7-55.9H94.3c-1.2 4.3-2.7 10.1-4.2 16.8h1.6c6.2 0 11.3 5.1 11.3 11.3v95.1c0 1.5-.3 2.9-.8 4.2h.7c.5 0 1.1.1 1.6.1 3.6.3 21.2.3 24.8 0 .5 0 1-.1 1.6-.1 3.6-.2 7.3-.4 9.5-5.5 3.8-8.7 8.2-23.6 9.1-47.2-10.5-3-18.9-9.4-25.1-18.8z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-produktfinder {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-produktfinder {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-produktfinder-haarfarbe {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M20.425 87.831l38.443-11.75 8.71 28.498-38.443 11.75zM83.9 210.5l-8.6 2.6-25.2-69.8-14.7-6.4-3.6-11.8 38.5-11.8 3.6 11.7-8.6 13.6zM189.7 133.9c.3.4.6.8.9 1.1 7.3 8.4 14.7 16.7 22 25.1 2 2.3 2 3.6-.4 5.6-1 .9-2 1.7-3.1 2.6-1.8 1.5-3.3 1.4-4.9-.3-5.1-5.7-10.2-11.3-15.3-17l-8.4-9.3c-9.6 5.7-19.7 7-30.3 4.1-9.4-2.6-16.8-8.1-22.1-16.3-10.5-16.1-7.4-37.8 7.2-50.4 14.7-12.7 36.5-12.5 51 0 14.9 13 19.5 38.6 3.4 54.8zm-.8-23.6c1-15.6-10.9-29.1-26.5-30.1s-29.1 10.9-30.1 26.5 10.8 29.1 26.4 30.2c15.6 1 29.2-10.9 30.2-26.6zM117.1 47l-19.2-.2-8.7 10 36.4.3zM115.6 24.7l-15.8-.1-2.2 16.1 19.9.2zM85.5 189l2 7.7 51.7.4.1-7.7z'/%3E%3Cpath d='M122.3 133.4c-12.4-18.9-8.8-44.3 8.1-59.2l-.9-11-44.2-.4-5.5 57.3-3.3 33.7 7.5 28.9 55.1.5-2.9-35.9c-5.5-3.4-10.1-8-13.9-13.9z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-produktfinder-haarfarbe {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-produktfinder-haarfarbe {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-produktfinder-haarpflege {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M88.8 52.5l-.1.3c-.3 1.1-.8 2.5-1.3 4.2h45.5c-.5-1.7-.9-3.1-1.3-4.2l-.1-.3c-.9-2.8-7.1-26.7-8.8-27.2-2.5-.7-8.8-.7-12.5-.7-3.8 0-10 0-12.5.7-1.8.5-8 24.4-8.9 27.2zM68.1 119.9c2.3 3.6 4.5 6.9 6.6 10.3 7 11.3 13.8 22.7 18.9 34.9 1.6 3.9 3.1 8 3.8 12.1 1.3 7.5-.9 14.3-5.3 20.5-7 9.9-19.5 14.3-31.5 11.4-11.4-2.8-20.3-12.7-22-24.5-.9-5.7.6-11 2.6-16.2 3.9-10.3 9.3-19.9 14.9-29.4 3.5-5.9 7.3-11.8 11-17.6.3-.4.6-.8 1-1.5zM188.1 123.4c.3.4.6.8 1 1.2 7.6 8.7 15.2 17.4 22.9 26.1 2.1 2.4 2 3.8-.4 5.9-1.1.9-2.1 1.8-3.2 2.7-1.9 1.6-3.4 1.5-5.1-.4l-15.9-17.7c-2.9-3.2-5.8-6.4-8.7-9.7-9.9 5.9-20.5 7.3-31.5 4.3-9.8-2.7-17.5-8.5-23-16.9-10.9-16.7-7.7-39.3 7.5-52.4 15.3-13.1 37.9-13 53 0 15.4 13.5 20.1 40.1 3.4 56.9zm-.8-24.5c1.1-16.2-11.3-30.2-27.5-31.3-16.2-1.1-30.3 11.3-31.3 27.5-1.1 16.2 11.2 30.3 27.4 31.4 16.2 1 30.3-11.4 31.4-27.6z'/%3E%3Cpath d='M118.3 122.7c-11.9-18.3-9.5-42.4 5.2-58.1H86.7c-3.3 11.6-8.4 32.7-10 55.6 1.4 2.1 2.7 4.2 4 6.3 6.8 11 14 22.9 19.4 35.9 1.5 3.6 3.3 8.4 4.3 13.6 1.3 7.3.1 14.4-3.6 21.2 6.7.2 19.3.1 22.4-.2.5 0 1.1-.1 1.6-.1 3.7-.2 7.5-.4 9.8-5.7 3.9-9 8.5-24.6 9.4-49.2-10.8-3-19.4-9.6-25.7-19.3z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-produktfinder-haarpflege {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-produktfinder-haarpflege {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-produktfinder-haarstyling {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M107.9 24.1v25.5h21.9V24.1h-21.9zm11.1 20c-4.1 0-7.5-3.3-7.5-7.5s3.3-7.5 7.5-7.5 7.5 3.3 7.5 7.5-3.3 7.5-7.5 7.5zM85 107.5c-3-6.6-10.8-9.5-17.3-6.5l-6.5 3c-1.4.6-2.9 1.2-4.3 1.9s-3 1.4-4.5 2.2l-.8.4c-.5.2-.9.5-1.5.8-22.7 11.9-46.4 31.2-47.4 32l-.3.2c-.3.3-.4.7-.3 1.1l10.1 22.1c.2.4.7.7 1.2.5l.4-.1c38.1-12.8 44.7-11.2 44.9-11.1H59c2 .2 4.6 2.3 7.4 6.2l.6-.3c2-.9 4.5 0 5.5 2.1l3 6.4c.5 1 .5 2.2.1 3.3-.3.8-.8 1.5-1.5 1.9 4.7 9.8 8.1 19.4 8.2 19.8.6 2.1 2 3.7 4.1 4.6 2.5 1.2 5.8 1.1 8.5-.1 1.8-.8 3-2 3.6-3.5.1-.3.2-.7.3-1 .5-3.3-1.5-6.6-1.5-6.7-14-26-13-38.3-11.1-43.3.6-1.7 1.4-2.7 1.9-3.3.5-.5 2.9-3.1 3.8-4.3.4-.7.7-1.3 1-2.1 1.2-3.3 1.1-6.8-.4-10L85 107.5z'/%3E%3Cpath d='M72.8 172.3c.6-.3 1-.7 1.2-1.3.2-.6.2-1.3-.1-1.9l-3-6.4c-.6-1.2-1.9-1.8-3.1-1.2-.6.3-1 .7-1.2 1.3-.2.6-.2 1.3.1 1.9l3 6.4c.6 1.2 2 1.7 3.1 1.2zM194.3 117.1c.3.4.6.8.9 1.1 7.3 8.4 14.7 16.7 22 25.1 2 2.3 2 3.6-.4 5.6-1 .9-2 1.7-3.1 2.6-1.8 1.5-3.3 1.4-4.9-.3-5.1-5.7-10.2-11.3-15.3-17l-8.4-9.3c-9.6 5.7-19.7 7-30.3 4.1-9.4-2.6-16.8-8.1-22.1-16.3-10.5-16.1-7.4-37.8 7.2-50.4 14.7-12.7 36.5-12.5 51 0 14.9 12.9 19.5 38.6 3.4 54.8zm-.8-23.7c1-15.6-10.9-29.1-26.5-30.1s-29.1 10.9-30.1 26.5 10.8 29.1 26.4 30.2c15.6 1 29.2-10.9 30.2-26.6zM86.1 103.9c.3.7 9.5 20.7 9.5 20.7s3.8-3.6 1-11.7c-2.4-7.1-10.8-9.8-10.5-9z'/%3E%3Cpath d='M128.5 115.5c-8.7-13.3-9.2-30-2.3-43.6H90.9c-3.2 0-5.8 2.6-5.8 5.8v20.9l1.4.5c.1 0 .5.2 1 .4 2.7 1.1 9.2 4.5 11.5 12 .3 1 2.6 8.2.5 15.3 0 0-1.6 8-3.6 9.1-.6.7-5.5 6.2-6.2 8.5-.8 2.7-3.1 13.3 10.8 39.1.6 1 2.8 5.2 2.1 9.9-.1.7-.3 1.4-.5 2-.1.2-.1.3-.2.5h44.8c3.2 0 5.8-2.6 5.8-5.8v-56.3c-10-3.2-18.1-9.3-24-18.3zM136.7 58.5c1.1-.9 2.2-1.8 3.4-2.6V54H97.6v13.4h31.2c2.2-3.3 4.8-6.3 7.9-8.9z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-produktfinder-haarstyling {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-produktfinder-haarstyling {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-produkttest {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M192.3 126.3l13.4 8-3.5-15.2c-.2-.9.1-1.9.8-2.5l11.7-10.3-15.5-1.4c-1-.1-1.8-.7-2.2-1.6L191 89l-3.2 7.4-5.5-.5 6.2-14.6c.4-1 1.4-1.6 2.4-1.6s2 .6 2.4 1.6l7.9 18.5 20 1.8c1 .1 1.9.8 2.2 1.8.3 1 0 2.1-.8 2.8l-15.2 13.2 4.5 19.6c.2 1-.1 2.2-1 2.7-1 .6-1.9.7-2.9.1l-17-10.3-7.5 4.5-1.2-5.3 7.4-4.4c.8-.6 1.8-.5 2.6 0zM94.4 141.7c.8-.6 1.2-1.7 1-2.7l-4.5-19.6 15.2-13.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-7.9-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6l-7 16.3c9.3.7 9.7 7.3 5 12.2l-11.7 11.5 3.9 17.5 12.2-7.3 17.3 10.3c.6.5 1.8.6 2.7-.1z'/%3E%3Cpath d='M176.8 141.7c.8-.6 1.2-1.7 1-2.7l-4.5-19.6 15.2-13.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-8.1-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6l-7 16.3c9.3.7 9.7 7.3 5 12.2l-11.7 11.5 3.9 17.5 12.2-7.3 17.3 10.3c.8.5 2 .6 2.9-.1z'/%3E%3Cpath d='M136.6 141.7c.8-.6 1.2-1.7 1-2.7l-4.5-19.6 15.2-13.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-7.9-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6l-7 16.3c9.3.7 9.7 7.3 5 12.2l-11.7 11.5 3.9 17.5 12.2-7.3 17.3 10.3c.6.5 1.8.6 2.7-.1zM54.4 141.7c.9-.5 1.2-1.7 1-2.7l-4.5-19.6L66 106.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-7.9-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6L24 99.8l-20 1.8c-1 .1-1.9.8-2.2 1.8-.3 1 0 2.1.8 2.8l15.2 13.2-4.7 19.6c-.2 1 .2 2.1 1 2.7 1 .8 2 .7 2.9.1l17.3-10.3 17.3 10.3c.9.7 1.6.6 2.8-.1z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-produkttest {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-produkttest {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-tipps {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23010101'%3E%3Cpath d='M90.5 202.9c4.1 7.5 12.1 12.7 21.3 12.7s17.2-5.1 21.3-12.7H90.5zM135.1 169.1c4.2 0 8.4-4.2 8.4-8.4 0-35.9 31.7-40.8 31.7-86.6 0-35-28.4-63.3-63.3-63.3-35 0-63.3 28.4-63.3 63.3 0 45.8 31.7 50.7 31.7 86.6 0 4.2 4.2 8.4 8.4 8.4h46.4zM139.3 186c0 3.5-2.9 6.3-6.3 6.3H90.8c-3.5 0-6.3-2.9-6.3-6.3 0-3.5 2.9-6.3 6.3-6.3H133c3.5 0 6.3 2.8 6.3 6.3z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-tipps {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-tipps {
        padding-left: 60px
    }
}

.footer__promos-list li a.icon-videos {
    padding-left: 65px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23010101' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM9 17V7l9 5.146L9 17z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a.icon-videos {
        padding-left: 80px
    }
}

@media screen and (max-width: 670px) {
    .footer__promos-list li a.icon-videos {
        padding-left: 60px
    }
}

.footer__promos-list li a:hover {
    color: #00398c
}

@media screen and (max-width: 1024px) {
    .footer__promos-list li a {
        margin: 15px 0
    }
}

.footer__promos-list a {
    color: #000
}

.footer__nav {
    background-color: #5088bb
}

.footer__social {
    position: relative;
    padding: 0 0 2em;
    text-align: center
}

@media screen and (max-width: 670px) {
    .footer__social {
        padding: 1.5em 2em
    }
}

.footer__social .row {
    display: table;
    width: 100%;
    max-width: 750px
}

@media screen and (max-width: 1024px) {
    .footer__social .row {
        max-width: 600px
    }
}

@media screen and (max-width: 670px) {
    .footer__social .row {
        max-width: auto
    }
}

.footer__social__logo {
    margin: 30px 0
}

.footer__social__headeline {
    font-size: 20px;
    color: #7f8392
}

@media screen and (max-width: 670px) {
    .footer__social__headeline {
        font-size: 15px
    }
}

.footer__social-list {
    margin: 0 auto
}

.footer__social-list li {
    display: inline-block;
    text-align: center;
    width: 19.5%
}

@media screen and (max-width: 670px) {
    .footer__social-list li {
        width: 30%
    }
}

.footer__social-list a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin: 2em auto 0;
    border-radius: 50%;
    color: #000;
    padding: 2px
}

@media screen and (max-width: 670px) {
    .footer__social-list a {
        width: 36px;
        height: 36px
    }
}

.footer__social-list a:hover {
    background-color: #7f8392
}

.footer__social-list a:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #a5d8f6;
    border-radius: 30px;
    z-index: 1;
    opacity: 1;
    transition: transform .2s, opacity .3s
}

.footer__social-list a:hover:after {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transform-style: preserve-3d;
    opacity: 0
}

.footer__social-list a svg {
    position: relative;
    z-index: 2
}

.footer__social-list a > span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2
}

.footer__social-list a > span.soc-icon-twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M79.64 28.64a25.77 25.77 0 0 1-7.35 2 12.74 12.74 0 0 0 5.62-7 25.71 25.71 0 0 1-8.12 3.09 12.82 12.82 0 0 0-22.14 8.67 12.36 12.36 0 0 0 .35 2.9A36.36 36.36 0 0 1 21.62 25a12.69 12.69 0 0 0 4 17 12.81 12.81 0 0 1-5.8-1.59v.16A12.75 12.75 0 0 0 30 53a12.89 12.89 0 0 1-5.78.21 12.8 12.8 0 0 0 11.95 8.84 25.74 25.74 0 0 1-15.89 5.45 27.81 27.81 0 0 1-3.05-.18 36.34 36.34 0 0 0 19.61 5.72c23.53 0 36.4-19.4 36.4-36.22v-1.65a25.81 25.81 0 0 0 6.38-6.59z'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M40.73 75.08h10V50.29h8.32l1.2-9.6h-9.6v-6.26c0-2.79.81-4.71 4.8-4.71h5.12v-8.64a54.43 54.43 0 0 0-7.42-.41c-7.36 0-12.42 4.57-12.42 12.8v7.21h-8.32v9.6h8.32v24.8z'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-pinterest {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M49.3 20.7C34.2 20.7 22 32.9 22 48c0 11.6 7.2 21.4 17.3 25.4-.2-2.2-.5-5.5.1-7.8.6-2.2 3.3-13.6 3.3-13.6s-.8-1.6-.8-4c0-3.8 2.2-6.6 4.9-6.6 2.3 0 3.4 1.7 3.4 3.8 0 2.3-1.5 5.8-2.3 9.1-.6 2.7 1.4 4.9 4 4.9 4.8 0 8.6-5.1 8.6-12.5 0-6.5-4.7-11.1-11.4-11.1-7.8 0-12.3 5.8-12.3 11.8 0 2.3.9 4.9 2 6.2.2.3.3.5.2.8-.2.9-.7 2.7-.8 3.1-.1.5-.4.6-.9.4-3.4-1.6-5.5-6.6-5.5-10.6 0-8.6 6.2-16.5 18-16.5 9.5 0 16.8 6.7 16.8 15.7 0 9.4-5.9 17-14.1 17-2.8 0-5.4-1.4-6.2-3.1 0 0-1.4 5.2-1.7 6.5-.6 2.4-2.3 5.3-3.4 7.1 2.6.8 5.3 1.2 8.1 1.2 15.1 0 27.3-12.2 27.3-27.3 0-15-12.2-27.2-27.3-27.2z'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-snapchat {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M49.4 78h-.8c-3.6 0-5.9-1.6-8.1-3.2-1.5-1.1-3-2.1-4.7-2.4-.8-.1-1.7-.2-2.5-.2-1.4 0-2.6.2-3.4.4-.5.1-.9.2-1.3.2-.3 0-.7-.1-.9-.6-.1-.5-.2-1-.3-1.4-.3-1.2-.4-1.9-.9-2-5.7-.9-7.3-2.1-7.7-2.9-.1-.1-.1-.2-.1-.4 0-.3.2-.6.5-.7C28 63.3 31.9 54.4 32 54c.5-1.1.6-2 .3-2.8-.6-1.4-2.6-2-3.9-2.5l-.9-.3c-2.6-1-2.8-2.1-2.7-2.6.2-.9 1.4-1.6 2.4-1.6.3 0 .5 0 .7.1 1.2.5 2.2.8 3.1.8 1.3 0 1.8-.5 1.9-.6 0-.6-.1-1.2-.1-1.9-.3-4.1-.6-9.3.7-12.2 3.9-8.8 12.3-9.5 14.7-9.5H49.4c2.5 0 10.8.7 14.8 9.5 1.3 2.9 1 8.1.7 12.2v.2c0 .6-.1 1.1-.1 1.7.1.1.6.5 1.7.6.9 0 1.9-.3 2.9-.8.3-.1.7-.2.9-.2.4 0 .7.1 1.1.2.9.3 1.5.9 1.5 1.6 0 .6-.5 1.5-2.7 2.4-.2.1-.5.2-.9.3-1.3.4-3.3 1-3.9 2.5-.3.8-.2 1.7.3 2.8.2.4 4.1 9.3 12.9 10.8.3.1.6.3.5.7 0 .1 0 .2-.1.4-.4.8-2 2-7.7 2.9-.5.1-.6.7-.9 2-.1.5-.2.9-.3 1.4-.1.4-.4.6-.8.6h-.1c-.3 0-.7-.1-1.3-.2-1-.2-2-.4-3.4-.4-.8 0-1.6.1-2.5.2-1.7.3-3.2 1.3-4.7 2.4-2 1.7-4.3 3.3-7.9 3.3z'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-vkontakte {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M83.1 66.4c-.1-.2-.2-.3-.2-.5-1.2-2.2-3.6-5-7.1-8.2l-.1-.1c-1.6-1.5-2.6-2.5-3-3.1-.8-1-.9-2-.5-3 .3-.8 1.4-2.4 3.3-4.9 1-1.3 1.8-2.4 2.4-3.2 4.3-5.7 6.2-9.4 5.6-10.9l-.2-.4c-.3-.1-.7-.3-1.3-.5-.6-.2-1.4-.2-2.4-.1l-10.7.1c-.2-.1-.4-.1-.7 0-.3.1-.5.1-.5.1l-.2.1-.1.1c-.1.1-.3.2-.4.4-.1.2-.3.4-.4.7-1.2 3-2.5 5.8-4 8.4-.9 1.5-1.8 2.9-2.5 4-.8 1.1-1.4 2-1.9 2.5s-1 1-1.4 1.3c-.4.3-.7.5-1 .4-.2-.1-.4-.1-.6-.1-.3-.2-.6-.5-.8-.9-.4-.6-.5-1-.6-1.6-.1-.6-.1-1.1-.1-1.5v-1.8-1.6c0-.9 0-2 .1-3.1 0-1.1.1-2 .1-2.6v-2c0-.7 0-1.3-.1-1.7-.1-.4-.2-.8-.4-1.2-.2-.4-.4-.7-.8-.9-.3-.2-.7-.4-1.2-.5-1.3-.3-3-.5-5-.5-4.6 0-7.6.2-8.9.9-.5.3-1 .6-1.4 1.1-.4.5-.5.8-.2.9 1.5.2 2.5.8 3.2 1.6l.2.4c.2.3.3.9.5 1.7.2.8.3 1.7.3 2.7.1 1.8.1 3.4 0 4.7-.1 1.3-.2 2.3-.4 3-.1.7-.3 1.3-.5 1.7-.2.4-.4.7-.4.8-.1.1-.1.2-.2.2-.3.1-.7.2-1 .2-.3 0-.8-.2-1.3-.5s-1-.8-1.5-1.4c-.5-.6-1.1-1.5-1.8-2.5-.7-1.1-1.4-2.4-2.1-3.9l-.6-1.1c-.4-.7-.9-1.7-1.5-3s-1.2-2.6-1.7-3.9c-.2-.5-.5-.9-.9-1.2H26c-.1-.1-.3-.2-.6-.3-.3-.1-.6-.2-.9-.2l-10.2.1c-1 0-1.7.2-2.1.7l-.1.2c-.1 0-.1.2-.1.5s.1.6.2 1c1.5 3.5 3.1 6.9 4.9 10.1 1.7 3.3 3.3 5.9 4.6 7.9 1.3 2 2.6 3.9 3.9 5.6 1.3 1.8 2.2 2.9 2.7 3.4.4.5.8.9 1 1.1l.9.9c.6.6 1.5 1.3 2.6 2.1 1.2.8 2.4 1.7 3.8 2.5s3 1.5 4.9 2c1.9.5 3.7.7 5.4.6h4.3c.9-.1 1.5-.3 2-.8l.1-.2c.1-.1.2-.4.3-.7.1-.3.1-.7.1-1 0-1.1.1-2 .2-2.9.2-.9.4-1.5.6-1.9.2-.4.5-.8.8-1.1.3-.3.5-.5.6-.5.1-.1.2-.1.3-.1.6-.2 1.3 0 2.1.6s1.6 1.3 2.3 2.2c.7.9 1.6 1.8 2.5 2.9 1 1.1 1.9 1.9 2.6 2.4l.7.4c.5.3 1.1.6 1.9.8.8.2 1.5.3 2.1.2l9.5-.1c.9 0 1.7-.2 2.2-.5.5-.3.8-.7.9-1 .1-.4.1-.8 0-1.3.2-.7.2-1 .1-1.2zm0 0'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-weibo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M75.1 33.1c-.3-.4-1.3-1.6-1.9-2.1-2.6-2.4-7.2-2.1-8-1.9-.8.2-2.2 1-1.8 2.9s2.1 1.7 3.7 1.6c1.4-.1 2.8.9 3.1 1.1 0 0 .5.4.8.9 0 0 0 .1.1.2.3.5 1 1.8.8 3.1-.3 1.6-.6 3.3 1.3 3.8s2.8-.8 3.1-1.6c.2-.7.9-5.1-1.2-8z'/%3E%3Cpath d='M82.3 26.4s-1.2-1.6-1.9-2.2l-.2-.2c-8.5-7.2-17.1-4.5-17.9-4.4-.8.1-2 .8-1.9 3.1.1 2.3 2.8 2.4 2.8 2.4 6.1-1.8 10.7.9 13.1 2.9 0 0 6.9 6.3 3.7 15.1 0 0-.1 2.7 2.2 3 2.3.2 3.1-.9 3.2-1.7.3-.6 3.6-9.1-3.1-18zM70.7 48.7s-3.5-1.2-3.7-1.6-.1-1.3.3-2.1.7-3.1.6-4c-.1-.9-.2-2.9-3.3-4.5s-9.8.2-10.6.5c-.9.4-4.3 1.5-4.3 1.5s-1.2.7-.8-1.3c.4-2 2.4-10-4.9-9.9-7.3.1-16.3 7.1-19.5 10.2-3.2 3.1-13.8 13.7-11.2 25.3 0 0 1.2 3.4 3.1 5.4 1.9 2 4.6 5.1 10.8 7.3 6.1 2.3 11.9 3 18.3 3s15.6-2 22.2-6.8C74.3 67 77 62 77.3 58.6c.1-3.3-1.3-7.8-6.6-9.9zM44 74.2c-12.2 1.7-22.9-3.4-24-11.4S27.8 47 40 45.3c12.2-1.7 22.9 3.4 24 11.4 1.1 7.9-7.9 15.8-20 17.5z'/%3E%3Cpath d='M52.4 58.5c-1.1-5.4-7.2-8.8-13.5-7.4-6.3 1.3-10.6 6.8-9.4 12.2 1.1 5.4 7.2 8.8 13.5 7.4 6.3-1.3 10.5-6.8 9.4-12.2zM37 63.8c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4c.1 2.2-1.7 4-4 4zm9.5.3c-1.1 0-1.9-.9-1.9-1.9 0-1.1.9-1.9 1.9-1.9s1.9.9 1.9 1.9c0 1.1-.8 1.9-1.9 1.9z'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-youtube {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='%23fff'%3E%3Cpath d='M37.6 61.9h-3.3V60c-1.2 1.4-2.3 2.1-3.4 2.1-1 0-1.7-.5-2.1-1.3-.2-.5-.4-1.3-.4-2.5V44.5h3.3v14.1c.1.5.3.7.7.7.6 0 1.2-.5 1.9-1.5V44.5h3.3v17.4zM26.1 50.2c0-1.9-.4-3.2-1-4.1-.9-1.2-2.2-1.7-3.6-1.7-1.6 0-2.7.5-3.6 1.7-.7.9-1 2.3-1 4.1v6.2c0 1.8.3 3.1 1 4 .9 1.2 2.3 1.8 3.7 1.8s2.8-.6 3.7-1.8c.7-.9 1-2.1 1-4v-6.2zm-3.3 6.5c.2 1.7-.4 2.6-1.4 2.6-1 0-1.5-.9-1.4-2.6v-6.9c-.2-1.7.4-2.5 1.4-2.5 1 0 1.5.8 1.4 2.5v6.9zM13.2 52.4v9.5H9.8v-9.5S6.2 40.8 5.5 38.6h3.6l2.4 9.1 2.4-9.1h3.6l-4.3 13.8zM71.2 47.3c-.5 0-1.1.3-1.6.8v10.4c.5.5 1.1.8 1.6.8.9 0 1.3-.7 1.3-2.4v-7.4c0-1.7-.4-2.2-1.3-2.2zM84 49.4c0-1.6-.4-2.1-1.4-2.1-1 0-1.5.4-1.5 2v1.9H84v-1.8z'/%3E%3Cpath d='M91.1 40.6s-.5-3.5-2-5.1c-2-2-4.1-2-5.1-2.2-7.2-.5-18-.5-18-.5s-10.8 0-18 .5c-1 .1-3.2.1-5.1 2.2-1.5 1.6-2 5.1-2 5.1s-.5 4.1-.5 8.3v3.9c0 4.1.5 8.3.5 8.3s.5 3.5 2 5.1c2 2 4.5 2 5.7 2.2 4.1.4 17.5.5 17.5.5s10.8 0 18-.5c1-.1 3.2-.1 5.1-2.2 1.5-1.6 2-5.1 2-5.1s.5-4.1.5-8.3v-3.9c-.1-4.2-.6-8.3-.6-8.3zM51.5 61.9h-3.4V42.1h-3.6v-3.3h10.8v3.3h-3.8v19.8zm12.4 0h-3.3V60c-1.2 1.4-2.3 2.1-3.4 2.1-1 0-1.7-.5-2.1-1.3-.2-.5-.4-1.3-.4-2.5V44.7H58V58.6c.1.5.3.7.7.7.6 0 1.2-.5 1.9-1.5V44.7h3.3v17.2zm11.9-5.2c0 1.6-.1 2.7-.3 3.4-.4 1.3-1.3 1.9-2.6 1.9-1.1 0-2.2-.7-3.3-2v1.7h-3.1v-23h3.1v7.5c1-1.2 2.1-1.9 3.3-1.9 1.2 0 2.1.7 2.5 2 .2.7.4 1.8.4 3.4v7zm6.8 2.6c.8 0 1.2-.4 1.4-1.2v-2.2h3.3v.5c0 1-.1 1.7-.1 2-.1.7-.3 1.3-.7 1.9-.9 1.2-2.1 1.9-3.8 1.9-1.6 0-2.9-.6-3.8-1.8-.7-.9-1.1-2.1-1.1-4v-6c0-1.8.4-3.3 1-4.1.9-1.2 2.1-1.8 3.7-1.8s2.8.6 3.7 1.8c.7.9 1 2.2 1 4v3.5H81v3.1c.1 1.6.5 2.4 1.6 2.4z'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__social-list a > span.soc-icon-instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48.7 25.2c7.7 0 8.6 0 11.6.2 2.8.1 4.3.6 5.3 1 1.3.5 2.3 1.1 3.3 2.1s1.6 2 2.1 3.3c.4 1 .9 2.5 1 5.3.1 3 .2 3.9.2 11.6s0 8.6-.2 11.6c-.1 2.8-.6 4.3-1 5.3-.5 1.3-1.1 2.3-2.1 3.3s-2 1.6-3.3 2.1c-1 .4-2.5.9-5.3 1-3 .1-3.9.2-11.6.2s-8.6 0-11.6-.2c-2.8-.1-4.3-.6-5.3-1-1.3-.5-2.3-1.1-3.3-2.1s-1.6-2-2.1-3.3c-.4-1-.9-2.5-1-5.3-.1-3-.2-3.9-.2-11.6s0-8.6.2-11.6c.1-2.8.6-4.3 1-5.3.5-1.3 1.1-2.3 2.1-3.3s2-1.6 3.3-2.1c1-.4 2.5-.9 5.3-1 3-.2 3.9-.2 11.6-.2m0-5.2c-7.8 0-8.8 0-11.8.2-3.1.1-5.1.6-7 1.3-1.9.7-3.5 1.7-5.1 3.3-1.6 1.6-2.6 3.2-3.3 5.1-.7 1.8-1.2 3.9-1.3 7-.1 3.1-.2 4-.2 11.8 0 7.8 0 8.8.2 11.8.1 3.1.6 5.1 1.3 7 .7 1.9 1.7 3.5 3.3 5.1 1.6 1.6 3.2 2.6 5.1 3.3 1.8.7 3.9 1.2 7 1.3 3.1.1 4 .2 11.8.2s8.8 0 11.8-.2c3.1-.1 5.1-.6 7-1.3 1.9-.7 3.5-1.7 5.1-3.3 1.6-1.6 2.6-3.2 3.3-5.1.7-1.8 1.2-3.9 1.3-7 .1-3.1.2-4 .2-11.8s0-8.8-.2-11.8c-.1-3.1-.6-5.1-1.3-7-.7-1.9-1.7-3.5-3.3-5.1-1.6-1.6-3.2-2.6-5.1-3.3-1.8-.7-3.9-1.2-7-1.3-3.1-.2-4-.2-11.8-.2z'/%3E%3Cpath d='M48.7 33.9c-8.1 0-14.7 6.6-14.7 14.7s6.6 14.7 14.7 14.7 14.7-6.6 14.7-14.7-6.6-14.7-14.7-14.7zm0 24.3c-5.3 0-9.6-4.3-9.6-9.6s4.3-9.6 9.6-9.6 9.6 4.3 9.6 9.6c-.1 5.3-4.4 9.6-9.6 9.6z'/%3E%3Ccircle cx='64' cy='33.4' r='3.4'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer__extended {
    padding: 3em 0 0;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .footer__extended {
        display: none
    }
}

.footer__extended .columns-wrapper {
    text-align: center
}

.footer__extended .columns-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.footer__extended .columns-wrapper .column {
    vertical-align: top;
    width: auto;
    display: inline-block;
    padding: 0 3em 0 0;
    text-align: left
}

.footer__extended .columns-wrapper .column .nav-list__heading a {
    color: #fff
}

.footer__extended .columns-wrapper .column .nav-list__heading a:hover {
    color: #6d7070
}

.footer__extended .columns-wrapper .column .nav-list ul li {
    padding: .15em 0
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .footer__extended .columns-wrapper .column .nav-list ul li {
        padding: 0
    }
}

.footer__extended .columns-wrapper .column .nav-list ul li a {
    display: inline-block;
    color: #888;
    font-size: 16px;
    transition: .25s
}

.footer__extended .columns-wrapper .column .nav-list ul li a:hover {
    color: #fff;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transform-style: preserve-3d
}

.footer__bottom-bar {
    color: #ffffff;
    padding: 25px 0;
    background-color: #5088bb;
    text-align: center
}

.footer__bottom-bar a {
    color: #ffffff
}

.footer__bottom-bar .row {
    width: 100%
}

.footer__bottom-bar ul {
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.footer__bottom-bar ul li {
    position: relative;
    display: inline-block;
    padding: 0 8px
}

.footer__bottom-bar ul li:after {
    position: absolute;
    content: "|";
    right: -3px;
    top: 0
}

@media screen and (max-width: 1024px) {
    .footer__bottom-bar ul li:last-child:after {
        display: none
    }
}

@media screen and (max-width: 670px) {
    .footer__bottom-bar ul li {
        padding: 0 5px
    }
}

@media screen and (max-width: 1024px) {
    .footer__bottom-bar ul {
        display: block;
        margin-bottom: 15px
    }
}

.footer__for-hairdressers {
    padding: 1.1em;
    font-family: 'open_sansbold', sans-serif;
    font-size: 18px;
    background-color: gray;
    color: #000;
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width: 670px) {
    .footer__for-hairdressers {
        font-size: 14px
    }
}

.footer__for-hairdressers a {
    color: #fff;
    display: inline-block;
    word-break: keep-all
}

@media screen and (max-width: 670px) {
    .footer__for-hairdressers a {
        display: block
    }
}

.footer__for-hairdressers a:hover {
    text-decoration: underline
}

.footer__copyrights {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px
}

@media screen and (max-width: 1024px) {
    .footer__copyrights {
        display: block;
        text-align: center
    }
}

@media screen and (max-width: 670px) {
    .footer__copyrights {
        padding: 0 5px
    }
}

.footer .goto {
    padding: 3em 0 1.25em
}

.footer .trimmed {
    display: none
}

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

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

a {
    color: #303e48;
    text-decoration: none;
    transition: color .4s
}

strong {
    font-family: 'open_sansbold', sans-serif
}

em {
    font-style: italic
}

input {
    outline: none
}

* {
    word-wrap: break-word
}

::selection {
    color: #fff;
    background: #00398c
}

::-moz-selection {
    color: #fff;
    background: #00398c
}

.search {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #e5e5e5;
    overflow-x: hidden;
    padding-top: 68px
}

.search:before {
    top: 0;
    height: 68px;
    display: block
}

.search:after, .search:before {
    content: " ";
    width: 100%;
    position: fixed;
    left: 0;
    background-color: #e5e5e5
}

.search:after {
    bottom: -199px;
    height: 200px
}

@media screen and (max-width: 1024px) {
    .search {
        z-index: 298
    }
}

@media screen and (max-width: 670px) {
    .search {
        padding: 58px 0 0
    }

    .search:before {
        height: 58px
    }
}

.search-inner {
    position: relative;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .search-inner {
        width: calc((100% - 70px))
    }
}

@media screen and (max-width: 670px) {
    .search-inner {
        width: calc((100% - 30px))
    }
}

.search__input {
    position: relative;
    height: 65px;
    box-sizing: border-box
}

@media screen and (max-width: 670px) {
    .search__input {
        height: 65px
    }
}

.search__input form {
    height: inherit
}

.search__input input[type=text] {
    display: block;
    height: inherit;
    font-family: 'open_sansbold', sans-serif;
    font-size: 2.846em;
    border: none;
    border-bottom: 1px solid #c1c1c1;
    outline: none;
    color: #000;
    padding: 0 115px 0 20px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 1;
    transition: width .4s cubic-bezier(0, .795, 0, 1);
    cursor: text;
    box-sizing: border-box
}

.search__input input[type=text]::-webkit-input-placeholder {
    color: #c1c1c1
}

.search__input input[type=text]:-moz-placeholder, .search__input input[type=text]::-moz-placeholder {
    color: #c1c1c1
}

.search__input input[type=text]:-ms-input-placeholder {
    color: #c1c1c1
}

.search__input input[type=text]::-ms-clear {
    display: none
}

@media screen and (max-width: 1024px) {
    .search__input input[type=text] {
        font-size: 1.923em;
        padding-right: 60px
    }
}

@media screen and (max-width: 670px) {
    .search__input input[type=text] {
        padding: 0;
        font-size: 1.923em
    }
}

.search__input input[type=submit] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    height: inherit;
    width: 115px;
    padding: 0;
    text-indent: -10000px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='38' viewBox='0 0 24 25' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMin none'%3E%3Cpath d='M2.672 9.804a7.133 7.133 0 1 1 14.267 0 7.133 7.133 0 0 1-14.267 0M23.776 22.23l-6.309-6.309a9.758 9.758 0 0 0 2.142-6.117C19.61 4.39 15.22 0 9.805 0 4.39 0 0 4.39 0 9.804c0 5.415 4.39 9.805 9.805 9.805a9.757 9.757 0 0 0 5.698-1.825l6.36 6.36a.769.769 0 0 0 1.085 0l.828-.83a.77.77 0 0 0 0-1.084' fill='%23888'/%3E%3C/svg%3E");
    background-size: 38px, auto;
    background-repeat: no-repeat;
    background-position: 0;
    background-position: 74px;
    transition: .4s
}

.search__input input[type=submit]:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='38' viewBox='0 0 24 25' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMin none'%3E%3Cpath d='M2.672 9.804a7.133 7.133 0 1 1 14.267 0 7.133 7.133 0 0 1-14.267 0M23.776 22.23l-6.309-6.309a9.758 9.758 0 0 0 2.142-6.117C19.61 4.39 15.22 0 9.805 0 4.39 0 0 4.39 0 9.804c0 5.415 4.39 9.805 9.805 9.805a9.757 9.757 0 0 0 5.698-1.825l6.36 6.36a.769.769 0 0 0 1.085 0l.828-.83a.77.77 0 0 0 0-1.084' fill='%2300398c'/%3E%3C/svg%3E");
    background-size: 38px, auto;
    background-repeat: no-repeat;
    background-position: 0;
    background-position: 60px
}

@media screen and (max-width: 1024px) {
    .search__input input[type=submit] {
        background-size: 30px auto;
        background-position: 100%;
        width: 60px
    }

    .search__input input[type=submit]:hover {
        background-size: 30px auto;
        background-position: 50%
    }
}

.search__suggestions {
    display: none
}

.search__suggestions li {
    padding-left: 20px;
    font-weight: 400;
    font-size: 2em;
    line-height: 60px;
    color: #bdbdbd;
    border-bottom: 1px solid #c1c1c1
}

@media screen and (max-width: 670px) {
    .search__suggestions li {
        padding-left: 0;
        line-height: 70px
    }
}

.search__suggestions li.is-focused, .search__suggestions li:focus, .search__suggestions li:hover {
    background-color: #eef1f0;
    cursor: pointer
}

.search__suggestions li.is-focused, .search__suggestions li strong {
    color: #000
}

.search__list {
    font-size: 13px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding-left: 75px;
    box-sizing: border-box
}

.search__list-wrap {
    display: block;
    padding-top: 15%;
    font-size: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-style: preserve-3d;
    transition: opacity .25s, transform .25s
}

@media screen and (max-width: 1024px) {
    .search__list-wrap {
        display: block;
        width: 100%;
        padding-top: 0
    }
}

.search__list-wrap--hidden {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 670px) {
    .search__list-wrap {
        margin-top: 80px
    }
}

@media screen and (max-width: 1024px) {
    .search__list {
        display: block;
        width: 100%;
        padding: 0 0 40px 65px;
        margin-top: 40px;
        border-bottom: 1px solid #c1c1c1;
        font-size: 17px
    }
}

@media screen and (max-width: 670px) {
    .search__list {
        padding: 0 0 40px
    }
}

.search__list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 75px;
    height: 90px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c1c1c1' width='78' height='90' viewBox='0 0 78 90'%3E%3Cpath d='M62.7 1.3V15h15l-15-15z'/%3E%3Cpath d='M78 17.7c-.1 0-.2.1-.3.1h-15c-1.5 0-2.8-1.2-2.8-2.8V0H2.8C1.2 0 0 1.2 0 2.8v84.5C0 88.8 1.2 90 2.8 90h72.5c1.5 0 2.8-1.2 2.8-2.8L78 17.7M46.7 73.5H29.5c-1.5 0-2.8-1.2-2.8-2.8S28 68 29.5 68h17.2c1.5 0 2.8 1.2 2.8 2.8s-1.2 2.7-2.8 2.7m0-13.8H19.5c-1.5 0-2.8-1.2-2.8-2.8s1.2-2.8 2.8-2.8h27.2c1.5 0 2.8 1.2 2.8 2.8s-1.2 2.8-2.8 2.8m0-13.8H19.5c-1.5 0-2.8-1.2-2.8-2.8 0-1.5 1.2-2.8 2.8-2.8h27.2c1.5 0 2.8 1.2 2.8 2.8 0 1.6-1.2 2.8-2.8 2.8m0-13.8H19.5c-1.5 0-2.8-1.2-2.8-2.8 0-1.5 1.2-2.8 2.8-2.8h27.2c1.5 0 2.8 1.2 2.8 2.8 0 1.6-1.2 2.8-2.8 2.8'/%3E%3C/svg%3E");
    background-size: 53px, auto;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transform: translate(-100%, -33%);
    transform: translate(-100%, -33%);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .search__list:before {
        background-size: 50px, auto;
        width: 65px;
        -webkit-transform: translate(-100%, -33%);
        transform: translate(-100%, -33%);
        -webkit-transform-style: preserve-3d
    }
}

@media screen and (max-width: 670px) {
    .search__list:before {
        content: none
    }
}

.search__list:nth-child(2), .search__list:nth-child(3) {
    padding-left: 114px
}

@media screen and (max-width: 1024px) {
    .search__list:nth-child(2), .search__list:nth-child(3) {
        padding: 0 0 30px 65px
    }
}

.search__list li {
    padding: .15em 0
}

@media screen and (max-width: 1024px) {
    .search__list li {
        padding: .5em 0;
        max-width: 440px
    }
}

.search__list li:first-child {
    text-transform: uppercase;
    word-spacing: 330px;
    padding-bottom: 15px
}

@media screen and (max-width: 1024px) {
    .search__list li:first-child {
        word-spacing: normal
    }
}

.search__list li:first-child h4 {
    font-family: 'open_sansbold', sans-serif;
    line-height: 1.3;
    color: #000
}

.search__list li a {
    position: relative;
    display: inline-block;
    color: #888;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: .25s
}

.search__list li a:hover {
    color: #00398c;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transform-style: preserve-3d
}

.search__list--mobile-hidden {
    display: inline-block
}

@media screen and (max-width: 670px) {
    .search__list--mobile-hidden {
        display: none
    }
}

.search__list--mobile-visible {
    display: none
}

@media screen and (max-width: 670px) {
    .search__list--mobile-visible {
        display: block
    }
}

.search__result-wrap {
    margin-bottom: 15px;
    display: none
}

.search__result-wrap .search__count {
    font-size: 1.538em;
    color: #717372;
    font-family: 'open_sansbold', sans-serif;
    display: inline-block;
    margin: 30px 0
}

@media screen and (max-width: 670px) {
    .search__result-wrap .search__count {
        margin: 100px 0 15px
    }
}

.search__result-wrap .grid-col {
    position: relative;
    padding: 0
}

@media screen and (min-width: 1025px) {
    .search__result-wrap .grid-col:nth-child(odd) {
        padding-right: 15px
    }

    .search__result-wrap .grid-col:nth-child(2n) {
        padding-left: 15px
    }
}

.search__result.teaser {
    padding-top: 15px;
    padding-bottom: 15px
}

@media screen and (max-width: 670px) {
    .search__result.teaser {
        padding-bottom: 0
    }
}

.search__result.teaser .teaser__inner {
    padding-left: 80px;
    background-color: #fff;
    min-height: 125px;
    background-clip: content-box
}

@media screen and (max-width: 670px) {
    .search__result.teaser .teaser__inner {
        padding-left: 40px;
        min-height: 80px;
        margin-bottom: 10px
    }
}

.search__result.teaser picture {
    position: absolute;
    display: inline-block;
    top: -5px;
    left: 0;
    height: 144px;
    width: 144px;
    margin: 0;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width: 670px) {
    .search__result.teaser picture {
        top: 0;
        height: 73px;
        width: 73px
    }
}

.search__result.teaser picture a, .search__result.teaser picture a:hover {
    display: block
}

.search__result.teaser picture a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform-style: preserve-3d
}

.search__result.teaser picture a img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .4s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform-style: preserve-3d
}

.search__result.teaser figcaption {
    max-width: 100%;
    padding: 0 15px 0 85px;
    text-align: left;
    width: calc((100% - 95px));
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    box-sizing: border-box
}

@media screen and (max-width: 670px) {
    .search__result.teaser figcaption {
        max-width: 100%;
        padding: 25px 30px 10px 45px;
        text-align: left;
        width: auto;
        min-height: 63px;
        margin-bottom: 12px
    }
}

.search__result.teaser figcaption h4, .search__result.teaser figcaption span {
    display: block;
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    color: #717372;
    text-transform: uppercase;
    margin-bottom: 5px
}

.search__result.teaser figcaption h4 a, .search__result.teaser figcaption span a {
    color: #717372
}

.search__result.teaser figcaption h4 a:hover, .search__result.teaser figcaption span a:hover {
    color: #00398c
}

@media screen and (max-width: 1024px) {
    .search__result.teaser figcaption h4, .search__result.teaser figcaption span {
        font-size: 16px
    }
}

@media screen and (max-width: 670px) {
    .search__result.teaser figcaption h4, .search__result.teaser figcaption span {
        font-size: 14px;
        margin-bottom: 0;
        padding-top: 0
    }
}

.search__result.teaser figcaption h3 {
    font-family: 'pt_sansregular', sans-serif;
    font-size: 1.923em;
    line-height: 110%;
    color: #000
}

.search__result.teaser figcaption h3 a {
    display: block;
    color: #000
}

.search__result.teaser figcaption h3 a:hover {
    color: #00398c
}

@media screen and (max-width: 670px) {
    .search__result.teaser figcaption h3 a {
        padding-right: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 670px) {
    .search__result.teaser figcaption h3 {
        font-size: 1.615em;
        padding-bottom: 10px
    }
}

.search__result.teaser figcaption hr {
    display: none
}

.search__close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px
}

@media screen and (max-width: 1024px) {
    .search__close {
        display: none
    }
}

.search.is-active {
    display: block;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@media screen and (max-width: 1024px) {
    .search.is-active {
        overflow-y: auto
    }
}

.search.is-inactive {
    display: none;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.search__more-results {
    padding: 3em 0 1.25em
}

.icon-close {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: transform .75s
}

.icon-close:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-style: preserve-3d
}

.icon-close:after, .icon-close:before {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 3px;
    background-color: #888;
    transition: .25s
}

.icon-close:before {
    top: 4px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    -webkit-transform-style: preserve-3d
}

.icon-close:after {
    top: 34px;
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
    -webkit-transform-style: preserve-3d
}

.icon-close:hover:after, .icon-close:hover:before {
    background-color: #00398c
}

body.search-active {
    overflow-y: hidden
}

@keyframes "a" {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
    }
    40% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
    }
    to {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
    }
}

@-webkit-keyframes "a" {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
    }
    40% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
    }
    to {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
    }
}

@keyframes "b" {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
    }
    40% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
    }
    to {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
    }
}

@-webkit-keyframes "b" {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100%, 0 0);
    }
    40% {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 0, 0 0);
    }
    to {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
        clip-path: polygon(100% 0, 100% 100%, 100% 0, 100% 0, 0 0);
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'pt_sansregular', sans-serif;
    font-weight: 300
}

@media screen and (min-width: 1025px) {
    h1 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 670px) {
    h1 {
        font-size: 2.462em
    }
}

h2 {
    line-height: 120%
}

@media screen and (min-width: 1025px) {
    h2 {
        font-size: 2.692em
    }
}

@media screen and (max-width: 1024px) {
    h2 {
        font-size: 2.692em
    }
}

@media screen and (max-width: 670px) {
    h2 {
        font-size: 1.923em;
        line-height: 1.2em
    }
}

.subsection h2 {
    padding-bottom: 17px
}

h3 {
    font-size: 2.462em;
    line-height: 120%
}

@media screen and (max-width: 670px) {
    h3 {
        margin: 0
    }
}

dl, p, ul {
    color: #7f8392
}

@media screen and (min-width: 1025px) {
    .subsection dl, .subsection p, .subsection ul {
        font-size: 18px
    }
}

@media screen and (max-width: 1024px) {
    .subsection dl, .subsection p, .subsection ul {
        font-size: 18px
    }
}

@media screen and (max-width: 670px) {
    .subsection dl, .subsection p, .subsection ul {
        font-size: 15px
    }
}

dl.intro, p.intro, ul.intro {
    font-size: 18px;
    font-family: 'open_sansbold', sans-serif;
    font-weight: 400
}

dl a, p a, ul a {
    color: #000
}

.subsection dl a, .subsection p a, .subsection ul a, dl a:hover, p a:hover, ul a:hover {
    color: #cccccc
}

.subsection dl a:hover, .subsection p a:hover, .subsection ul a:hover {
    text-decoration: underline
}

.tag, .tags {
    display: block;
    letter-spacing: .1em;
    font-family: 'open_sanslight', sans-serif;
    color: #7f8392;
    text-transform: uppercase
}

header .tag, header .tags {
    font-size: 26px;
    padding: 0 0 1.25em
}

@media screen and (max-width: 670px) {
    header .tag, header .tags {
        font-size: 18px
    }
}

@media screen and (max-width: 670px) {
    .tag, .tags {
        padding: .6em 0 0
    }
}

.tag a, .tags a {
    color: #717372
}

.tag a:hover, .tags a:hover {
    color: #00398c
}

.brand > body > main, .product > body > main, .productline > body > main {
    background-color: #000
}

.icon-facebook {
    background: url(../images/facebook.svg) no-repeat top
}

.icon-twitter {
    background: url(../images/twitter.svg) no-repeat top
}

.icon-show-all {
    background: url(../images/plus.svg) no-repeat top
}

.noscroll {
    overflow: hidden
}

.preloader {
    width: 100%;
    position: relative;
    padding: 0;
    float: none;
    background-color: #f3f3f3;
    overflow-x: hidden
}

.preloader-body {
    margin: 20px auto 30px;
    width: 1000px;
    background-color: transparent;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 130px;
    position: relative;
    box-sizing: border-box;
    height: 230px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .preloader-body {
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .preloader-body {
        height: 230px
    }
}

.preloader.search-wrapper, .preloader.search-wrapper-body {
    background-color: #e5e5e5
}

.sub-nav {
    display: none;
    background-color: #fff;
    transition: .4s;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .sub-nav {
        display: none;
        border-top: none
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav.is-active {
        display: block;
        margin-bottom: 0
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav li {
        line-height: 100%;
        text-align: left;
        line-height: 30px
    }
}

.sub-nav__container {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
    padding: 0
}

.sub-nav__container:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 1024px) {
    .sub-nav__container {
        padding: 0;
        max-width: unset
    }
}

.sub-nav__menu {
    position: absolute;
    width: 100%;
    opacity: 0;
    z-index: 1;
    padding: 40px 0
}

.sub-nav__menu.is-active {
    display: block;
    z-index: 5
}

.sub-nav__section:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 1024px) {
    .sub-nav__section--top {
        padding-bottom: 0
    }
}

.sub-nav__section--bottom {
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .sub-nav__section--bottom {
        margin-top: 0
    }
}

.sub-nav__section--bottom nav ul {
    text-align: center;
    width: 100%;
    padding-top: 10px
}

@media screen and (max-width: 670px) {
    .sub-nav__section--bottom nav ul {
        line-height: 100%
    }
}

.sub-nav__section--bottom nav ul li {
    display: block;
    width: 24%;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .sub-nav__section--bottom nav ul li {
        width: 100%;
        line-height: 100%;
        padding: 0 10px
    }
}

.sub-nav__section--bottom nav ul li a {
    display: block;
    line-height: 100%;
    height: 40px;
    overflow: hidden;
    text-align: left;
    text-transform: none;
    color: #303e48;
    opacity: .4;
    transition: opacity .4s
}

@media screen and (max-width: 670px) {
    .sub-nav__section--bottom nav ul li a {
        font-size: 14px;
        line-height: 100%;
        text-align: left
    }
}

.sub-nav__section--bottom nav ul li a.multiline {
    padding-top: 10px;
    line-height: 18px;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .sub-nav__section--bottom nav ul li a.multiline {
        padding-top: 15px;
        line-height: 14px
    }
}

.sub-nav__section--bottom nav ul li a.multiline .svg-icon {
    margin-top: -10px
}

@media screen and (max-width: 1024px) {
    .sub-nav__section--bottom nav ul li a.multiline .svg-icon {
        margin-top: -15px
    }
}

.sub-nav__section--bottom nav ul li a .svg-icon {
    display: none;
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    color: #fff
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-aktionen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222'%3E%3Cpath fill='%23fff' d='M192.4 37.9l6.1 20.8-90.8 26.4c-1.6-5.2-4.2-12.6-7.5-17.9 0 0-18 3.9-26 13.3l-5.2-18 110-32c5.7-1.6 11.7 1.7 13.4 7.4zm-182 41.6l41-11.9L57 86.7c-12.1-.8-26.7 9.2-26.7 9.2.8 3.4 2.3 7.2 3.8 10.7l-25 7.3L3 93c-1.7-5.8 1.7-11.8 7.4-13.5zm21.6 113l-17.8-61.2 40.2-11.7c-2 5.9-4.7 13-8.5 21.3L58 163s5.8-16.7 11.1-34.5L86.4 188l-41 11.9c-5.7 1.7-11.8-1.6-13.4-7.4zm181.9-41.6l-110 32-19.5-67c17.9 14.3 39.4 29.6 39.4 29.6l-4.7-24.7c-8.1-5.4-14.6-10.1-19.9-14.2l104.2-30.3 17.8 61.2c1.8 5.7-1.5 11.7-7.3 13.4z'/%3E%3C/svg%3E")
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-aktionen, .sub-nav__section--bottom nav ul li a .svg-icon.icon-app {
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-app {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 193.5 222'%3E%3Cpath fill='%23fff' d='M179.7 20.1H13.1c-6.6 0-12 5.4-12 12v164.7c0 6.6 5.4 12 12 12h166.7c6.6 0 12-5.4 12-12V32.1c-.1-6.6-5.5-12-12.1-12zm-33.1 69.5c-1.7 4.4-1.4 9.7-1.6 14.6-.5 5.5-4.4 9.7-7.6 14-1.6 3.3-4.1 7.3-8 8.3-2.3 1.1-5.9 2-6 5.3-.6 9.1 2.9 17 5.9 25 .4 1.6 1.2 3.6-.3 4.8-6.2 1.4-12.5 2.4-18.1 5.1-14.4 6-26 18.9-40.9 24-1.2.4-2.9.6-4.1 0-.6-1.4.1-3.1 1-4.4 8.1-10.2 14.4-21.5 15.9-34.5 0-3 .6-6.9-2.2-8.9-5.5-2.7-13.5.2-18.7-3.5-2.1-2.2-.4-5.1-.6-7.8-.6-1.9-3-3.4-1.7-5.5 1-1.4-1.4-2.1-.9-3.5.1-1.7 2.3-3 .9-4.9-2.1-2-6-.8-6.8-4.1 0-2.1 1-3.7 1.8-5.5l6.7-12c1.8-3.3-3.1-5.2-1.2-8.4 1-2.8 2.6-5.5 3-8.5-.4-1.6-2.4-1.6-3.5-2.8-3.7-2.8-4.4-7.2-3.9-11.6.6-3.6 3.6-5.8 5.9-8.5 2.9-4.3 7.8-5.6 12-7.8 3.2-1.7 7.1-1.8 10.8-2.5 4.6-1.6 9.9-2.8 15.1-1.6 3.3.7 6.7 1.5 10.2 1.5 5.6-.2 11.3.2 15.5 3.9 4.5 3.7 10.5 4.4 14.1 9.4 4 4.6 5.9 9.9 6.3 15.8 1.6 4.4 2.3 9.8 1 14.6z'/%3E%3C/svg%3E")
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-artikel {
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-coupon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M181.3 90.7h6.5v27.5h-6.5zM181.3 132.7h6.5v27.5h-6.5zM120.9 51.3h27.5v6.5h-27.5zM46 188.4v-13.7h-6.5v18.1c0 4.6 2.1 6.8 6.4 6.8h18.5v-6.5H50.7c-3.5 0-4.7-1.3-4.7-4.7zM39.5 118.2H46v-9.5c-2.1.7-4.3 1.1-6.5 1.3v8.2zM39.5 132.7H46v27.5h-6.5zM78.9 193.1h27.5v6.5H78.9zM120.9 193.1h27.5v6.5h-27.5zM53.8 104.4v74.1c0 3.7 3 6.7 6.7 6.7h106.2c3.7 0 6.7-3 6.7-6.7V72.3c0-3.7-3-6.7-6.7-6.7H94.1L65.9 81.8c-.3 8.4-4.1 16.5-12.1 22.6zm76.5 45.1c-2.7 2.7-6.2 4.7-10.3 5.7v6h-12.8v-6c-7.9-2-13.9-7.7-15.2-14.8h13.8c1.3 2.6 4.3 4.3 7.8 4.3 8.6 0 10.1-7.5 7.3-10-1-.9-3-2.1-7.5-2.7-8.2-1.1-14-3.8-17.5-7.5-3.5-3.6-4.2-8.1-4.2-10.7 0-4.9 3.6-14.7 15.5-17.8v-6.6H120V96c9 2.3 15.5 9.3 15.5 17.6h-13.3c0-4-3.8-7.2-8.6-7.2-8.6 0-9.8 8-7.4 10.1 1.1 1 3.3 2.6 9.3 3.4 6.5.9 11.7 2.9 15.2 6.1 8.6 8.5 4.2 19.2-.4 23.5zM176.6 193.1h-13.7v6.5h18.5c4.3 0 6.4-2.2 6.4-6.8v-18.1h-6.5v13.7c0 3.4-1.3 4.7-4.7 4.7zM181.3 62.5v13.7h6.5V58.1c0-4.6-2.1-6.8-6.4-6.8h-18.5v6.5h13.7c3.4 0 4.7 1.2 4.7 4.7z'/%3E%3Cpath d='M105 26.8c-7.7 4-19.1 12.4-29.7 20.1l-19.2-11c.9-6.1-.9-12.5-5.6-17.2-3.9-3.9-9-5.9-14.2-5.9-5.1 0-10.2 2-14.2 5.9-7.8 7.8-7.8 20.5 0 28.3 3.9 3.9 9 5.8 14.1 5.8 4.8 0 9.6-1.7 13.5-5.2 3.1 2.3 10.2 7.3 12.4 9-3.2 2.4-9.6 6.7-12.4 8.8-3.7-3.1-8.2-4.6-12.8-4.6-5.1 0-10.2 2-14.1 5.9-7.8 7.8-7.8 20.5 0 28.3 3.9 3.9 9 5.9 14.2 5.9 5.1 0 10.2-2 14.2-5.9 4.9-4.9 6.7-11.8 5.5-18.1l76.1-43.7C122 22.9 114 22.1 105 26.8zM43 39.5c-3.7 3.7-9.6 3.7-13.3 0-3.7-3.7-3.7-9.6 0-13.3 3.7-3.7 9.6-3.7 13.3 0 3.6 3.7 3.6 9.6 0 13.3zm28.7 14.1c1.7-1.7 4.5-1.7 6.2 0 1.7 1.7 1.7 4.5 0 6.2-1.7 1.7-4.5 1.7-6.2 0-1.7-1.7-1.7-4.5 0-6.2zM43.6 87.4c-3.7 3.7-9.6 3.7-13.3 0-3.7-3.7-3.7-9.6 0-13.3 3.7-3.7 9.6-3.7 13.3 0 3.7 3.7 3.7 9.7 0 13.3z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-filial-finder {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165 222'%3E%3Cpath fill='%23fff' d='M161.2 77.7c-.7-5-1-10.1-2.4-14.8-2.8-9.7-7.2-18.6-13.5-26.7-11.1-14.3-25.3-23.9-42.6-28.7C96.1 5.7 89 5.4 82.1 4.4c0 .2-17.7 1.8-26.2 4.7-10.4 3.5-19.5 9-27.6 16.3C19.1 33.7 12.4 43.6 7.7 55c-3.3 8.2-5 16.7-5.6 25.4-.3 4.7.2 9.6.8 14.3.7 4.9 1.8 9.8 3 14.6 1.9 7.3 5.4 14 9.6 20.2 7.2 10.5 15.1 20.6 22.7 30.9 6.1 8.3 12.2 16.7 18.3 25 7.9 10.8 15.7 21.6 23.6 32.4 1.2 1.6 2.2 1.8 3.5 0 4.7-6.5 9.5-13 14.2-19.5 11.6-15.9 23.3-31.7 34.8-47.7 6-8.3 12.1-16.5 17.7-25.1 8.1-12.4 11-26.4 11.5-41 .2-2.1-.2-4.4-.6-6.8zm-79.4 37.7c-16.1 0-30.4-12.8-30.2-30.7-.1-17.9 14.2-30.5 30.4-30.5 16.7.1 30.5 13.1 30.3 30.7 0 17.4-13.4 30.5-30.5 30.5z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-galerie {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M12 71.1h167.8V186H12z'/%3E%3Cpath d='M212.3 158h-19.2V58.9H41.2V39.7h171.1z'/%3E%3C/svg%3E")
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-galerie, .sub-nav__section--bottom nav ul li a .svg-icon.icon-howto {
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-howto {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M145.1 162.6l-22.5-32.4 17.3-25 .2-.3c1.1-1.8 1.5-3.9 1.1-5.9l-4.4-14.5 28.9 9.9c3.3-1.1 4.2-3.7 3.1-6.3L143 73.5l3.4-5.8L171.7 82c3.4 1.3 5.7-3.6 3.4-5.9l-25.4-14.4 3.1-5.2 25.1 13.7c4.4.9 5.3-4.4 3.4-6L156.2 50l2.8-5.3L184.4 59c4.2 1 6.3-5.2 3.7-6.4l-25.4-14.2 3-5.1 12.4 7 13.7 8.2c3.5 1.6 6.1-3.8 3.6-6.4l-35.5-26.3c-3.5-1.7-7.2-.7-11.2 3.2l-29.1 50v.1h-.1v.2c-.8 3.9-.2 6.6 1.4 8.5l3.3 20.6-12.5 16.4L100 97.7l6.7-29.5c2-8.9.5-18.1-4.4-25.8-4.8-7.7-12.4-13.1-21.3-15.1-18.4-4.2-36.7 7.3-40.9 25.7-2 8.9-.5 18.1 4.4 25.8 4.9 7.7 12.4 13.1 21.3 15.1 6.1 1.4 12.4 1.1 18.2-.8l-1 4.5c-.4 1.9-.2 4 .9 5.9l.2.4 16.2 25.8 10.8 17.1 45.1 71.7c-.1 0 13-19.1-11.1-55.9zM69.5 77.7c-4.6-1-8.5-3.8-11-7.8s-3.3-8.7-2.3-13.3c2.2-9.4 11.6-15.4 21-13.2 4.6 1 8.5 3.8 11 7.8s3.3 8.7 2.3 13.2C88.4 74 79 79.9 69.5 77.7zM92.7 139.6L76.3 161c-25.7 35.8-13.5 55.4-13.5 55.4l41-59.2-11.1-17.6z'/%3E%3C/svg%3E")
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produkte {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222'%3E%3Cpath fill='%23fff' d='M191.2 77.7c-.7-5-1-10.1-2.4-14.8-2.8-9.7-7.2-18.6-13.5-26.7-11.1-14.3-25.3-23.9-42.6-28.7-6.6-1.8-13.7-2.1-20.6-3.1 0 .2-17.7 1.8-26.2 4.7-10.4 3.5-19.5 9-27.6 16.3-9.2 8.3-15.9 18.2-20.6 29.6-3.3 8.2-5 16.7-5.6 25.4-.3 4.7.2 9.6.8 14.3.7 4.9 1.8 9.8 3 14.6 1.9 7.3 5.4 14 9.6 20.2 7.2 10.5 15.1 20.6 22.7 30.9 6.1 8.3 12.2 16.7 18.3 25 7.9 10.8 15.7 21.6 23.6 32.4 1.2 1.6 2.2 1.8 3.5 0 4.7-6.5 9.5-13 14.2-19.5 11.6-15.9 23.3-31.7 34.8-47.7 6-8.3 12.1-16.5 17.7-25.1 8.1-12.4 11-26.4 11.5-41 .2-2.1-.2-4.4-.6-6.8zm-79.4 37.7c-16.1 0-30.4-12.8-30.2-30.7-.1-17.9 14.2-30.5 30.4-30.5 16.7.1 30.5 13.1 30.3 30.7 0 17.4-13.4 30.5-30.5 30.5z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M96.3 48.7l-.1.3c-.3 1-.8 2.4-1.2 4.1h43.8c-.5-1.6-.9-3-1.2-4.1l-.1-.3c-.8-2.7-6.9-25.7-8.5-26.1-2.4-.6-8.4-.6-12.1-.6s-9.7 0-12.1.6c-1.6.4-7.7 23.5-8.5 26.1zM7.5 91.9l10.3-3.5 4.9 10.1-13 4.5-2.2-11.1zm16.4 10.6l7.9 4.6L8 115.3l3.4-8.5 12.5-4.3zm2.9 98.2l-20-80.6 28.9-9.9 33.8 75.9-42.7 14.6zm2.9 9.1l-1.7-5L71 190l1.7 5-43 14.8zM50.1 68.6h36.1V80H50.1zM58.8 43.2v21.7h18.6V43.2H58.8zm9.5 17c-3.5 0-6.3-2.8-6.3-6.3s2.8-6.3 6.3-6.3 6.3 2.8 6.3 6.3-2.8 6.3-6.3 6.3zM91.7 83.8H44.6c-2.8 0-5.1 2.3-5.1 5.1l.7 16.5 2.3 5.2 33.8 75.9 1.2 2.7h14.2c2.8 0 5.1-2.3 5.1-5.1V88.9c0-2.8-2.3-5.1-5.1-5.1zM191.9 116.8c.3.4.6.8.9 1.1 7.3 8.4 14.7 16.7 22 25.1 2 2.3 2 3.6-.4 5.6-1 .9-2 1.7-3.1 2.6-1.8 1.5-3.3 1.4-4.9-.3-5.1-5.7-10.2-11.3-15.3-17l-8.4-9.3c-9.6 5.7-19.7 7-30.3 4.1-9.4-2.6-16.8-8.1-22.1-16.3-10.5-16.1-7.4-37.8 7.2-50.4 14.7-12.7 36.5-12.5 51 0 14.9 13 19.5 38.6 3.4 54.8zm-.9-23.6c1-15.6-10.9-29.1-26.5-30.1S135.4 74 134.4 89.6s10.8 29.1 26.4 30.2c15.7 1 29.2-10.9 30.2-26.6z'/%3E%3Cpath d='M124.4 116.3c-11.5-17.6-9.3-40.7 4.7-55.9H94.3c-1.2 4.3-2.7 10.1-4.2 16.8h1.6c6.2 0 11.3 5.1 11.3 11.3v95.1c0 1.5-.3 2.9-.8 4.2h.7c.5 0 1.1.1 1.6.1 3.6.3 21.2.3 24.8 0 .5 0 1-.1 1.6-.1 3.6-.2 7.3-.4 9.5-5.5 3.8-8.7 8.2-23.6 9.1-47.2-10.5-3-18.9-9.4-25.1-18.8z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder-haarfarbe {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M20.425 87.831l38.443-11.75 8.71 28.498-38.443 11.75zM83.9 210.5l-8.6 2.6-25.2-69.8-14.7-6.4-3.6-11.8 38.5-11.8 3.6 11.7-8.6 13.6zM189.7 133.9c.3.4.6.8.9 1.1 7.3 8.4 14.7 16.7 22 25.1 2 2.3 2 3.6-.4 5.6-1 .9-2 1.7-3.1 2.6-1.8 1.5-3.3 1.4-4.9-.3-5.1-5.7-10.2-11.3-15.3-17l-8.4-9.3c-9.6 5.7-19.7 7-30.3 4.1-9.4-2.6-16.8-8.1-22.1-16.3-10.5-16.1-7.4-37.8 7.2-50.4 14.7-12.7 36.5-12.5 51 0 14.9 13 19.5 38.6 3.4 54.8zm-.8-23.6c1-15.6-10.9-29.1-26.5-30.1s-29.1 10.9-30.1 26.5 10.8 29.1 26.4 30.2c15.6 1 29.2-10.9 30.2-26.6zM117.1 47l-19.2-.2-8.7 10 36.4.3zM115.6 24.7l-15.8-.1-2.2 16.1 19.9.2zM85.5 189l2 7.7 51.7.4.1-7.7z'/%3E%3Cpath d='M122.3 133.4c-12.4-18.9-8.8-44.3 8.1-59.2l-.9-11-44.2-.4-5.5 57.3-3.3 33.7 7.5 28.9 55.1.5-2.9-35.9c-5.5-3.4-10.1-8-13.9-13.9z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder-haarpflege {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M88.8 52.5l-.1.3c-.3 1.1-.8 2.5-1.3 4.2h45.5c-.5-1.7-.9-3.1-1.3-4.2l-.1-.3c-.9-2.8-7.1-26.7-8.8-27.2-2.5-.7-8.8-.7-12.5-.7-3.8 0-10 0-12.5.7-1.8.5-8 24.4-8.9 27.2zM68.1 119.9c2.3 3.6 4.5 6.9 6.6 10.3 7 11.3 13.8 22.7 18.9 34.9 1.6 3.9 3.1 8 3.8 12.1 1.3 7.5-.9 14.3-5.3 20.5-7 9.9-19.5 14.3-31.5 11.4-11.4-2.8-20.3-12.7-22-24.5-.9-5.7.6-11 2.6-16.2 3.9-10.3 9.3-19.9 14.9-29.4 3.5-5.9 7.3-11.8 11-17.6.3-.4.6-.8 1-1.5zM188.1 123.4c.3.4.6.8 1 1.2 7.6 8.7 15.2 17.4 22.9 26.1 2.1 2.4 2 3.8-.4 5.9-1.1.9-2.1 1.8-3.2 2.7-1.9 1.6-3.4 1.5-5.1-.4l-15.9-17.7c-2.9-3.2-5.8-6.4-8.7-9.7-9.9 5.9-20.5 7.3-31.5 4.3-9.8-2.7-17.5-8.5-23-16.9-10.9-16.7-7.7-39.3 7.5-52.4 15.3-13.1 37.9-13 53 0 15.4 13.5 20.1 40.1 3.4 56.9zm-.8-24.5c1.1-16.2-11.3-30.2-27.5-31.3-16.2-1.1-30.3 11.3-31.3 27.5-1.1 16.2 11.2 30.3 27.4 31.4 16.2 1 30.3-11.4 31.4-27.6z'/%3E%3Cpath d='M118.3 122.7c-11.9-18.3-9.5-42.4 5.2-58.1H86.7c-3.3 11.6-8.4 32.7-10 55.6 1.4 2.1 2.7 4.2 4 6.3 6.8 11 14 22.9 19.4 35.9 1.5 3.6 3.3 8.4 4.3 13.6 1.3 7.3.1 14.4-3.6 21.2 6.7.2 19.3.1 22.4-.2.5 0 1.1-.1 1.6-.1 3.7-.2 7.5-.4 9.8-5.7 3.9-9 8.5-24.6 9.4-49.2-10.8-3-19.4-9.6-25.7-19.3z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder-haarstyling {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M107.9 24.1v25.5h21.9V24.1h-21.9zm11.1 20c-4.1 0-7.5-3.3-7.5-7.5s3.3-7.5 7.5-7.5 7.5 3.3 7.5 7.5-3.3 7.5-7.5 7.5zM85 107.5c-3-6.6-10.8-9.5-17.3-6.5l-6.5 3c-1.4.6-2.9 1.2-4.3 1.9s-3 1.4-4.5 2.2l-.8.4c-.5.2-.9.5-1.5.8-22.7 11.9-46.4 31.2-47.4 32l-.3.2c-.3.3-.4.7-.3 1.1l10.1 22.1c.2.4.7.7 1.2.5l.4-.1c38.1-12.8 44.7-11.2 44.9-11.1H59c2 .2 4.6 2.3 7.4 6.2l.6-.3c2-.9 4.5 0 5.5 2.1l3 6.4c.5 1 .5 2.2.1 3.3-.3.8-.8 1.5-1.5 1.9 4.7 9.8 8.1 19.4 8.2 19.8.6 2.1 2 3.7 4.1 4.6 2.5 1.2 5.8 1.1 8.5-.1 1.8-.8 3-2 3.6-3.5.1-.3.2-.7.3-1 .5-3.3-1.5-6.6-1.5-6.7-14-26-13-38.3-11.1-43.3.6-1.7 1.4-2.7 1.9-3.3.5-.5 2.9-3.1 3.8-4.3.4-.7.7-1.3 1-2.1 1.2-3.3 1.1-6.8-.4-10L85 107.5z'/%3E%3Cpath d='M72.8 172.3c.6-.3 1-.7 1.2-1.3.2-.6.2-1.3-.1-1.9l-3-6.4c-.6-1.2-1.9-1.8-3.1-1.2-.6.3-1 .7-1.2 1.3-.2.6-.2 1.3.1 1.9l3 6.4c.6 1.2 2 1.7 3.1 1.2zM194.3 117.1c.3.4.6.8.9 1.1 7.3 8.4 14.7 16.7 22 25.1 2 2.3 2 3.6-.4 5.6-1 .9-2 1.7-3.1 2.6-1.8 1.5-3.3 1.4-4.9-.3-5.1-5.7-10.2-11.3-15.3-17l-8.4-9.3c-9.6 5.7-19.7 7-30.3 4.1-9.4-2.6-16.8-8.1-22.1-16.3-10.5-16.1-7.4-37.8 7.2-50.4 14.7-12.7 36.5-12.5 51 0 14.9 12.9 19.5 38.6 3.4 54.8zm-.8-23.7c1-15.6-10.9-29.1-26.5-30.1s-29.1 10.9-30.1 26.5 10.8 29.1 26.4 30.2c15.6 1 29.2-10.9 30.2-26.6zM86.1 103.9c.3.7 9.5 20.7 9.5 20.7s3.8-3.6 1-11.7c-2.4-7.1-10.8-9.8-10.5-9z'/%3E%3Cpath d='M128.5 115.5c-8.7-13.3-9.2-30-2.3-43.6H90.9c-3.2 0-5.8 2.6-5.8 5.8v20.9l1.4.5c.1 0 .5.2 1 .4 2.7 1.1 9.2 4.5 11.5 12 .3 1 2.6 8.2.5 15.3 0 0-1.6 8-3.6 9.1-.6.7-5.5 6.2-6.2 8.5-.8 2.7-3.1 13.3 10.8 39.1.6 1 2.8 5.2 2.1 9.9-.1.7-.3 1.4-.5 2-.1.2-.1.3-.2.5h44.8c3.2 0 5.8-2.6 5.8-5.8v-56.3c-10-3.2-18.1-9.3-24-18.3zM136.7 58.5c1.1-.9 2.2-1.8 3.4-2.6V54H97.6v13.4h31.2c2.2-3.3 4.8-6.3 7.9-8.9z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produkttest {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M192.3 126.3l13.4 8-3.5-15.2c-.2-.9.1-1.9.8-2.5l11.7-10.3-15.5-1.4c-1-.1-1.8-.7-2.2-1.6L191 89l-3.2 7.4-5.5-.5 6.2-14.6c.4-1 1.4-1.6 2.4-1.6s2 .6 2.4 1.6l7.9 18.5 20 1.8c1 .1 1.9.8 2.2 1.8.3 1 0 2.1-.8 2.8l-15.2 13.2 4.5 19.6c.2 1-.1 2.2-1 2.7-1 .6-1.9.7-2.9.1l-17-10.3-7.5 4.5-1.2-5.3 7.4-4.4c.8-.6 1.8-.5 2.6 0zM94.4 141.7c.8-.6 1.2-1.7 1-2.7l-4.5-19.6 15.2-13.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-7.9-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6l-7 16.3c9.3.7 9.7 7.3 5 12.2l-11.7 11.5 3.9 17.5 12.2-7.3 17.3 10.3c.6.5 1.8.6 2.7-.1z'/%3E%3Cpath d='M176.8 141.7c.8-.6 1.2-1.7 1-2.7l-4.5-19.6 15.2-13.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-8.1-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6l-7 16.3c9.3.7 9.7 7.3 5 12.2l-11.7 11.5 3.9 17.5 12.2-7.3 17.3 10.3c.8.5 2 .6 2.9-.1z'/%3E%3Cpath d='M136.6 141.7c.8-.6 1.2-1.7 1-2.7l-4.5-19.6 15.2-13.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-7.9-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6l-7 16.3c9.3.7 9.7 7.3 5 12.2l-11.7 11.5 3.9 17.5 12.2-7.3 17.3 10.3c.6.5 1.8.6 2.7-.1zM54.4 141.7c.9-.5 1.2-1.7 1-2.7l-4.5-19.6L66 106.2c.8-.7 1.1-1.8.8-2.8-.3-1-1.2-1.7-2.2-1.8l-20-1.8-7.9-18.5c-.4-1-1.4-1.6-2.4-1.6s-2 .6-2.4 1.6L24 99.8l-20 1.8c-1 .1-1.9.8-2.2 1.8-.3 1 0 2.1.8 2.8l15.2 13.2-4.7 19.6c-.2 1 .2 2.1 1 2.7 1 .8 2 .7 2.9.1l17.3-10.3 17.3 10.3c.9.7 1.6.6 2.8-.1z'/%3E%3C/svg%3E")
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-produkttest, .sub-nav__section--bottom nav ul li a .svg-icon.icon-tipps {
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-tipps {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23fff'%3E%3Cpath d='M90.5 202.9c4.1 7.5 12.1 12.7 21.3 12.7s17.2-5.1 21.3-12.7H90.5zM135.1 169.1c4.2 0 8.4-4.2 8.4-8.4 0-35.9 31.7-40.8 31.7-86.6 0-35-28.4-63.3-63.3-63.3-35 0-63.3 28.4-63.3 63.3 0 45.8 31.7 50.7 31.7 86.6 0 4.2 4.2 8.4 8.4 8.4h46.4zM139.3 186c0 3.5-2.9 6.3-6.3 6.3H90.8c-3.5 0-6.3-2.9-6.3-6.3 0-3.5 2.9-6.3 6.3-6.3H133c3.5 0 6.3 2.8 6.3 6.3z'/%3E%3C/svg%3E")
}

.sub-nav__section--bottom nav ul li a .svg-icon.icon-videos {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM9 17V7l9 5.146L9 17z'/%3E%3C/svg%3E");
    background-size: 50px 50px;
    background-position: 0;
    background-size: 50px, 50px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1024px) {
    .sub-nav__section--bottom nav ul li a .svg-icon {
        margin-right: 7px
    }
}

@media screen and (max-width: 670px) {
    .sub-nav__section--bottom nav ul li a .svg-icon {
        float: none;
        display: none;
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
        height: 40px
    }

    .sub-nav__section--bottom nav ul li a .svg-icon.icon-aktionen, .sub-nav__section--bottom nav ul li a .svg-icon.icon-app, .sub-nav__section--bottom nav ul li a .svg-icon.icon-artikel, .sub-nav__section--bottom nav ul li a .svg-icon.icon-coupon, .sub-nav__section--bottom nav ul li a .svg-icon.icon-filial-finder, .sub-nav__section--bottom nav ul li a .svg-icon.icon-galerie, .sub-nav__section--bottom nav ul li a .svg-icon.icon-howto, .sub-nav__section--bottom nav ul li a .svg-icon.icon-produkte, .sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder, .sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder-haarfarbe, .sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder-haarpflege, .sub-nav__section--bottom nav ul li a .svg-icon.icon-produktfinder-haarstyling, .sub-nav__section--bottom nav ul li a .svg-icon.icon-produkttest, .sub-nav__section--bottom nav ul li a .svg-icon.icon-tipps, .sub-nav__section--bottom nav ul li a .svg-icon.icon-videos {
        background-size: 40px, 40px
    }
}

.sub-nav__section--bottom nav ul li a:hover {
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .sub-nav__column {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
    }


    #men .sub-nav__list:first-of-type {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__column {
        -webkit-column-count: auto;
        column-count: auto;
        -webkit-column-gap: normal;
        column-gap: normal;
        -webkit-column-break-inside: avoid;
        break-inside: avoid
    }
}

@media screen and (max-width: 670px) {
    .sub-nav__column > nav {
        padding-bottom: 30px
    }
}

.sub-nav__column-header {
    font-size: 16px;
    margin-bottom: 13px;
    color: #303e48;
    text-transform: uppercase
}

.sub-nav__column-header a {
    font-size: 16px;
    cursor: pointer
}

@media screen and (max-width: 670px) {
    .sub-nav__column-header a {
        font-size: 18px;
        line-height: 1.6em
    }
}

.sub-nav__column-header a:hover {
    color: #00398c
}

.sub-nav__column-header a:after {
    content: ">";
    margin-left: 7px
}

@media screen and (max-width: 670px) {
    .sub-nav__column-header:first-child {
        padding-left: 9px
    }
}

.sub-nav__column ul li {
    padding: 4px 0
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .sub-nav__column ul li {
        padding: 0
    }
}

.sub-nav__column ul li a {
    font-size: 13px;
    display: inline-block;
    color: #86858a;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: .25s
}

.sub-nav__column ul li a:hover {
    color: #00398c;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transform-style: preserve-3d
}

.sub-nav__list {
    margin-bottom: 20px
}

.sub-nav__list a {
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .sub-nav__list {
        margin-bottom: 0
    }
}

.sub-nav__list--noheader {
    margin-bottom: 30px
}

@media screen and (max-width: 1024px) {
    .sub-nav__list--noheader {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__list:after {
        content: "";
        display: table;
        clear: both
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__list li {
        float: left;
        width: 33%
    }
}

@media screen and (max-width: 670px) {
    .sub-nav__list li {
        float: none;
        width: auto
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__list li.trimmed {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__column {
        float: none;
        width: auto;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 670px) {
    .sub-nav__column {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__column-header {
        margin: 0;
        padding: 40px 0 10px;
        line-height: 100%;
        text-align: left
    }

    .sub-nav__column-header:first-child {
        padding-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .sub-nav__column > nav {
        padding-bottom: 40px
    }
}

.sub-nav__more {
    display: none;
    line-height: 100%;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .sub-nav__more {
        display: inherit;
        margin-top: 20px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 670px) {
    .sub-nav__more {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 30px
    }
}

.main-nav {
    display: table;
    width: 100%;
    padding: 10px 0 7px
}

@media screen and (max-width: 1024px) {
    .main-nav {
        display: none
    }
}

.main-nav ul {
    display: table-row;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.main-nav ul li {
    display: table-cell;
    vertical-align: bottom
}

.main-nav a {
    position: relative;
    display: block;
    max-height: 33px;
    margin: 0 10px;
    font-family: 'open_sanslight', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 33px;
    letter-spacing: .1em
}

.main-nav a:after {
    content: "";
    z-index: 1;
    position: absolute;
    bottom: -7px;
    display: block;
    width: 100%;
    height: 0;
    background: #00398c;
    transition: .4s
}

.main-nav a.is-active, .main-nav a:hover {
    color: #6d7070
}

.main-nav a.is-active:after, .main-nav a:hover:after {
    height: 5px
}

.main-nav .svg-icon {
    display: inline-block;
    transition: .4s
}

.main-nav .for-you-icon {
    max-height: 29px
}

.main-nav .for-you-icon .svg-icon {
    width: 63px;
    height: 26px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='63' height='26' viewBox='0 0 63 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.909 12.122c-.514 0-.85-.042-1.165.017-.164.03-.404.226-.421.37a13.003 13.003 0 0 0-.09 1.854c.006.2.198.396.304.594.167-.126.419-.217.486-.384.309-.765.566-1.55.886-2.451zM13.583 26c-1.127-1.244-1.361-2.818-1.431-4.374-.105-2.34-.033-4.688-.036-7.032v-.756c-1.125.216-2.197.423-3.27.627-2.43.465-4.855.95-7.292 1.376-.498.086-1.035-.057-1.554-.095v-.532c.746-.713 1.739-.725 2.66-.898 3.042-.57 6.089-1.117 9.14-1.635.585-.1.647-.47.72-.91a26.32 26.32 0 0 1 3.739-9.857A7 7 0 0 1 17.447.492c1-.91 2.38-.509 2.689.799.467 1.972.286 3.872-.918 5.58-.11.157-.33.237-.498.352-.015-.22-.104-.467-.033-.653.556-1.463.673-2.968.503-4.508a2.32 2.32 0 0 0-.087-.454c-.195-.608-.552-.712-.935-.207-.508.668-.98 1.372-1.387 2.105-1.36 2.452-2.347 5.048-2.885 7.806-.05.255-.053.52-.082.818l10.534-1.46c.065-.095.203-.377.414-.583.404-.393 1.225-.342 1.606.165.29.384.592.42 1.009.4 1.487-.07 2.9.092 3.833 1.503.536-.579 1.007-1.173 1.568-1.664.44-.385.96-.732 1.504-.92.34-.117.834.007 1.182.179.388.191.309.693-.101.79-2.205.526-3.135 2.204-3.795 4.139-.146.427-.055 1.12-.763 1.031-.717-.089-.42-.752-.48-1.194-.043-.306-.041-.617-.073-.925-.133-1.293-.861-1.861-2.089-1.75-.348 1.091-.642 2.149-1.028 3.17-.211.558-.572 1.055-1.262 1.152-.97.137-1.725-.469-1.874-1.615-.082-.629-.038-1.275-.036-1.914.001-.37.03-.74.044-1.053-3.362.636-6.685 1.257-10.001 1.91-.208.04-.5.31-.529.506-.343 2.381-.281 4.772-.094 7.162.109 1.391.238 2.777.94 4.04.108.194-.043.53-.074.801h-.666zM62.055 8.822c-.677.757-1.479.214-2.188-.782-.378.331-.725.69-1.127.97-.37.258-.779.505-1.207.627-.768.217-1.36-.226-1.462-1.007-.042-.328-.104-.66-.093-.987.02-.605-.29-.737-.827-.736-1.359.003-1.329-.003-1.821 1.231-.26.65-.596 1.282-.987 1.863-.368.548-.955.798-1.626.65-.657-.146-.994-.601-1.087-1.266-.234-1.679.055-3.247.93-4.707.49-.82 1.595-.935 2.036-.064.426.84 1.099 1.213 2.06 1.022.278-.056.577-.018.865-.007.847.033 1.192.296 1.448 1.087.35 1.081.78 1.227 1.673.552.281-.213.54-.458.804-.693.583-.52 1.107-.366 1.458.305.311.596.762 1.12 1.15 1.675v.267zm-34.47 12.003c.328.17.56.236.718.382 3.073 2.815 6.545 2.936 10.159 1.361 3.58-1.56 5.503-4.582 6.673-8.157.6-1.834.778-3.728.686-5.801-.438.46-.76.843-1.13 1.174-.473.427-.94.894-1.49 1.197-1.028.567-2.011.095-2.163-1.062-.113-.864-.087-1.76-.006-2.633.112-1.204.333-2.398.511-3.597.067-.447.28-.77.783-.7.508.072.62.456.547.894-.14.847-.35 1.684-.45 2.534-.133 1.124-.19 2.257-.279 3.385l.258.106c.405-.317.845-.6 1.207-.96.753-.75 1.443-1.565 2.206-2.305.22-.213.64-.411.892-.342.245.067.53.474.558.756.098 1.01.177 2.035.113 3.045-.138 2.185-.58 4.314-1.448 6.341-1.753 4.099-4.72 6.868-9.052 7.996-2.77.722-5.493.49-7.927-1.211-.743-.52-1.401-1.153-1.366-2.403zm24.9-13.612c-.341-.136-.597-.265-.869-.337-.145-.039-.37-.04-.468.047-.341.305-.419 1.997-.12 2.44.847-.463 1.073-1.332 1.457-2.15z' fill='%23303E48' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.main-nav .for-you-icon .svg-icon, .main-nav .for-you-icon:hover .svg-icon {
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.main-nav .for-you-icon:hover .svg-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='63' height='26' viewBox='0 0 63 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.909 12.122c-.514 0-.85-.042-1.165.017-.164.03-.404.226-.421.37a13.003 13.003 0 0 0-.09 1.854c.006.2.198.396.304.594.167-.126.419-.217.486-.384.309-.765.566-1.55.886-2.451zM13.583 26c-1.127-1.244-1.361-2.818-1.431-4.374-.105-2.34-.033-4.688-.036-7.032v-.756c-1.125.216-2.197.423-3.27.627-2.43.465-4.855.95-7.292 1.376-.498.086-1.035-.057-1.554-.095v-.532c.746-.713 1.739-.725 2.66-.898 3.042-.57 6.089-1.117 9.14-1.635.585-.1.647-.47.72-.91a26.32 26.32 0 0 1 3.739-9.857A7 7 0 0 1 17.447.492c1-.91 2.38-.509 2.689.799.467 1.972.286 3.872-.918 5.58-.11.157-.33.237-.498.352-.015-.22-.104-.467-.033-.653.556-1.463.673-2.968.503-4.508a2.32 2.32 0 0 0-.087-.454c-.195-.608-.552-.712-.935-.207-.508.668-.98 1.372-1.387 2.105-1.36 2.452-2.347 5.048-2.885 7.806-.05.255-.053.52-.082.818l10.534-1.46c.065-.095.203-.377.414-.583.404-.393 1.225-.342 1.606.165.29.384.592.42 1.009.4 1.487-.07 2.9.092 3.833 1.503.536-.579 1.007-1.173 1.568-1.664.44-.385.96-.732 1.504-.92.34-.117.834.007 1.182.179.388.191.309.693-.101.79-2.205.526-3.135 2.204-3.795 4.139-.146.427-.055 1.12-.763 1.031-.717-.089-.42-.752-.48-1.194-.043-.306-.041-.617-.073-.925-.133-1.293-.861-1.861-2.089-1.75-.348 1.091-.642 2.149-1.028 3.17-.211.558-.572 1.055-1.262 1.152-.97.137-1.725-.469-1.874-1.615-.082-.629-.038-1.275-.036-1.914.001-.37.03-.74.044-1.053-3.362.636-6.685 1.257-10.001 1.91-.208.04-.5.31-.529.506-.343 2.381-.281 4.772-.094 7.162.109 1.391.238 2.777.94 4.04.108.194-.043.53-.074.801h-.666zM62.055 8.822c-.677.757-1.479.214-2.188-.782-.378.331-.725.69-1.127.97-.37.258-.779.505-1.207.627-.768.217-1.36-.226-1.462-1.007-.042-.328-.104-.66-.093-.987.02-.605-.29-.737-.827-.736-1.359.003-1.329-.003-1.821 1.231-.26.65-.596 1.282-.987 1.863-.368.548-.955.798-1.626.65-.657-.146-.994-.601-1.087-1.266-.234-1.679.055-3.247.93-4.707.49-.82 1.595-.935 2.036-.064.426.84 1.099 1.213 2.06 1.022.278-.056.577-.018.865-.007.847.033 1.192.296 1.448 1.087.35 1.081.78 1.227 1.673.552.281-.213.54-.458.804-.693.583-.52 1.107-.366 1.458.305.311.596.762 1.12 1.15 1.675v.267zm-34.47 12.003c.328.17.56.236.718.382 3.073 2.815 6.545 2.936 10.159 1.361 3.58-1.56 5.503-4.582 6.673-8.157.6-1.834.778-3.728.686-5.801-.438.46-.76.843-1.13 1.174-.473.427-.94.894-1.49 1.197-1.028.567-2.011.095-2.163-1.062-.113-.864-.087-1.76-.006-2.633.112-1.204.333-2.398.511-3.597.067-.447.28-.77.783-.7.508.072.62.456.547.894-.14.847-.35 1.684-.45 2.534-.133 1.124-.19 2.257-.279 3.385l.258.106c.405-.317.845-.6 1.207-.96.753-.75 1.443-1.565 2.206-2.305.22-.213.64-.411.892-.342.245.067.53.474.558.756.098 1.01.177 2.035.113 3.045-.138 2.185-.58 4.314-1.448 6.341-1.753 4.099-4.72 6.868-9.052 7.996-2.77.722-5.493.49-7.927-1.211-.743-.52-1.401-1.153-1.366-2.403zm24.9-13.612c-.341-.136-.597-.265-.869-.337-.145-.039-.37-.04-.468.047-.341.305-.419 1.997-.12 2.44.847-.463 1.073-1.332 1.457-2.15z' fill='%236d7070' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.main-nav .magnifier-icon {
    max-height: 29px;
    margin-left: 50px
}

.main-nav .magnifier-icon .svg-icon {
    width: 24px;
    height: 25px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.672 9.804a7.133 7.133 0 1 1 14.267 0 7.133 7.133 0 0 1-14.267 0M23.776 22.23l-6.309-6.309a9.758 9.758 0 0 0 2.142-6.117C19.61 4.39 15.22 0 9.805 0 4.39 0 0 4.39 0 9.804c0 5.415 4.39 9.805 9.805 9.805a9.757 9.757 0 0 0 5.698-1.825l6.36 6.36a.769.769 0 0 0 1.085 0l.828-.83a.77.77 0 0 0 0-1.084' fill='%23303E48' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.main-nav .magnifier-icon:hover .svg-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.672 9.804a7.133 7.133 0 1 1 14.267 0 7.133 7.133 0 0 1-14.267 0M23.776 22.23l-6.309-6.309a9.758 9.758 0 0 0 2.142-6.117C19.61 4.39 15.22 0 9.805 0 4.39 0 0 4.39 0 9.804c0 5.415 4.39 9.805 9.805 9.805a9.757 9.757 0 0 0 5.698-1.825l6.36 6.36a.769.769 0 0 0 1.085 0l.828-.83a.77.77 0 0 0 0-1.084' fill='%236d7070' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.main-nav-mobile {
    display: none;
    position: relative
}

@media screen and (max-width: 1024px) {
    .main-nav-mobile {
        display: block;
        overflow: hidden
    }

    .main-nav-mobile.is-submenu-opened {
        overflow: visible;
        height: auto !important
    }

    .main-nav-mobile.is-active .main-nav-mobile__content {
        display: block
    }

    .main-nav-mobile__content {
        display: none;
        background-color: #fff
    }

    .main-nav-mobile__menu {
        padding: 0 3.5em 1em
    }

    .main-nav-mobile__menu > li {
        position: relative;
        line-height: 50px;
        text-align: center
    }

    .main-nav-mobile__menu > li:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        width: 100%;
        height: 2px;
        background: #00398c;
        z-index: 1
    }

    .main-nav-mobile__menu > li > a {
        position: relative;
        padding: 0 .5em;
        background-color: #fff;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0;
        z-index: 2
    }

    .main-nav-mobile__menu > li > a.for-you-icon .svg-icon {
        width: 100px;
        height: 41px;
        display: inline-block;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='63' height='26' viewBox='0 0 63 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.909 12.122c-.514 0-.85-.042-1.165.017-.164.03-.404.226-.421.37a13.003 13.003 0 0 0-.09 1.854c.006.2.198.396.304.594.167-.126.419-.217.486-.384.309-.765.566-1.55.886-2.451zM13.583 26c-1.127-1.244-1.361-2.818-1.431-4.374-.105-2.34-.033-4.688-.036-7.032v-.756c-1.125.216-2.197.423-3.27.627-2.43.465-4.855.95-7.292 1.376-.498.086-1.035-.057-1.554-.095v-.532c.746-.713 1.739-.725 2.66-.898 3.042-.57 6.089-1.117 9.14-1.635.585-.1.647-.47.72-.91a26.32 26.32 0 0 1 3.739-9.857A7 7 0 0 1 17.447.492c1-.91 2.38-.509 2.689.799.467 1.972.286 3.872-.918 5.58-.11.157-.33.237-.498.352-.015-.22-.104-.467-.033-.653.556-1.463.673-2.968.503-4.508a2.32 2.32 0 0 0-.087-.454c-.195-.608-.552-.712-.935-.207-.508.668-.98 1.372-1.387 2.105-1.36 2.452-2.347 5.048-2.885 7.806-.05.255-.053.52-.082.818l10.534-1.46c.065-.095.203-.377.414-.583.404-.393 1.225-.342 1.606.165.29.384.592.42 1.009.4 1.487-.07 2.9.092 3.833 1.503.536-.579 1.007-1.173 1.568-1.664.44-.385.96-.732 1.504-.92.34-.117.834.007 1.182.179.388.191.309.693-.101.79-2.205.526-3.135 2.204-3.795 4.139-.146.427-.055 1.12-.763 1.031-.717-.089-.42-.752-.48-1.194-.043-.306-.041-.617-.073-.925-.133-1.293-.861-1.861-2.089-1.75-.348 1.091-.642 2.149-1.028 3.17-.211.558-.572 1.055-1.262 1.152-.97.137-1.725-.469-1.874-1.615-.082-.629-.038-1.275-.036-1.914.001-.37.03-.74.044-1.053-3.362.636-6.685 1.257-10.001 1.91-.208.04-.5.31-.529.506-.343 2.381-.281 4.772-.094 7.162.109 1.391.238 2.777.94 4.04.108.194-.043.53-.074.801h-.666zM62.055 8.822c-.677.757-1.479.214-2.188-.782-.378.331-.725.69-1.127.97-.37.258-.779.505-1.207.627-.768.217-1.36-.226-1.462-1.007-.042-.328-.104-.66-.093-.987.02-.605-.29-.737-.827-.736-1.359.003-1.329-.003-1.821 1.231-.26.65-.596 1.282-.987 1.863-.368.548-.955.798-1.626.65-.657-.146-.994-.601-1.087-1.266-.234-1.679.055-3.247.93-4.707.49-.82 1.595-.935 2.036-.064.426.84 1.099 1.213 2.06 1.022.278-.056.577-.018.865-.007.847.033 1.192.296 1.448 1.087.35 1.081.78 1.227 1.673.552.281-.213.54-.458.804-.693.583-.52 1.107-.366 1.458.305.311.596.762 1.12 1.15 1.675v.267zm-34.47 12.003c.328.17.56.236.718.382 3.073 2.815 6.545 2.936 10.159 1.361 3.58-1.56 5.503-4.582 6.673-8.157.6-1.834.778-3.728.686-5.801-.438.46-.76.843-1.13 1.174-.473.427-.94.894-1.49 1.197-1.028.567-2.011.095-2.163-1.062-.113-.864-.087-1.76-.006-2.633.112-1.204.333-2.398.511-3.597.067-.447.28-.77.783-.7.508.072.62.456.547.894-.14.847-.35 1.684-.45 2.534-.133 1.124-.19 2.257-.279 3.385l.258.106c.405-.317.845-.6 1.207-.96.753-.75 1.443-1.565 2.206-2.305.22-.213.64-.411.892-.342.245.067.53.474.558.756.098 1.01.177 2.035.113 3.045-.138 2.185-.58 4.314-1.448 6.341-1.753 4.099-4.72 6.868-9.052 7.996-2.77.722-5.493.49-7.927-1.211-.743-.52-1.401-1.153-1.366-2.403zm24.9-13.612c-.341-.136-.597-.265-.869-.337-.145-.039-.37-.04-.468.047-.341.305-.419 1.997-.12 2.44.847-.463 1.073-1.332 1.457-2.15z' fill='%23303E48' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-size: 100%, 100%;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .main-nav-mobile .sub-nav {
        line-height: 50px
    }

    .main-nav-mobile .sub-nav.is-active {
        margin-top: 0
    }

    .main-nav-mobile .sub-nav__column ul li a {
        font-size: 18px
    }

    .main-nav-mobile .sub-nav__more {
        font-size: 16px
    }

    .main-nav-mobile .sub-nav__column > nav {
        padding-bottom: 50px
    }

    .main-nav-mobile .sub-nav--country-select {
        padding: 1em 3.5em 0
    }

    .main-nav-mobile .sub-nav--country-select.is-active {
        margin-bottom: 0
    }
}

@media screen and (max-width: 670px) {
    .main-nav-mobile__content {
        background-color: #fff
    }

    .main-nav-mobile__menu {
        padding: 0 1em 1em
    }

    .main-nav-mobile__menu > li > a {
        background-color: #fff
    }

    .main-nav-mobile .sub-nav__column > nav {
        padding-bottom: 40px
    }

    .main-nav-mobile .sub-nav__column-header.has-icon {
        padding-top: 0;
        margin-bottom: 20px;
        padding-left: 52px
    }

    .main-nav-mobile .sub-nav__column-header.has-icon:before {
        position: absolute;
        content: "";
        top: 0;
        left: 15px;
        width: 37px;
        height: 37px;
        background: url(../../images/icon_foen@2x.png) no-repeat;
        background-size: cover
    }

    .main-nav-mobile .sub-nav__section--top {
        margin: 0 10px
    }

    .main-nav-mobile .sub-nav--country-select {
        padding: 1em
    }
}

.main-nav-mobile .header__language-select {
    position: relative;
    bottom: 0;
    display: none;
    line-height: 33px;
    padding: 0 15px
}

@media screen and (max-width: 1024px) {
    .main-nav-mobile .header__language-select {
        display: inline-block;
        padding: 0 15px 0 35px
    }
}

@media screen and (max-width: 670px) {
    .main-nav-mobile .header__language-select {
        padding: 0 15px
    }
}

.scroll-top {
    width: 80px;
    height: 52px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #f3f3f3;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='28' viewBox='-12.5 12.5 53 28'%3E%3Cpath d='M14 12.5L-12.5 39l1.5 1.5 25-25 25 25 1.5-1.5z'/%3E%3C/svg%3E");
    background-color: #fff;
    opacity: .7;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transform-style: preserve-3d;
    transition: transform .75s, width .25s
}

.scroll-top.is-active {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d
}

@media (hover: none) {
    .scroll-top.is-active:hover {
        width: 80px
    }
}

@media (hover: on-demand) {
    .scroll-top.is-active:hover {
        width: 80px
    }
}

@media (hover: hover) {
    .scroll-top.is-active:hover {
        width: 95px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' width='53' height='28' viewBox='-12.5 12.5 53 28'%3E%3Cpath d='M14 12.5L-12.5 39l1.5 1.5 25-25 25 25 1.5-1.5z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }
}

@media screen and (max-width: 670px) {
    .scroll-top.is-active:hover {
        width: 80px
    }
}

@media screen and (min-width: 1025px) {
    .slider {
        padding-bottom: 90px
    }
}

@media screen and (max-width: 1024px) {
    .slider {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 670px) {
    .slider {
        padding-bottom: 65px
    }
}

.slider > .slider {
    padding-bottom: 0
}

.slider__main {
    position: relative;
    width: 100%;
    margin: 10px auto 0;
    overflow: hidden
}

@media screen and (max-width: 670px) {
    .slider__main {
        padding: 0 25px;
        box-sizing: border-box
    }
}

.slider__main a {
    display: inline-block;
    outline: none
}

.slider__main .photo-gallery {
    display: none
}

.slider__main .photo-gallery.slick-initialized {
    display: block
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery {
        display: block
    }
}

.slider__main .photo-gallery__image {
    margin: 0 60px;
    max-height: 518px;
    position: relative
}

.slider__main .photo-gallery__image:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .slider__main .photo-gallery__image {
        max-height: 400px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery__image {
        margin: 0 15%
    }
}

@media screen and (max-width: 500px) {
    .slider__main .photo-gallery__image {
        margin: 0 10%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image {
        max-height: 300px;
        margin: 0 3px
    }
}

.slider__main .photo-gallery__image img {
    width: auto;
    height: 518px
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .slider__main .photo-gallery__image img {
        max-height: 400px;
        max-width: 100%;
        width: auto
    }
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery__image img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image img {
        width: auto;
        max-height: 300px
    }
}

.slider__main .photo-gallery__image__copy {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 11px;
    color: #4b4b4b;
    z-index: 1
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery__image__copy {
        right: calc(15% - -5px)
    }
}

.slider__main .photo-gallery__image--double, .slider__main .photo-gallery__image--single {
    margin: 0;
    box-sizing: border-box;
    padding: 0 40px
}

@media screen and (max-width: 800px) {
    .slider__main .photo-gallery__image--double, .slider__main .photo-gallery__image--single {
        margin: 0;
        max-width: 100vw
    }
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery__image--double, .slider__main .photo-gallery__image--single {
        padding: 0;
        margin: 0;
        max-width: 100%
    }
}

.slider__main .photo-gallery__image--double figure, .slider__main .photo-gallery__image--single figure {
    position: relative;
    max-height: 518px;
    overflow: hidden
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .slider__main .photo-gallery__image--double figure img, .slider__main .photo-gallery__image--single figure img {
        width: auto !important;
        max-height: 400px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image--double figure img, .slider__main .photo-gallery__image--single figure img {
        width: auto;
        max-height: 300px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery__image--double figure img, .slider__main .photo-gallery__image--single figure img {
        max-width: 100%;
        width: 100%;
        height: auto
    }
}

.slider__main .photo-gallery__image--double figure .photo-gallery__image__copy, .slider__main .photo-gallery__image--single figure .photo-gallery__image__copy {
    right: 5px
}

.slider__main .photo-gallery__image--single figure {
    width: 100%
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image--single figure {
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
}

.slider__main .photo-gallery__image--double figure {
    float: left;
    width: calc(50% - 3px)
}

.slider__main .photo-gallery__image--double figure:first-child {
    margin-right: 6px
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image--double figure:first-child {
        margin-right: 3px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image--double figure {
        float: none;
        display: inline-block;
        margin: 0 3px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image--double figure img {
        max-height: 300px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery__image--double figure {
        width: auto;
        max-width: 100%;
        max-height: 300px
    }
}

.slider__main .photo-gallery__hidden-description {
    display: none
}

.slider__main .photo-gallery .slick-slide:focus {
    outline: none
}

.slider__main .photo-gallery .slick-slide.slick-current .photo-gallery__content {
    opacity: 1;
    visibility: visible
}

.slider__main .photo-gallery__content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 518px;
    padding: 25px;
    margin: -20px auto 0;
    background-color: #fff;
    transition: .4s;
    text-align: center;
    box-sizing: border-box
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery__content-wrapper {
        margin: -5px auto 0;
        max-width: 100%
    }
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content {
    transition: .4s;
    text-align: center;
    box-sizing: border-box
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .flow {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 28px;
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .slider__main .photo-gallery__content-wrapper .photo-gallery__content .flow {
        font-size: 16px
    }
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-title a.title-text:hover, .slider__main .photo-gallery__content-wrapper .photo-gallery__content a.flow:hover {
    color: #00398c
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description {
    position: relative;
    margin-top: 20px;
    color: #717372;
    font-size: 17px;
    line-height: 20px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-style: preserve-3d
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description.instagram .tags {
    display: none
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description .tags {
    display: inline
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description a {
    color: #000;
    text-transform: none;
    letter-spacing: 0
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description a:last-child {
    text-transform: uppercase
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description a:hover {
    color: #00398c
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description__more-link {
    text-transform: uppercase;
    color: #000;
    font-family: 'open_sansbold', sans-serif
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description__more-link:hover {
    color: #00398c
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content hr {
    width: 100px;
    margin: 20px auto 0;
    height: 2px;
    background-color: #003a8a;
    border: none
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .flow, .slider__main .photo-gallery__content-wrapper .photo-gallery__content .photo-gallery_content-description, .slider__main .photo-gallery__content-wrapper .photo-gallery__content .title-text {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: .25s
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content .flow, .slider__main .photo-gallery__content-wrapper .photo-gallery__content .title-text {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform-style: preserve-3d
}

.slider__main .photo-gallery__content-wrapper .photo-gallery__content.is-active .flow, .slider__main .photo-gallery__content-wrapper .photo-gallery__content.is-active .photo-gallery_content-description, .slider__main .photo-gallery__content-wrapper .photo-gallery__content.is-active .title-text {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d
}

.slider__main .photo-gallery_nav, .slider__main .product-gallery_nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav, .slider__main .product-gallery_nav {
        width: 100%
    }
}

.slider__main .photo-gallery_nav .slick-arrow, .slider__main .product-gallery_nav .slick-arrow {
    z-index: 1;
    position: absolute;
    cursor: pointer
}

.slider__main .photo-gallery_nav, .slider__main .product-gallery {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav, .slider__main .product-gallery {
        border: none
    }
}

.slider__main .photo-gallery_nav__image, .slider__main .product-gallery__image {
    position: relative;
    display: block;
    min-height: 300px;
    text-align: center;
    vertical-align: bottom
}

@media screen and (max-width: 500px) {
    .slider__main .photo-gallery_nav__image, .slider__main .product-gallery__image {
        min-height: 250px
    }
}

@media screen and (max-width: 400px) {
    .slider__main .photo-gallery_nav__image, .slider__main .product-gallery__image {
        min-height: 200px
    }
}

.slider__main .photo-gallery_nav__image img, .slider__main .product-gallery__image img {
    position: absolute;
    left: -100%;
    right: -100%;
    max-height: 300px;
    bottom: 15px;
    margin-right: auto;
    margin-left: auto
}

.slider__main .photo-gallery_nav__content p, .slider__main .product-gallery__content p {
    font-size: 16px;
    font-family: 'open_sansbold', sans-serif;
    line-height: 100%
}

.slider__main .photo-gallery_nav .slick-slide, .slider__main .product-gallery .slick-slide {
    box-sizing: border-box;
    padding: 35px 0 45px;
    border-right: 1px solid #e5e5e5
}

.slider__main .photo-gallery_nav .slick-slide:focus, .slider__main .product-gallery .slick-slide:focus {
    outline: none
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav .slick-slide, .slider__main .product-gallery .slick-slide {
        padding: 35px 0 10px;
        border-right: none;
        position: relative
    }

    .slider__main .photo-gallery_nav .slick-slide:after, .slider__main .product-gallery .slick-slide:after {
        content: " ";
        width: 1px;
        background-color: #e5e5e5;
        height: 200%;
        top: 0;
        right: 0;
        position: absolute
    }
}

.slider__main .photo-gallery_nav {
    height: 0
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav {
        height: 100%
    }
}

.slider__main .photo-gallery_nav a {
    top: 225px
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .slider__main .photo-gallery_nav a {
        top: 170px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav a {
        top: 140px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider__main .photo-gallery_nav a {
        top: 110px
    }
}

.slider__main .photo-gallery_nav a.prev-arrow {
    left: calc(50% - 295px)
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav a.prev-arrow {
        left: 0
    }
}

.slider__main .photo-gallery_nav a.next-arrow {
    right: calc(50% - 295px)
}

@media screen and (max-width: 670px) {
    .slider__main .photo-gallery_nav a.next-arrow {
        right: 0
    }
}

@media screen and (max-width: 1024px) {
    .slider__main--duoview {
        margin: 10px auto 0
    }
}

@media screen and (max-width: 670px) {
    .slider__main--duoview {
        margin: 10px auto 0;
        padding: 0
    }
}

@media screen and (min-width: 1025px) {
    .slider__main--duoview .photo-gallery__content-wrapper {
        margin: -70px auto 0
    }
}

@media screen and (max-width: 1024px) {
    .slider__main--duoview .photo-gallery__content-wrapper {
        margin: -50px auto 0
    }
}

@media screen and (max-width: 670px) {
    .slider__main--duoview .photo-gallery__content-wrapper {
        margin: -20px auto 0;
        max-width: calc(100% - 50px)
    }
}

.slider__main--duoview .photo-gallery_nav {
    height: 0
}

@media screen and (max-width: 800px) {
    .slider__main--duoview .photo-gallery_nav a {
        top: 200px
    }
}

@media screen and (max-width: 670px) {
    .slider__main--duoview .photo-gallery_nav a {
        top: 110px
    }
}

.slider__main .slick-disabled {
    cursor: default
}

.slider__main .next-arrow, .slider__main .prev-arrow {
    position: absolute;
    display: block;
    height: 53px;
    width: 53px;
    top: 45%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

@media screen and (max-width: 670px) {
    .slider__main .next-arrow, .slider__main .prev-arrow {
        width: 30px;
        height: 30px
    }
}

.slider__main .prev-arrow {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.slider__main .prev-arrow:not(.slick-disabled):not(.prev-arrow--white):hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.slider__main .prev-arrow--white {
    width: 67px;
    height: 67px;
    background-size: auto 53px;
    transition: width .25s
}

.slider__main .prev-arrow--white, .slider__main .prev-arrow--white:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0, 0, 0, .7)
}

@media (hover: none) {
    .slider__main .prev-arrow--white:hover {
        width: 67px
    }
}

@media (hover: on-demand) {
    .slider__main .prev-arrow--white:hover {
        width: 67px
    }
}

@media (hover: hover) {
    .slider__main .prev-arrow--white:hover {
        width: 80px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .prev-arrow--white {
        width: 40px;
        height: 40px;
        background-size: auto 30px
    }

    .slider__main .prev-arrow--white:hover {
        width: 40px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .prev-arrow {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }

    .slider__main .prev-arrow:not(.slick-disabled):not(.prev-arrow--white):hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }

    .slider__main .prev-arrow--white, .slider__main .prev-arrow--white:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }
}

.slider__main .next-arrow {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.slider__main .next-arrow:not(.slick-disabled):not(.next-arrow--white):hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.slider__main .next-arrow--white {
    width: 67px;
    height: 67px;
    background-size: auto 53px;
    transition: width .25s
}

.slider__main .next-arrow--white, .slider__main .next-arrow--white:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: rgba(0, 0, 0, .7)
}

@media (hover: none) {
    .slider__main .next-arrow--white:hover {
        width: 67px
    }
}

@media (hover: on-demand) {
    .slider__main .next-arrow--white:hover {
        width: 67px
    }
}

@media (hover: hover) {
    .slider__main .next-arrow--white:hover {
        width: 80px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .next-arrow--white {
        width: 40px;
        height: 40px;
        background-size: auto 30px
    }

    .slider__main .next-arrow--white:hover {
        width: 40px
    }
}

@media screen and (max-width: 670px) {
    .slider__main .next-arrow {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }

    .slider__main .next-arrow:not(.slick-disabled):not(.next-arrow--white):hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }

    .slider__main .next-arrow--white, .slider__main .next-arrow--white:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }
}

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

.slider--productview .slider__main {
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 115px
}

@media screen and (max-width: 1024px) {
    .slider--productview .slider__main {
        padding: 0 85px
    }
}

@media screen and (max-width: 670px) {
    .slider--productview .slider__main {
        padding: 0 35px
    }
}

.slider--productview .slider__main .product-gallery {
    display: none;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.slider--productview .slider__main .product-gallery.slick-initialized {
    display: block
}

@media screen and (max-width: 670px) {
    .slider--productview .slider__main .product-gallery {
        display: block
    }
}

.slider--productview .slider__main .product-gallery .slick-slide a {
    width: 100%
}

.slider--productview .slider__main .product-gallery .slick-slide a .product-gallery__image img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1);
    transition: .25s
}

@media screen and (max-width: 1024px) {
    .slider--productview .slider__main .product-gallery .slick-slide a .product-gallery__image img {
        max-width: 100%
    }
}

.slider--productview .slider__main .product-gallery .slick-slide a p {
    color: #000
}

.slider--productview .slider__main .product-gallery .slick-slide a:hover, .slider--productview .slider__main .product-gallery .slick-slide a:hover p {
    color: #00398c
}

.slider--productview .slider__main .product-gallery .slick-slide a:hover .product-gallery__image img {
    -webkit-transform: translateZ(0) scale3d(1.05, 1.05, 1.05);
    transform: translateZ(0) scale3d(1.05, 1.05, 1.05)
}

@media screen and (max-width: 670px) {
    .slider--productview .slider__main .product-gallery {
        border: none
    }
}

.slider--productview .product-gallery__nav.is-hidden {
    display: none
}

.slider--productview .product-gallery__nav .prev-arrow {
    left: 30px
}

@media screen and (max-width: 1024px) {
    .slider--productview .product-gallery__nav .prev-arrow {
        left: 15px
    }
}

@media screen and (max-width: 670px) {
    .slider--productview .product-gallery__nav .prev-arrow {
        left: 0
    }
}

.slider--productview .product-gallery__nav .next-arrow {
    right: 30px
}

@media screen and (max-width: 1024px) {
    .slider--productview .product-gallery__nav .next-arrow {
        right: 15px
    }
}

@media screen and (max-width: 670px) {
    .slider--productview .product-gallery__nav .next-arrow {
        right: 0
    }
}

.dye-result {
    padding: 30px 0 0;
    width: 100%;
    position: relative
}

@media screen and (max-width: 1024px) {
    .dye-result {
        padding: 20px 0 0
    }
}

.dye-result .subsection p {
    padding: 0 0 40px;
    font-size: 18px;
    color: #7c7c7c
}

.dye-result .subsection ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.dye-result .subsection ul li {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    list-style: none;
    float: left
}

.dye-result .subsection ul li figure, .dye-result .subsection ul li img {
    float: left;
    max-height: 80px;
    max-width: 80px
}

@media screen and (max-width: 670px) {
    .dye-result .subsection ul li figure, .dye-result .subsection ul li img {
        max-height: 60px;
        max-width: 60px
    }
}

.dye-result .subsection ul li figure {
    width: calc((30% - 20px))
}

.dye-result .subsection ul li figure img {
    width: 100%
}

.dye-result__color {
    padding: 30px 30px 0 0;
    line-height: 20px;
    width: 35%;
    float: left;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .dye-result__color {
        max-width: 180px
    }
}

@media screen and (max-width: 670px) {
    .dye-result__color {
        font-size: 11px;
        padding: 10px 20px 0 0;
        width: 40%
    }
}

.dye-result__separator {
    padding: 30px 40px;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237c7c7c' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    float: left
}

@media screen and (max-width: 1024px) {
    .dye-result__separator {
        padding: 30px
    }
}

@media screen and (max-width: 670px) {
    .dye-result__separator {
        padding: 20px 10px
    }
}

.infobox {
    position: relative;
    margin: 10px auto 40px;
    padding: 30px 50px;
    background-color: #fff;
    border: 1px solid #003a8a
}

@media screen and (max-width: 1024px) {
    .infobox {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media screen and (max-width: 670px) {
    .infobox {
        margin-left: 10px;
        margin-right: 10px
    }
}

.infobox p {
    color: #7f8392;
    font-size: 18px
}

.infobox:before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: -20px;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle fill='%2300398c' cx='30' cy='30' r='30'/%3E%3Cpath fill='%23fff' d='M37 51.2c0 .4-.4.6-1.1.6 0 0-.5 0-1.5-.1-1.3-.1-2.4-.1-3.2-.1h-6.7c-.2.2-.5.3-.8.3-.5 0-.7-.2-.7-.5 0-.5.4-.7 1.3-.7 1.6 0 2.5-.2 2.7-.4.2-.2.2-1.1.2-2.7V28.1c0-.6-.1-1.3-.2-1.9-.1-.2-.3-.3-.8-.3h-2.5c-.5 0-.7-.1-.7-.4 0-.3.4-.4 1.1-.4 2.8-.1 5.3-.8 7.3-2l.6-.4c.3.6.5 1.8.5 3.5v20.7c0 1 0 2 .1 3 .1.3.4.5.7.6.9.2 1.9.3 2.8.3.6-.1.9.1.9.4zm-4.8-40.1c0 1.9-1 2.9-2.9 2.9-.8 0-1.5-.3-2.1-.8-.5-.5-.8-1.2-.8-2 0-2 1-3 2.9-3s2.9 1 2.9 2.9z'/%3E%3C/svg%3E");
    background-size: 60px, 60px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1024px) {
    .infobox:before {
        top: -27px;
        left: -15px;
        width: 50px;
        height: 50px;
        background-size: 50px 50px
    }
}

.infobox--left {
    width: 470px;
    margin-left: -140px
}

.infobox--right {
    width: 470px;
    margin-left: 228px
}

.infobox--right:before {
    right: -20px;
    left: inherit
}

@media screen and (max-width: 1024px) {
    .infobox--right:before {
        right: -15px;
        left: inherit
    }
}

@media screen and (max-width: 1024px) {
    .infobox--left, .infobox--right {
        margin-left: -20px;
        margin-right: 20%;
        width: auto;
        padding: 20px 15px
    }
}

@media screen and (max-width: 670px) {
    .infobox--left, .infobox--right {
        margin-left: 10px;
        margin-right: 10px
    }
}

.infobox--slider {
    font-weight: 400;
    padding: 40px 40px 25px
}

@media screen and (max-width: 1024px) {
    .infobox--slider {
        padding: 25px
    }
}

.infobox--slider h3 {
    margin-bottom: 15px;
    color: #fff;
    line-height: 1em
}

@media screen and (max-width: 670px) {
    .infobox--slider h3 {
        font-size: 1.923em
    }
}

.infobox--slider .infobox__slider {
    margin: 0 -40px
}

@media screen and (max-width: 1024px) {
    .infobox--slider .infobox__slider {
        margin: 0 -25px
    }
}

.infobox--slider .infobox__slider__item p {
    padding: 0 40px
}

@media screen and (max-width: 1024px) {
    .infobox--slider .infobox__slider__item p {
        padding: 0 25px
    }
}

.infobox--slider .infobox__slider__item p strong {
    text-transform: uppercase
}

.infobox--slider .infobox__slider__nav {
    display: inline-block;
    position: relative;
    width: auto;
    height: 21px;
    padding: 17px 35px 0;
    margin: 0 auto;
    line-height: 21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d
}

.infobox--slider .infobox__slider__nav .next-arrow, .infobox--slider .infobox__slider__nav .prev-arrow {
    height: 21px;
    width: 21px;
    background-size: 12px 21px;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0
}

.infobox--slider .infobox__slider__nav .prev-arrow {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.infobox--slider .infobox__slider__nav .prev-arrow:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.infobox--slider .infobox__slider__nav .prev-arrow.slick-disabled {
    cursor: default
}

.infobox--slider .infobox__slider__nav .prev-arrow.slick-disabled, .infobox--slider .infobox__slider__nav .prev-arrow.slick-disabled:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c1c1c1' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.infobox--slider .infobox__slider__nav .next-arrow {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.infobox--slider .infobox__slider__nav .next-arrow:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.infobox--slider .infobox__slider__nav .next-arrow.slick-disabled {
    cursor: default
}

.infobox--slider .infobox__slider__nav .next-arrow.slick-disabled, .infobox--slider .infobox__slider__nav .next-arrow.slick-disabled:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c1c1c1' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.infobox--slider .infobox__slider__nav .slick-dots {
    position: relative;
    display: inline-block;
    width: auto;
    bottom: 0
}

.infobox--slider .infobox__slider__nav .slick-dots li {
    margin: 0;
    padding: 0 5px;
    color: #7c7c7c;
    border-right: 1px solid #f3f3f3
}

.infobox--slider .infobox__slider__nav .slick-dots li:last-child {
    border: none
}

.infobox--slider .infobox__slider__nav .slick-dots li.slick-active, .infobox--slider .infobox__slider__nav .slick-dots li:hover {
    color: #fff
}

.infobox--slider .infobox__slider__nav .slick-dots li.slick-active {
    cursor: default
}

.article .more-button--onBlack {
    color: #fff
}

.article .more-button:before {
    border-color: #fff
}

.more-button {
    position: relative;
    outline: none;
    border: none;
    background: #003a8a;
    padding: 0 25px;
    font-family: 'open_sansbold', sans-serif;
    font-size: 16px;
    height: 54px;
    min-width: 250px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer
}

.more-button, .more-button * {
    box-sizing: border-box
}

@media screen and (max-width: 670px) {
    .more-button {
        min-width: 200px
    }
}

.more-button:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: calc(100% - 4px);
    height: 48px
}

.more-button:before, .more-button span {
    line-height: 50px;
    transition: .4s;
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.more-button span {
    display: block;
    opacity: 1;
    color: #fff
}

.more-button span:first-child {
    position: absolute;
    top: -100%;
    left: 50%;
    font-size: 36px;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    transition: .4s;
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.more-button.act:before, .more-button .hoverState:before, .more-button:hover:before {
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.more-button.act span:last-child, .more-button .hoverState span:last-child, .more-button:hover span:last-child {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.more-button.act span:first-child, .more-button .hoverState span:first-child, .more-button:hover span:first-child {
    opacity: 1;
    top: 0;
    transition-delay: .1s
}

@media (hover: hover) {
    .more-button:hover:before {
        top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .more-button:hover span:last-child {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    .more-button:hover span:first-child {
        opacity: 1;
        top: 0;
        transition-delay: .1s
    }
}

.more-button--onBlack {
    color: #fff
}

.more-button--onBlack:before {
    border-color: #fff
}

.more-button--onGray {
    color: #000
}

.more-button--onGray:before {
    border-color: #000
}

.more-button--arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.more-button--arrow .plus-icon {
    text-indent: -9999px
}

.overscroll-indicator {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 25px;
    background: transparent
}

.overscroll-indicator-inner {
    position: relative;
    width: 277px;
    margin: 0 auto;
    padding: 15px 25px;
    border-top: 2px solid #303e48;
    text-align: center;
    z-index: 3;
    box-sizing: border-box
}

.overscroll-indicator-inner h4 {
    font-size: 20px;
    font-family: 'open_sansbold', sans-serif;
    line-height: 20px;
    text-transform: uppercase
}

.overscroll-indicator-inner p {
    margin: 10px 0 15px;
    font-family: 'open_sansbold', sans-serif;
    color: gray
}

.overscroll-indicator-inner:after {
    content: " ";
    display: block;
    width: 52px;
    height: 41px;
    margin: 0 auto;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 42'%3E%3Cpath d='M26.5 41.13L0 14.52 1.514 13 26.5 38.09 51.486 13 53 14.522l-26.5 26.61zm0-13L0 1.52 1.514 0 26.5 25.09 51.486 0 53 1.522l-26.5 26.61z'/%3E%3C/svg%3E")
}

.overscroll-indicator__status {
    width: 0;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 50%;
    background: #00398c;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d;
    transition: width .25s
}

.overscroll-indicator.overscroll-indicator--fixed {
    position: fixed;
    overflow: hidden;
    z-index: 3;
    bottom: 0;
    background: hsla(0, 0%, 100%, .85);
    box-shadow: 0 -2px 5px 0 rgba(75, 75, 75, .1)
}

.overscroll-indicator.overscroll-indicator--fixed h4 {
    color: #00398c
}

.overscroll-content {
    position: relative;
    z-index: -1
}

.overscroll-content-inner {
    padding-bottom: 150px
}

.overscroll-content-inner .header__language-select, .overscroll-content-inner .logo-wrapper {
    display: none
}

.overscroll-content-inner .page {
    margin-bottom: 0
}

.overscroll-content-inner .header {
    z-index: 3
}

.overscroll-content-inner .header-space-fix {
    display: none
}

.overscroll-content__cover {
    background-color: hsla(0, 0%, 50%, .5);
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photo-card {
    color: #7c7c7c;
    margin-bottom: 40px
}

.photo-card:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 670px) {
    .photo-card {
        width: auto;
        margin-bottom: 60px
    }
}

.photo-card img {
    width: 100%
}

.photo-card figcaption {
    position: relative
}

.photo-card--left, .photo-card--right {
    width: 820px;
    position: relative
}

@media screen and (max-width: 670px) {
    .photo-card--left, .photo-card--right {
        width: calc((100% - -76px));
        margin-left: -38px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left, .photo-card--right {
        width: 680px;
        margin-left: 0
    }
}

.photo-card--left figcaption, .photo-card--right figcaption {
    width: 180px;
    border-bottom: 2px solid #a6a6a6;
    position: absolute;
    bottom: 0
}

@media screen and (max-width: 670px) {
    .photo-card--left figcaption, .photo-card--right figcaption {
        float: none;
        width: auto;
        height: auto;
        border: none;
        font-size: .8em;
        margin: 15px 25px 0 38px;
        text-align: right
    }
}

.photo-card--left figcaption div, .photo-card--right figcaption div {
    position: absolute;
    bottom: 0;
    line-height: 1.2em;
    padding: 8px;
    text-align: right;
    font-size: 14px
}

@media screen and (max-width: 670px) {
    .photo-card--left figcaption div, .photo-card--right figcaption div {
        position: relative;
        top: inherit;
        left: inherit;
        padding-left: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left figcaption div, .photo-card--right figcaption div {
        position: absolute;
        bottom: 0;
        padding: 8px
    }
}

.photo-card--left figcaption div span, .photo-card--right figcaption div span {
    display: block;
    line-height: 2em;
    font-family: 'open_sansbold', sans-serif
}

@media screen and (max-width: 670px) {
    .photo-card--left figcaption div span, .photo-card--right figcaption div span {
        display: inline-block
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left figcaption div span, .photo-card--right figcaption div span {
        display: block
    }
}

@media screen and (max-width: 670px) {
    .photo-card--left figcaption div:after, .photo-card--right figcaption div:after {
        content: "";
        display: block;
        width: 82px;
        height: 2px;
        margin-top: 7px;
        background-color: #a6a6a6;
        position: absolute;
        right: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left figcaption div:after, .photo-card--right figcaption div:after {
        display: none
    }
}

.photo-card--left img, .photo-card--right img {
    width: 640px
}

@media screen and (max-width: 670px) {
    .photo-card--left img, .photo-card--right img {
        float: none;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left img, .photo-card--right img {
        float: inherit;
        width: auto;
        height: 262px
    }
}

.photo-card--left {
    margin-left: -30px
}

@media screen and (max-width: 1024px) {
    .photo-card--left {
        margin-left: 0
    }
}

@media screen and (max-width: 670px) {
    .photo-card--left {
        width: calc((100% - -76px));
        margin-left: -38px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left {
        width: 680px;
        margin-left: 0
    }
}

.photo-card--left img {
    float: right
}

@media screen and (max-width: 670px) {
    .photo-card--left img {
        float: none;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left img {
        float: right;
        width: auto;
        height: 262px
    }
}

.photo-card--left figcaption {
    float: right
}

@media screen and (max-width: 670px) {
    .photo-card--left figcaption {
        top: 100%;
        float: left;
        height: auto;
        border: none;
        font-size: .8em;
        margin: 0 25px 0 30px;
        text-align: right
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left figcaption {
        top: auto;
        float: right;
        width: 180px;
        height: 260px;
        border-bottom: 2px solid #a6a6a6;
        font-size: inherit;
        margin: inherit;
        margin-bottom: 0;
        text-align: inherit
    }
}

.photo-card--left figcaption div {
    position: absolute;
    bottom: 0;
    line-height: 120%;
    padding: 8px 8px 8px 0
}

@media screen and (max-width: 670px) {
    .photo-card--left figcaption div {
        position: relative;
        top: inherit;
        left: inherit;
        padding-left: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--left figcaption div {
        position: absolute;
        bottom: 0;
        padding: 8px
    }
}

.photo-card--right {
    margin-left: -155px
}

@media screen and (max-width: 800px) {
    .photo-card--right {
        margin-left: -300px
    }
}

@media screen and (max-width: 670px) {
    .photo-card--right {
        width: calc((100% - 76px));
        margin-left: -38px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--right {
        width: 680px;
        margin-left: 0
    }
}

.photo-card--right img {
    float: left
}

@media screen and (max-width: 670px) {
    .photo-card--right img {
        float: none;
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--right img {
        float: left;
        width: auto;
        height: 262px
    }
}

.photo-card--right figcaption {
    float: left
}

@media screen and (max-width: 670px) {
    .photo-card--right figcaption {
        float: none;
        width: auto;
        height: auto;
        border: none;
        font-size: .8em;
        margin: -7px 25px 0 38px;
        text-align: right
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--right figcaption {
        float: left;
        width: 180px;
        height: 334px;
        border-bottom: 2px solid #a6a6a6;
        font-size: inherit;
        margin: inherit;
        text-align: inherit
    }
}

.photo-card--right figcaption div {
    position: absolute;
    bottom: 0;
    line-height: 120%;
    padding: 8px 0 8px 8px
}

@media screen and (max-width: 670px) {
    .photo-card--right figcaption div {
        position: relative;
        top: inherit;
        left: inherit;
        padding-left: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .photo-card--right figcaption div {
        position: absolute;
        bottom: 0;
        padding: 8px
    }
}

.section-article {
    position: relative;
    margin: 0 42px 20px;
    font-family: 'open_sanslight', sans-serif;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .section-article {
        font-size: 2.692em
    }
}

@media screen and (max-width: 1024px) {
    .section-article {
        font-size: 3.077em
    }
}

@media screen and (max-width: 670px) {
    .section-article {
        font-size: 2.462em
    }
}

@media screen and (max-width: 1024px) {
    .section-article {
        margin: 0 27px
    }
}

@media screen and (max-width: 670px) {
    .section-article {
        margin: 0 9px;
        line-height: 1.1
    }
}

.section-article--striked:after {
    position: absolute;
    top: 49.5%;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    z-index: 1;
    background-color: #00398c
}

.section-article--striked span {
    background-color: #f3f3f3;
    font-family: 'open_sanslight', sans-serif;
    color: #7f8392;
    position: relative;
    display: inline-block;
    padding: 0 25px;
    z-index: 2;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: .1em
}

.slider {
    padding-bottom: 0;
    margin: 70px 0 60px
}

@media screen and (max-width: 670px) {
    .slider {
        margin-top: 0
    }
}

.slider .slider {
    padding-top: 0;
    margin-top: 0;
    background-color: transparent
}

.slider.slider--productview {
    padding-top: 0;
    margin-top: 70px;
    background-color: transparent
}

@media screen and (max-width: 670px) {
    .slider.slider--productview {
        margin-top: 40px
    }
}

.slider .slider.slider-video {
    margin-top: 10px
}

.slider-howto {
    text-align: center;
    margin-top: -30px;
    padding-top: 30px;
    padding-bottom: 0
}

.slider-howto:after {
    content: " ";
    float: left;
    position: relative;
    height: 90px;
    width: 100%;
    background-color: #000
}

.slider-howto h1, .slider-howto span {
    color: #fff
}

.slider-howto h1 {
    line-height: 100%;
    padding-top: 15px
}

@media screen and (min-width: 1025px) {
    .slider-howto h1 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 1024px) {
    .slider-howto h1 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 670px) {
    .slider-howto h1 {
        font-size: 2.462em
    }
}

.slider-howto h1:after {
    content: "";
    display: block;
    width: 180px;
    height: 2px;
    background-color: #fff;
    margin: 30px auto 0
}

@media screen and (max-width: 670px) {
    .slider-howto h1:after {
        width: 120px;
        margin: 15px auto 0
    }
}

.slider-howto span {
    text-transform: uppercase;
    font-size: 1.3em
}

.slider-howto__wrap {
    margin-top: 50px;
    text-align: left;
    background: #fff
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap {
        margin-top: 30px
    }
}

.slider-howto__wrap__slideshow {
    position: static !important;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    padding: 0 52px;
    box-sizing: border-box
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow {
        padding: 0
    }
}

.slider-howto__wrap__slideshow:before {
    content: "";
    display: block;
    height: 57px;
    position: absolute;
    left: 0;
    right: 0;
    background: #000
}

.slider-howto__wrap__slideshow__item {
    position: relative
}

.slider-howto__wrap__slideshow__item:after {
    content: "";
    display: table;
    clear: both
}

.slider-howto__wrap__slideshow__item__image {
    float: left;
    width: 388px;
    height: 435px;
    margin-bottom: 70px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .slider-howto__wrap__slideshow__item__image {
        width: 300px
    }
}

@media screen and (max-width: 800px) {
    .slider-howto__wrap__slideshow__item__image {
        float: none
    }
}

.slider-howto__wrap__slideshow__item__image img {
    width: 100%;
    opacity: 1;
    -webkit-transform: translateZ(0) scale3d(1.2, 1.2, 1.2);
    transform: translateZ(0) scale3d(1.2, 1.2, 1.2);
    transition: all 1s
}

@media screen and (max-width: 800px) {
    .slider-howto__wrap__slideshow__item__image img {
        width: 100%;
        max-width: 388px;
        margin: 0 auto
    }
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow__item__image img {
        width: 100%;
        max-width: 250px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider-howto__wrap__slideshow__item__image img {
        max-width: 200px
    }
}

.slider-howto__wrap__slideshow__item__content {
    float: left;
    display: block;
    width: calc(100% - 388px);
    padding: 97px 10px 20px 57px;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .slider-howto__wrap__slideshow__item__content {
        width: calc(100% - 300px);
        padding-left: 24px
    }
}

@media screen and (max-width: 800px) {
    .slider-howto__wrap__slideshow__item__content {
        padding: 60px 0 55px;
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow__item__content {
        padding: 60px 20px 55px
    }
}

.slider-howto__wrap__slideshow__item__content h4 {
    font-family: 'pt_sansregular', sans-serif;
    font-size: 3em;
    line-height: 120%
}

.slider-howto__wrap__slideshow__item__content h4:after {
    content: "";
    display: block;
    width: 140px;
    height: 3px;
    margin-top: 15px;
    background-color: #545454
}

.slider-howto__wrap__slideshow__item__content ul {
    padding-left: 15px;
    list-style: disc
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow__item__content ul {
        padding-left: 18px
    }
}

.slider-howto__wrap__slideshow__item__content dl, .slider-howto__wrap__slideshow__item__content p, .slider-howto__wrap__slideshow__item__content ul {
    margin-top: 15px;
    font-size: 18px;
    color: #7c7c7c
}

@media screen and (min-width: 1025px) {
    .slider-howto__wrap__slideshow__item__content dl, .slider-howto__wrap__slideshow__item__content p, .slider-howto__wrap__slideshow__item__content ul {
        line-height: 1.6
    }
}

.slider-howto__wrap__slideshow__item__content ul li:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow__item__content ul li:not(: last-child) {
        margin-bottom: 10px
    }
}

.slider-howto__wrap__slideshow__item__content ol {
    margin: 15px 0;
    padding-right: 0;
    list-style-type: none
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow__item__content ol {
        margin: 10px 0
    }
}

.slider-howto__wrap__slideshow__item__content ol li {
    position: relative;
    margin: 10px auto;
    padding-left: 30px;
    color: #7c7c7c;
    font-size: 18px;
    font-family: 'open_sanslight', sans-serif;
    counter-increment: a
}

.slider-howto__wrap__slideshow__item__content ol li:before {
    position: absolute;
    left: 0;
    top: 1px;
    content: counter(a);
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    color: #fff;
    text-align: center;
    font-size: .647em;
    line-height: 23px;
    font-family: 'open_sanslight', sans-serif;
    border-radius: 11px;
    padding-left: 1px;
    background-color: #00398c
}

.slider-howto__wrap__slideshow .slick-active img {
    opacity: 1;
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1)
}

.slider-howto__wrap__slideshow .slick-dots {
    width: 388px;
    font-size: 0;
    top: 440px
}

@media screen and (max-width: 1024px) {
    .slider-howto__wrap__slideshow .slick-dots {
        top: 358px;
        width: 300px
    }
}

@media screen and (max-width: 800px) {
    .slider-howto__wrap__slideshow .slick-dots {
        top: 440px;
        left: 0;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap__slideshow .slick-dots {
        top: 285px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider-howto__wrap__slideshow .slick-dots {
        top: 235px
    }
}

.slider-howto__wrap__slideshow .slick-dots li {
    margin: 5px
}

.slider-howto__wrap__slideshow .slick-dots li button:before {
    content: "•";
    font-size: 37px;
    line-height: 15px;
    color: #7c7c7c;
    opacity: 1
}

.slider-howto__wrap__slideshow .slick-dots li.slick-active button:before {
    color: #00398c;
    opacity: 1
}

.slider-howto__wrap .slick-arrow {
    top: 250px
}

@media screen and (max-width: 800px) {
    .slider-howto__wrap .slick-arrow {
        top: 194px
    }
}

@media screen and (max-width: 670px) {
    .slider-howto__wrap .slick-arrow {
        top: 140px
    }
}

@media screen and (min-width: 1025px) {
    .slider-howto__wrap .slick-arrow.prev-arrow {
        left: calc(50% - 550px)
    }
}

@media screen and (max-width: 1118px) {
    .slider-howto__wrap .slick-arrow.prev-arrow {
        left: 0
    }
}

@media screen and (min-width: 1025px) {
    .slider-howto__wrap .slick-arrow.next-arrow {
        right: calc(50% - 550px)
    }
}

@media screen and (max-width: 1118px) {
    .slider-howto__wrap .slick-arrow.next-arrow {
        right: 0
    }
}

.slider-howto__wrap .slick-arrow.slick-disabled {
    opacity: .2
}

.productline .slider .slider.slider-video {
    margin-top: 10px
}

.productline__presentation {
    padding-bottom: 30px;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .productline__presentation {
        background-size: cover;
        min-height: 540px;
        padding-bottom: 60px;
        margin-bottom: -60px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation {
        padding-bottom: 60px;
        margin-bottom: -60px
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation {
        background-position: 0 0
    }
}

.productline__presentation * {
    box-sizing: border-box
}

.productline__presentation-wrapper {
    position: relative
}

.productline__presentation-wrapper .grid-row {
    padding: 20px 0 70px
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .productline__presentation-wrapper .grid-row {
        padding: 20px 0
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation-wrapper .grid-row {
        padding: 40px 0 0
    }
}

.productline__presentation .slider {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d;
    width: 100%;
    padding: 0 50px
}

@media screen and (max-width: 670px) {
    .productline__presentation .slider {
        position: relative
    }
}

.productline__presentation .slider li.productline__slide-color {
    margin: 0 5px;
    border: 2px solid #fff;
    border-radius: 5px;
    position: relative;
    display: block
}

.productline__presentation .slider li.productline__slide-color .productline__slide-number {
    font-size: 2.692em;
    display: none;
    width: 100%;
    line-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    left: 0;
    text-align: center;
    color: #fff;
    font-family: 'pt_sansregular', sans-serif;
    z-index: 65
}

@media screen and (max-width: 1024px) {
    .productline__presentation .slider li.productline__slide-color .productline__slide-number {
        font-size: 1.923em
    }
}

.productline__presentation .slider li.productline__slide-color img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1);
    backface-visibility: hidden;
    z-index: 19 !important;
    min-width: 100%;
    height: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-style: preserve-3d
}

.productline__presentation .slider li.productline__slide-color:hover:before {
    content: " ";
    height: 100%;
    width: 100%;
    display: block;
    background-color: #000;
    opacity: .3;
    z-index: 22;
    position: absolute;
    top: 0;
    left: 0
}

.productline__presentation .slider li.productline__slide-color:hover img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1);
    z-index: 19
}

.productline__presentation .slider li.productline__slide-color:hover .productline__slide-number {
    display: block
}

.productline__presentation .slider li.productline__slide-color.slick-current:before {
    content: " ";
    height: 100%;
    width: 100%;
    display: block;
    background-color: #000;
    opacity: .3;
    z-index: 22;
    position: absolute;
    top: 0;
    left: 0
}

.productline__presentation .slider li.productline__slide-color.slick-current img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1);
    z-index: 19
}

.productline__presentation .slider li.productline__slide-color.slick-current .productline__slide-number {
    display: block
}

.productline__presentation-details, .productline__presentation-placeholder {
    position: relative
}

.productline__presentation-details .productline__slide-ref, .productline__presentation-placeholder .productline__slide-ref {
    position: absolute;
    width: 76%;
    left: 12%;
    top: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    z-index: 2;
    transition: .75s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .productline__presentation-details .productline__slide-ref, .productline__presentation-placeholder .productline__slide-ref {
        position: absolute;
        top: 0
    }
}

.productline__presentation-details .productline__slide-ref > img, .productline__presentation-placeholder .productline__slide-ref > img {
    display: block;
    margin: 0 auto 28px
}

@media screen and (max-width: 670px) {
    .productline__presentation-details .productline__slide-ref > img, .productline__presentation-placeholder .productline__slide-ref > img {
        margin-bottom: 20px
    }
}

.productline__presentation-details .productline__slide-ref.is-active, .productline__presentation-placeholder .productline__slide-ref.is-active {
    opacity: 1;
    height: auto;
    overflow: visible;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d;
    z-index: 3
}

.productline__presentation-placeholder {
    position: absolute;
    width: 100%;
    bottom: 0
}

@media screen and (max-width: 1024px) {
    .productline__presentation-placeholder {
        height: 100%
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-placeholder {
        position: relative;
        height: 380px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation-placeholder {
        height: 335px
    }
}

@media screen and (max-width: 1024px) {
    .productline__presentation-placeholder .productline__slide-ref {
        min-height: 690px
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-placeholder .productline__slide-ref {
        min-height: inherit
    }
}

.productline__presentation-placeholder .productline__slide-ref > img {
    height: 610px
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .productline__presentation-placeholder .productline__slide-ref > img {
        height: 440px
    }
}

@media screen and (max-width: 1024px) {
    .productline__presentation-placeholder .productline__slide-ref > img {
        position: absolute;
        z-index: 1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform-style: preserve-3d
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-placeholder .productline__slide-ref > img {
        position: relative;
        height: 400px;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation-placeholder .productline__slide-ref > img {
        margin-left: 75px;
        height: 246px
    }
}

.productline__presentation-details {
    position: absolute;
    right: 0;
    padding-top: 110px;
    margin-right: 60px;
    min-height: 550px;
    width: 50%
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .productline__presentation-details {
        padding-top: 0;
        min-height: 0;
        bottom: auto;
        top: 40px
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-details {
        position: relative;
        right: inherit;
        bottom: inherit;
        display: block;
        width: 100%;
        padding: 0 10px;
        padding-top: 0;
        min-height: 0;
        top: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation-details {
        position: absolute;
        right: 0;
        min-height: 550px;
        width: 50%;
        padding-top: 0;
        min-height: 0;
        bottom: auto;
        top: 80px;
        margin-right: 10px
    }
}

.productline__presentation .productline__slide-details-ref {
    position: absolute;
    opacity: 0;
    height: 0;
    overflow: hidden;
    text-align: center;
    color: #fff;
    width: 100%;
    transition: .75s;
    z-index: 1;
    margin-right: 1%;
    position: relative
}

@media screen and (max-width: 1024px) {
    .productline__presentation .productline__slide-details-ref {
        margin-right: 0
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__slide-details-ref {
        position: relative
    }
}

.productline__presentation .productline__slide-details-ref.is-active {
    opacity: 1;
    height: auto;
    overflow: visible
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .productline__presentation .productline__slide-details-ref.is-active {
        margin-top: 15px
    }
}

.productline__presentation .productline__slide-details-ref h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'open_sansbold', sans-serif;
    color: #888;
    text-transform: uppercase
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__slide-details-ref h4 {
        margin-bottom: 10px;
        font-size: 14px
    }
}

.productline__presentation .productline__slide-details-ref h3 {
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media screen and (min-width: 1025px) {
    .productline__presentation .productline__slide-details-ref h3 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 1024px) {
    .productline__presentation .productline__slide-details-ref h3 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__slide-details-ref h3 {
        font-size: 2.462em
    }
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .productline__presentation .productline__slide-details-ref h3 {
        font-size: 3.462em
    }
}

@media screen and (max-width: 800px) {
    .productline__presentation .productline__slide-details-ref h3 {
        font-size: 2.462em
    }
}

.productline__presentation .productline__slide-details-ref p {
    margin-bottom: 30px;
    padding: 0 35px;
    font-size: 20px;
    line-height: 25px;
    overflow: hidden;
    max-height: 75px
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__slide-details-ref p {
        margin-bottom: 20px;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        max-height: 60px
    }
}

.productline__presentation .productline__slide-details-ref h3, .productline__presentation .productline__slide-details-ref h4, .productline__presentation .productline__slide-details-ref p {
    transition: .75s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-style: preserve-3d
}

.productline__presentation .productline__slide-details-ref.is-active h3, .productline__presentation .productline__slide-details-ref.is-active h4, .productline__presentation .productline__slide-details-ref.is-active p {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d
}

.productline__presentation .productline__slide-details-ref hr {
    width: 180px;
    height: 2px;
    margin-bottom: 15px;
    border: none;
    background-color: #fff
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__slide-details-ref hr {
        width: 130px;
        height: 1px;
        margin-bottom: 5px
    }
}

.productline__presentation .productline__slide-details-ref .more-button {
    padding: 0 1.5em
}

.productline__presentation .productline__slide-details-ref-slider li a {
    display: table-cell;
    vertical-align: bottom
}

.productline__presentation .slick-track {
    margin: 0 auto
}

.productline__presentation-partial {
    position: relative;
    height: 100%;
    min-height: 730px
}

@media screen and (max-width: 1024px) {
    .productline__presentation-partial {
        min-height: 670px
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-partial {
        min-height: 0
    }
}

.productline__presentation-right {
    padding-left: 0;
    padding-right: 0;
    right: 60px;
    width: 50%
}

@media screen and (max-width: 1024px) {
    .productline__presentation-right {
        float: right
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-right {
        padding-top: 50px;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        right: 0;
        width: 100%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation-right {
        padding-top: 0
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation-left {
        padding-top: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation-left {
        padding-top: 0
    }
}

.productline__presentation .slider .slick-slide {
    outline: none;
    cursor: pointer
}

.productline__presentation .slider .slick-slide img {
    margin: 0 auto;
    max-width: 100%;
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1);
    transition: .25s;
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 670px) {
    .productline__presentation .slider .slick-slide img {
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1)
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation .slider .slick-slide img {
        -webkit-transform: translateZ(0) scale3d(.7, .7, .7);
        transform: translateZ(0) scale3d(.7, .7, .7)
    }
}

.productline__presentation .slider .slick-slide img:hover {
    -webkit-transform: translateZ(0) scale3d(1.05, 1.05, 1.05);
    transform: translateZ(0) scale3d(1.05, 1.05, 1.05)
}

.productline__presentation .slider .slick-slide a {
    outline: none
}

.productline__presentation .slider .productline__presentation-slider-nav a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    height: 53px;
    width: 53px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.productline__presentation .slider .productline__presentation-slider-nav .prev-arrow {
    left: 0;
    z-index: 99;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.productline__presentation .slider .productline__presentation-slider-nav .prev-arrow:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236d7070' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.productline__presentation .slider .productline__presentation-slider-nav .next-arrow {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.productline__presentation .slider .productline__presentation-slider-nav .next-arrow:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236d7070' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.productline__presentation .productline__presentation-details {
    bottom: inherit;
    min-height: auto
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__presentation-details {
        top: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation .productline__presentation-details {
        top: 120px
    }
}

.productline__presentation .productline__presentation-wrapper .grid-row {
    padding-bottom: 0
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__presentation-wrapper .grid-row {
        padding-bottom: 0
    }
}

@media screen and (max-width: 670px) {
    .productline__presentation .productline__presentation-wrapper .productline__presentation-left {
        padding: 35px 0 60px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .productline__presentation .productline__presentation-wrapper .productline__presentation-left {
        padding: 35px 0 0
    }
}

.productline__presentation .productline__slide-ref {
    position: relative
}

@media screen and (max-width: 1024px) {
    .productline__presentation .productline__slide-ref {
        position: absolute;
        top: 0
    }
}

.purchase-dropdown {
    position: relative;
    width: 240px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .purchase-dropdown {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform-style: preserve-3d;
        z-index: 4
    }
}

@media screen and (max-width: 670px) {
    .purchase-dropdown {
        position: relative;
        width: 200px;
        left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: preserve-3d;
        margin: 0 auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .purchase-dropdown {
        left: -170px
    }
}

.purchase-dropdown > a {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: 'open_sansbold', sans-serif;
    line-height: 50px;
    background-color: #00398c;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer
}

.purchase-dropdown > a:hover {
    color: #fff
}

@media screen and (max-width: 670px) {
    .purchase-dropdown > a {
        font-size: 15px;
        line-height: 35px
    }
}

.purchase-dropdown > a > span {
    font-size: 14px
}

.purchase-dropdown > a .svg-cart-icon {
    display: inline-block;
    width: 22px;
    height: 18px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.4 60.6' fill='%23fff'%3E%3Cpath d='M18.9 0H0v8.3h12.5l1.3 5.1 7.1 28.2H64l8.4-33.3H21.1L18.9 0zM70.2 52.3a8.3 8.3 0 1 0-8.3 8.3 8.28 8.28 0 0 0 8.3-8.3zM33.4 52.3a8.28 8.28 0 0 0-8.3-8.3 8.37 8.37 0 0 0-8.4 8.3 8.28 8.28 0 0 0 8.3 8.3 8.37 8.37 0 0 0 8.4-8.3z'/%3E%3C/svg%3E");
    background-size: 72, 60;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .purchase-dropdown > a .svg-cart-icon {
        width: 18px;
        height: 14px
    }
}

.purchase-dropdown > a.is-active {
    background-color: #b4b4b4 !important
}

.purchase-dropdown > a.is-active .svg-cart-icon {
    margin-right: 0
}

.purchase-dropdown > a.is-active .cart-label {
    display: none
}

.purchase-dropdown ul {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    border-top: none;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    border-left: 1px solid #b4b4b4;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 2;
    display: none
}

@media screen and (max-width: 670px) {
    .purchase-dropdown ul {
        top: 35px
    }
}

.purchase-dropdown ul li {
    padding: 0 10px
}

.purchase-dropdown ul li a {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #b4b4b4
}

.purchase-dropdown ul li a img {
    display: block;
    margin: 0 auto
}

.purchase-dropdown ul li:last-child a {
    border-bottom: none
}

.section-article + .slider-related-articles .slider__main {
    margin: 0 auto
}

.section-article + .slider-related-articles .slider__main .related-articles {
    padding: 0 50px
}

@media screen and (max-width: 670px) {
    .section-article + .slider-related-articles .slider__main .related-articles {
        padding: 22px 0 0
    }
}

.slider-related-articles {
    background-color: transparent;
    height: auto
}

.slider-related-articles .prev-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .slider-related-articles .prev-arrow {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M12.4 0L14 1.8 3.2 13.5 14 25.2 12.4 27 0 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }
}

.slider-related-articles .next-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .slider-related-articles .next-arrow {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='14' height='27' viewBox='0 0 14 27'%3E%3Cpath d='M1.6 0L0 1.8l10.8 11.7L0 25.2 1.6 27 14 13.5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50%
    }
}

@media screen and (max-width: 1024px) {
    .slider-related-articles {
        height: auto
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles {
        background-color: transparent;
        height: auto;
        margin-bottom: inherit
    }
}

@media screen and (max-width: 670px) {
    .slider-related-articles .more-button {
        margin: 20px 0 0
    }
}

.slider-related-articles .slider__main {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .slider__main {
        overflow: visible
    }
}

.slider-related-articles .related-articles {
    display: none;
    padding: 15px 50px
}

.slider-related-articles .related-articles.slick-initialized {
    display: block
}

@media screen and (max-width: 670px) {
    .slider-related-articles .related-articles {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .slider-related-articles .related-articles {
        padding: 15px 40px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .related-articles {
        padding: 0
    }
}

.slider-related-articles .slider-item {
    position: relative;
    margin: 0 12px;
    outline: none
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .slider-item {
        margin: 0;
        float: left;
        width: 100%
    }

    .slider-related-articles .slider-item:nth-child(n + 4) {
        display: none
    }
}

.slider-related-articles .slider-item img {
    display: block;
    margin: 0 auto
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .slider-item img {
        position: absolute;
        top: -12px;
        left: 0;
        width: 73px;
        margin: 0;
        z-index: 1
    }
}

.slider-related-articles .slider-item .teaser {
    position: relative
}

.slider-related-articles .slider-item .teaser__image {
    display: inline-block;
    width: 100%;
    z-index: 1;
    height: 40vw;
    max-height: 365px;
    overflow: hidden;
    position: relative
}

.slider-related-articles .slider-item .teaser__image a img {
    display: block;
    transition: .4s;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transform-style: preserve-3d;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%
}

.slider-related-articles .slider-item .teaser__image a:hover img {
    -webkit-transform: translateZ(0) scale(1.05);
    transform: translateZ(0) scale(1.05);
    -webkit-transform-style: preserve-3d
}

.slider-related-articles .slider-item .teaser--small .teaser__image {
    width: 100%;
    height: 30vw;
    max-height: 303px;
    overflow: hidden;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .slider-related-articles .slider-item .teaser--small .teaser__image {
        height: 28.5vw
    }
}

@media screen and (max-width: 670px) {
    .slider-related-articles .slider-item .teaser--small .teaser__image {
        width: 73px;
        height: 73px;
        max-height: 73px;
        margin: 0 0 -65px;
        z-index: 2
    }
}

.slider-related-articles .slider-item .teaser--small .teaser__image img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transform-style: preserve-3d;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto
}

.slider-related-articles .slider-item .teaser--small .teaser__image a {
    height: 100%
}

.slider-related-articles .slider-item .teaser--small .teaser__image a:hover img {
    -webkit-transform: translateX(-50%) scale(1.05);
    transform: translateX(-50%) scale(1.05);
    -webkit-transform-style: preserve-3d
}

.slider-related-articles .slider-item .teaser--small .teaser__content {
    width: 85%;
    margin: -10% auto 0;
    padding: 15px;
    text-align: center;
    z-index: 2
}

.slider-related-articles .slider-item .teaser--small .teaser__content h4 {
    margin-bottom: 5px
}

.slider-related-articles .slider-item .teaser--small .teaser__content h3 {
    font-size: 1.615em
}

.slider-related-articles .slider-item .teaser--small .teaser__content hr {
    display: none
}

@media screen and (max-width: 670px) {
    .slider-related-articles .slider-item .teaser--small .teaser__content {
        width: calc(100% - 20px);
        margin: 0 0 0 20px;
        position: relative;
        padding-left: 70px;
        padding-top: 0;
        padding-bottom: 10px;
        z-index: 1;
        text-align: left
    }
}

.slider-related-articles .slider-item .teaser .teaser__inner__tooltip {
    display: none
}

.slider-related-articles .slider-item:hover h3, .slider-related-articles .slider-item:hover span {
    color: #00398c
}

.slider-related-articles .slider-item__content {
    position: relative;
    width: 100%;
    max-width: 250px;
    margin: -33px auto 0;
    padding: 15px 25px 10px;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .slider-related-articles .slider-item__content {
        max-width: 210px;
        padding: 15px 10px 10px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .slider-item__content {
        max-width: 100%;
        margin: 0 0 32px 40px;
        padding: 10px 30px 10px 45px;
        text-align: left;
        width: auto;
        min-height: 63px
    }
}

.slider-related-articles .slider-item__content h4, .slider-related-articles .slider-item__content span {
    display: block;
    margin-bottom: 5px
}

.slider-related-articles .slider-item__content h4 a, .slider-related-articles .slider-item__content span a {
    color: #717372
}

.slider-related-articles .slider-item__content h4 a:hover, .slider-related-articles .slider-item__content span a:hover {
    color: #00398c
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .slider-item__content h4, .slider-related-articles .slider-item__content span {
        margin-bottom: 0
    }
}

.slider-related-articles .slider-item__content h3 {
    font-family: 'pt_sansregular', sans-serif;
    font-size: 1.615em;
    line-height: 110%;
    color: #7f8392;
    word-break: break-word;
    word-wrap: break-word
}

.slider-related-articles .slider-item__content h3 a {
    color: #303e48
}

.slider-related-articles .slider-item__content h3 a:hover {
    color: #00398c
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .slider-item__content h3 {
        font-size: 1.615em
    }
}

.slider-related-articles .slider-item__content hr {
    display: none
}

.slider-related-articles .related-articles__nav a {
    top: 40%
}

@media screen and (max-width: 1024px) {
    .slider-related-articles .related-articles__nav a {
        top: 23%
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .related-articles__nav {
        display: none
    }
}

.slider-related-articles .related-articles__more {
    display: none
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .slider-related-articles .related-articles__more {
        display: block
    }
}

.slider-main {
    position: relative;
    margin: 20px 0;
    margin-top: -50px
}

@media screen and (max-width: 1024px) {
    .slider-main {
        width: calc((100% + 40px));
        margin-left: -20px
    }
}

@media screen and (max-width: 670px) {
    .slider-main {
        width: 100%;
        margin-left: 0
    }
}

.slider-main .slick-slide {
    outline: none;
    transition: .75s;
    visibility: hidden
}

@media screen and (max-width: 670px) {
    .slider-main .slick-slide > div {
        padding: 0
    }
}

.slider-main .slick-slide.slick-active {
    visibility: visible
}

.slider-main .slick-slide img {
    display: block;
    margin: 0 auto;
    transition: .75s
}

@media screen and (min-width: 1025px) {
    .slider-main .slick-slide img {
        height: 370px
    }
}

@media screen and (max-width: 1024px) {
    .slider-main .slick-slide img {
        height: 380px
    }
}

@media screen and (max-width: 800px) {
    .slider-main .slick-slide img {
        height: 380px
    }
}

@media screen and (max-width: 670px) {
    .slider-main .slick-slide img {
        height: 280px
    }
}

.slider-main .slick-slide:not(.slick-active) {
    opacity: .4
}

.slider-main .slick-slide:not(.slick-active) img {
    -webkit-transform: translateZ(0) scale3d(.8, .8, .8);
    transform: translateZ(0) scale3d(.8, .8, .8)
}

.slider-main .slick-slide.slick-active:not(.slick-current) {
    opacity: .4
}

.slider-main .slick-slide.slick-active:not(.slick-current) img {
    -webkit-transform: translateZ(0) scale3d(.8, .8, .8);
    transform: translateZ(0) scale3d(.8, .8, .8)
}

.slider-main .slick-slide:nth-last-child(2) {
    opacity: 1
}

.slider-main .slick-slide:nth-last-child(2) img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1)
}

.slider-main .slick-slide.slick-center {
    visibility: visible;
    opacity: 1
}

.slider-main .slick-slide.slick-center img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1)
}

.slider-main .product__main-slider-nav a {
    position: absolute;
    top: calc(50% - 26px);
    height: 53px;
    width: 53px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

@media screen and (max-width: 670px) {
    .slider-main .product__main-slider-nav a {
        width: 38px;
        height: 38px
    }
}

.slider-main .product__main-slider-nav .prev-arrow {
    left: -60px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1024px) {
    .slider-main .product__main-slider-nav .prev-arrow {
        left: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider-main .product__main-slider-nav .prev-arrow {
        left: -5px
    }
}

.slider-main .product__main-slider-nav .prev-arrow:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M0 26.5L26.5 53l1.5-1.5-25-25 25-25L26.5 0 0 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.slider-main .product__main-slider-nav .next-arrow {
    right: -60px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237F8392' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1024px) {
    .slider-main .product__main-slider-nav .next-arrow {
        right: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider-main .product__main-slider-nav .next-arrow {
        right: -5px
    }
}

.slider-main .product__main-slider-nav .next-arrow:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300398c' preserveAspectRatio='xMidyMin' width='28' height='53' viewBox='0 0 28 53'%3E%3Cpath d='M28 26.5L1.5 0 0 1.5l25 25-25 25L1.5 53 28 26.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%
}

.slider-additional a {
    outline: none
}

.slider-additional .slick-slide {
    outline: none;
    visibility: hidden
}

.slider-additional .slick-slide.slick-active {
    visibility: visible
}

.slider-additional .purchase-dropdown {
    margin-bottom: 50px
}

@media screen and (max-width: 670px) {
    .slider-additional .purchase-dropdown {
        margin-bottom: 25px
    }
}

.socialwall {
    padding-bottom: 90px
}

.single-image .subsection figure, .single-image .subsection figure img {
    width: 100%;
    height: auto
}

.stage {
    position: relative;
    margin-bottom: 50px;
    width: 100%;
    height: 650px
}

@media screen and (min-width: 1400px) {
    .stage {
        height: 800px
    }
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .stage {
        height: 500px
    }
}

@media screen and (max-width: 1024px) {
    .stage {
        margin-bottom: 155px;
        height: 550px
    }
}

@media screen and (max-width: 670px) {
    .stage {
        margin-bottom: 90px;
        height: 440px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .stage {
        margin-bottom: 120px;
        height: 255px
    }
}

.stage h2 {
    font-size: 3.846em;
    display: none;
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1)
}

@media screen and (max-width: 1024px) {
    .stage h2 {
        line-height: 95px
    }
}

@media screen and (max-width: 670px) {
    .stage h2 {
        font-size: 35px !important;
        line-height: 64px
    }
}

@media screen and (max-width: 1024px) {
    .stage h2 {
        display: inline;
        border-top: 8px solid rgba(0, 0, 0, .5);
        border-right: 10px solid rgba(0, 0, 0, .5);
        border-bottom: 4px solid rgba(0, 0, 0, .5);
        border-left: 10px solid rgba(0, 0, 0, .5);
        -webkit-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
        -o-box-decoration-break: clone;
        box-decoration-break: clone
    }
}

@media screen and (max-width: 1024px) {
    .stage h2 a {
        background-color: rgba(0, 0, 0, .5);
        display: inline;
        color: #fff;
        line-height: 100%
    }
}

.stage--no-margin {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .stage--no-margin {
        margin-bottom: 130px
    }
}

@media screen and (max-width: 670px) {
    .stage--no-margin {
        margin-bottom: 85px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .stage--no-margin {
        margin-bottom: 115px
    }
}

.stage__slides {
    bottom: 0;
    right: 0;
    z-index: 0;
    overflow: hidden
}

.stage__slide, .stage__slides {
    position: absolute;
    top: 0;
    left: 0
}

.stage__slide {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateZ(0) scale3d(1.2, 1.2, 1.2);
    transform: translateZ(0) scale3d(1.2, 1.2, 1.2)
}

.stage__slide.is-active {
    opacity: 1;
    z-index: 2
}

.stage__slide.is-active, .stage__slide.is-prev {
    transition: all .75s;
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1)
}

.stage__slide.is-prev {
    z-index: 1;
    opacity: 0
}

.stage__slide--right .stage__body {
    text-align: right
}

.stage__slide--right .stage__img {
    right: 0;
    left: auto
}

.stage__slide--center .stage__body {
    text-align: center
}

.stage__slide--center .stage__img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d
}

.stage__img {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    width: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .stage__img {
        height: auto
    }
}

@media screen and (min-width: 1720px) {
    .stage__img {
        height: auto
    }
}

.stage__img--left {
    left: 0
}

.stage__img--right {
    right: 0;
    left: auto
}

.stage__img-wrapper {
    width: 100%;
    height: 100%
}

.stage__body {
    position: absolute;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .stage__body {
        width: 100%;
        bottom: 30px;
        margin-bottom: 105px;
        left: 0
    }
}

@media screen and (max-width: 670px) {
    .stage__body {
        bottom: 5%;
        margin-bottom: 20%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .stage__body {
        bottom: 5%;
        margin-bottom: 10%
    }
}

@media screen and (max-width: 1024px) {
    .stage__body h4 {
        font-size: 1.3em
    }
}

@media screen and (max-width: 670px) {
    .stage__body h4 {
        font-size: 16px
    }
}

.stage__body h2 {
    margin: 20px 0 10px
}

@media screen and (max-width: 670px) {
    .stage__body h2 {
        margin-top: 15px
    }
}

.stage__body a {
    color: #fff;
    transition: color .4s
}

.stage__body a:hover {
    color: #00398c
}

.stage__thumbs {
    transition: top .4s;
    top: 30%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    -webkit-transform-style: preserve-3d;
    position: absolute;
    right: 0;
    background-color: #fff;
    width: 340px;
    padding: 0 15px
}

@media screen and (max-width: 1024px) {
    .stage__thumbs {
        box-sizing: border-box;
        top: inherit;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: preserve-3d;
        width: 636px;
        left: 0;
        right: 0;
        bottom: -120px;
        margin: 0 auto;
        padding: 15px
    }
}

@media screen and (max-width: 670px) {
    .stage__thumbs {
        display: table;
        width: calc(100% - 14px);
        margin: 7px;
        padding: 0 0 0 7px;
        bottom: -60px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .stage__thumbs {
        width: calc(70% - 14px);
        margin: 7px 15%;
        bottom: -105px
    }
}

.stage__thumbs__triangle {
    position: absolute;
    top: 35px;
    left: -21px;
    display: block;
    width: 10px;
    height: 10px;
    transition: all .4s;
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 22px solid #fff
}

@media screen and (max-width: 1024px) {
    .stage__thumbs__triangle {
        top: -22px;
        left: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 22px solid #fff;
        border-top: none
    }
}

@media screen and (max-width: 670px) {
    .stage__thumbs__triangle {
        top: -18px
    }
}

@media screen and (max-width: 1024px) {
    .stage__thumbs ul {
        box-sizing: border-box
    }
}

@media screen and (max-width: 670px) {
    .stage__thumbs ul {
        display: table-row
    }
}

.stage__thumbs ul li {
    padding: 15px 0;
    border-bottom: 1px solid #c1c1c1
}

.stage__thumbs ul li:after {
    content: "";
    display: table;
    clear: both
}

.stage__thumbs ul li:last-child {
    border-bottom: none
}

@media screen and (max-width: 1024px) {
    .stage__thumbs ul li {
        display: inline-block;
        border: none;
        padding: 0;
        margin-right: 15px
    }

    .stage__thumbs ul li:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 670px) {
    .stage__thumbs ul li {
        width: 33%;
        display: table-cell;
        margin-right: 0;
        padding: 7px 7px 7px 0
    }
}

.stage__thumbs ul li picture {
    float: left;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden
}

.stage__thumbs ul li picture, .stage__thumbs ul li picture img {
    display: block;
    width: 90px;
    height: 90px
}

@media screen and (max-width: 1024px) {
    .stage__thumbs ul li picture img {
        width: 190px;
        height: auto
    }
}

@media screen and (max-width: 670px) {
    .stage__thumbs ul li picture img {
        width: 100%;
        max-width: 185px
    }
}

.stage__thumbs ul li picture:hover {
    display: block;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .stage__thumbs ul li picture {
        float: none;
        display: block;
        width: 189px;
        height: auto;
        margin-right: 0
    }
}

@media screen and (max-width: 670px) {
    .stage__thumbs ul li picture {
        width: 100%
    }
}

.stage__thumbs ul li h4 {
    font-size: 13px;
    letter-spacing: .1em
}

@media screen and (max-width: 1024px) {
    .stage__thumbs ul li h4 {
        display: none
    }
}

.stage__thumbs ul li h4 a {
    color: #717372
}

.stage__thumbs ul li h4 a:hover {
    color: #00398c
}

.stage__thumbs ul li h3 {
    margin-top: 10px;
    font-size: inherit
}

@media screen and (max-width: 1024px) {
    .stage__thumbs ul li h3 {
        display: none
    }
}

.stage__thumbs ul li h3 a {
    font-family: 'open_sanslight', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    transition: color .4s
}

.stage__thumbs ul li h3 a:hover {
    color: #00398c;
    text-decoration: none
}

.stage-image {
    position: relative;
    width: 100%;
    height: 526px;
    overflow: hidden
}

@media screen and (min-width: 1400px) {
    .stage-image {
        height: 650px
    }
}

@media screen and (max-width: 1024px) {
    .stage-image {
        height: 400px
    }
}

@media screen and (max-width: 670px) {
    .stage-image {
        height: 275px
    }
}

.stage-image__wrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

.stage-image__background {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d;
    position: absolute;
    display: block;
    z-index: 0
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .stage-image__background {
        height: auto
    }
}

@media screen and (min-width: 1720px) {
    .stage-image__background {
        height: auto
    }
}

.stage-image__body, .stage-image__packshot {
    display: none
}

.stage-image__copy {
    position: absolute;
    top: 10px;
    right: 2px;
    font-size: 11px;
    z-index: 1
}

@media screen and (min-width: 1025px) {
    .stage-image__copy {
        top: 35px
    }
}

.stage-image--right .stage-image__background {
    right: 0
}

.stage-image--right .stage-image__text {
    left: 0 !important;
    right: auto !important
}

.stage-image--left .stage-image__background {
    left: 0
}

.stage-image--left .stage-image__text {
    right: 0 !important;
    left: auto !important
}

.stage-image--center .stage-image__background {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d
}

.stage-image--with-margin {
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .stage-image--with-margin {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 670px) {
    .stage-image--with-margin {
        margin-bottom: 30px
    }
}

.stage-image--has-packshot .stage-image__packshot {
    display: block;
    height: calc((100% - 50px));
    padding-top: 33px;
    position: relative;
    z-index: 0;
    box-sizing: border-box
}

.stage-image--has-packshot .stage-image__packshot:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 1024px) {
    .stage-image--has-packshot .stage-image__packshot {
        padding-top: 0;
        margin: 0 53px;
        height: calc((100% - 70px))
    }
}

@media screen and (max-width: 670px) {
    .stage-image--has-packshot .stage-image__packshot {
        margin: 0;
        height: calc((100% - 60px))
    }
}

.stage-image--has-packshot .stage-image__packshot picture {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.stage-image--has-packshot .stage-image__packshot picture img {
    width: auto;
    max-height: 100%;
    position: absolute;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 360px) {
    .stage-image--has-packshot .stage-image__packshot picture img {
        max-height: 70%
    }
}

.stage-image--has-packshot.stage-image--right .stage-image__packshot picture img {
    right: auto;
    left: 0
}

.stage-image--has-heading .stage-image__body {
    display: block;
    height: calc((100% - 90px));
    padding-top: 33px;
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

.stage-image--has-heading .stage-image__body:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 1024px) {
    .stage-image--has-heading .stage-image__body {
        padding-top: 0;
        margin: 0 53px;
        height: calc((100% - 70px))
    }
}

@media screen and (max-width: 670px) {
    .stage-image--has-heading .stage-image__body {
        margin: 0 25px;
        height: calc((100% - 60px))
    }
}

.stage-image--has-heading .stage-image__body .stage-image__text {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%
}

@media screen and (max-width: 670px) {
    .stage-image--has-heading .stage-image__body .stage-image__text {
        top: auto;
        bottom: 15%;
        transform: none
    }
}

.stage-image--has-heading .stage-image__body .stage-image__text h1 {
    font-family: 'pt_sansregular', sans-serif;
    line-height: 110%
}

@media screen and (min-width: 1025px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h1 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 1024px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h1 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 670px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h1 {
        font-size: 2.462em
    }
}

.stage-image--has-heading .stage-image__body .stage-image__text h1:after {
    content: "";
    display: block;
    width: 140px;
    height: 2px;
    background-color: #000;
    margin-top: 10px;
    box-shadow: -2px 1px 3px 0 rgba(0, 0, 0, .44)
}

@media screen and (max-width: 1024px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h1:after {
        width: 105px
    }
}

@media screen and (max-width: 670px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h1:after {
        width: 65px
    }
}

.stage-image--has-heading .stage-image__body .stage-image__text h2 {
    margin-bottom: 30px;
    font-size: 18px;
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h2 {
        font-size: 1.3em
    }
}

@media screen and (max-width: 670px) {
    .stage-image--has-heading .stage-image__body .stage-image__text h2 {
        font-size: 16px
    }
}

.stage-image--has-heading .stage-image__body .stage-image__text h1, .stage-image--has-heading .stage-image__body .stage-image__text h2 {
    text-shadow: -3px 0 5px #000;
    text-shadow: -3px 0 5px rgba(0, 0, 0, .4)
}

.stage-image--has-heading .stage-image__body--white {
    color: #fff
}

.stage-image--has-heading .stage-image__body--white .stage-image__text h1:after {
    background-color: #fff;
    box-shadow: -2px 1px 3px 0 rgba(0, 0, 0, .44)
}

.stage-image--has-heading .stage-image__body--white .stage-image__text h1, .stage-image--has-heading .stage-image__body--white .stage-image__text h2 {
    text-shadow: -3px 0 5px #000;
    text-shadow: -3px 0 5px rgba(0, 0, 0, .4)
}

.stage-image.stage-image--adaptive {
    height: auto;
}
.stage-image--adaptive .stage-image__wrapper {
    position: relative;
}
.stage-image--adaptive .stage-image__background {
    width: 100%;
    position: relative;
}
.stage-image--adaptive.stage-image--has-packshot .stage-image__packshot,
.stage-image--adaptive.stage-image--has-heading .stage-image__body {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width:1024px) {
    .stage-image--adaptive.stage-image--has-packshot .stage-image__packshot,
    .stage-image--adaptive.stage-image--has-heading .stage-image__body {
      width: 500px;
      height: 100%;
    }
}
  
@media screen and (max-width: 670px) {
    .stage-image--adaptive.stage-image--has-packshot .stage-image__packshot,
    .stage-image--adaptive.stage-image--has-heading .stage-image__body {
      width: 350px;
      height: 100%;
    }  
}

.subsection {
    padding: 0 0 30px
}

.subsection:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 670px) {
    .subsection {
        padding: 0 10px 30px
    }
}

.subsection.no-bottom-padding {
    padding-bottom: 0
}

.subsection hr {
    display: block;
    margin: 0 auto 20px;
    width: 100px;
    height: 2px;
    border: none;
    background: #00398c
}

.subsection ol, .subsection ul {
    margin: 10px 60px;
    padding-right: 0;
    list-style-type: none;
    overflow: hidden;
    display: block;
    width: auto
}

@media screen and (max-width: 670px) {
    .subsection ol, .subsection ul {
        display: inline-block;
        margin: 10px 0;
        width: 100%
    }
}

.subsection ol li, .subsection ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    color: #7c7c7c;
    font-size: 18px;
    font-family: 'open_sanslight', sans-serif;
    counter-increment: a
}

@media screen and (max-width: 670px) {
    .subsection ol li, .subsection ul li {
        font-size: 16px
    }
}

.subsection ol li:before, .subsection ul li:before {
    position: absolute;
    left: 0;
    top: 1px;
    content: counter(a);
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    color: #fff;
    text-align: center;
    font-size: .85em;
    line-height: 22px;
    font-family: 'open_sansbold', sans-serif;
    border-radius: 11px;
    background-color: #00398c
}

.subsection ol li a, .subsection ul li a {
    color: #00398c
}

.subsection ol li a:hover, .subsection ul li a:hover {
    text-decoration: underline
}

.subsection ul {
    overflow: visible
}

.subsection ul li {
    list-style-type: disc;
    padding-left: 0
}

.subsection ul li:before {
    display: none
}

@media screen and (max-width: 670px) {
    .subsection ul {
        padding-left: 20px
    }
}

.subsection > figure {
    float: left;
    width: 227px;
    margin-right: 20px;
    overflow: hidden
}

@media screen and (max-width: 670px) and (orientation: portrait) {
    .subsection > figure {
        width: 100%;
        margin: 0 0 20px;
        float: left
    }
}

.subsection > figure img {
    width: 100%;
    display: block
}

@media screen and (max-width: 670px) {
    .subsection > figure img {
        width: 66%;
        margin: 0 auto
    }
}

.subsection > figure figcaption {
    color: #7c7c7c;
    font-size: 11px;
    line-height: 1.3em;
    padding-top: 8px
}

.subsection > figure figcaption span {
    font-family: 'open_sansbold', sans-serif;
    display: inline-block
}

@media screen and (max-width: 670px) {
    .subsection > figure figcaption span {
        line-height: 2em;
        display: block
    }
}

.subsection > figure figcaption:after {
    content: "";
    display: block;
    width: 60%;
    height: 2px;
    margin-top: 8px;
    background-color: #a2a5a4
}

@media screen and (max-width: 670px) {
    .subsection > figure figcaption:after {
        width: 82px
    }
}

.subsection footer {
    margin-top: 15px
}

.subsection footer a {
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase
}

.subsection footer a:hover {
    color: #00398c
}

.subsection--right > figure {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

@media screen and (max-width: 670px) {
    .subsection--right > figure {
        float: none;
        margin: 0 auto 20px
    }
}

@media screen and (max-width: 670px) {
    .subsection--floated-image > figure {
        float: right
    }
}

@media screen and (max-width: 670px) {
    .subsection--floated-image:not(.subsection--right) > figure {
        float: left
    }
}

.tags-container {
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .tags-container {
        margin-bottom: 90px
    }
}

@media screen and (max-width: 1024px) {
    .tags-container {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 670px) {
    .tags-container {
        margin-bottom: 65px
    }
}

.tags-container__list {
    padding: 8px 10px 16px 65px;
    color: #000;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase
}

@media screen and (max-width: 670px) {
    .tags-container__list {
        padding: 8px 10px 16px 55px
    }
}

.tags-container__list-label, .tags-container__list a {
    display: inline-block;
    line-height: 100%
}

.tags-container__list-label {
    color: #000
}

.tags-container__list a {
    font-family: 'open_sansbold', sans-serif;
    margin: 8px 0 0 10px;
    padding: 5px 10px;
    background-color: #e5e5e5;
    color: #717372;
    border-radius: 5px;
    display: inline-block;
    position: relative
}

.tags-container__list a:hover {
    color: #00398c
}

.tags-container ul {
    display: flex;
    margin: 0;
    padding: 0
}

.tags-container ul > li {
    justify-content: space-between;
    vertical-align: top
}

.tags-container ul > li:first-child {
    width: auto;
    margin-right: 10px
}

html[lang=cz] .tags-container ul > li a {
    font-family: Arial, sans-serif
}

.teasers-list {
    margin-top: 40px
}

.teasers-list.category-teasers, .teasers-list.teasers-list-wrapper {
    width: 1000px;
    margin: 0 auto 60px
}

@media screen and (max-width: 1024px) {
    .teasers-list.category-teasers, .teasers-list.teasers-list-wrapper {
        width: auto;
        margin: 0 auto 50px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list.category-teasers, .teasers-list.teasers-list-wrapper {
        margin: 0 auto 35px
    }
}

@media screen and (max-width: 1024px) {
    .teasers-list:not(.category-teasers):not(.teasers-list-wrapper) {
        margin-bottom: 50px;
        margin-top: -50px;
        padding-top: 50px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list:not(.category-teasers):not(.teasers-list-wrapper) {
        margin-bottom: 35px;
        margin-top: -35px;
        padding-top: 0;
        background-color: #fff
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list:not(.category-teasers):not(.teasers-list-wrapper) .grid-row {
        padding-bottom: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list:not(.category-teasers):not(.teasers-list-wrapper) .grid-row {
        padding: 0
    }
}

.teasers-list * {
    box-sizing: border-box
}

.teasers-list .grid-row {
    left: 0;
    padding: 20px
}

.teasers-list .grid-row:after {
    content: "";
    display: table;
    clear: both
}

.teasers-list .grid-row--left {
    left: -50px
}

@media screen and (max-width: 1024px) {
    .teasers-list .grid-row--left {
        left: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row--left .teaser--main {
        margin-left: -15px
    }
}

.teasers-list .grid-row--right {
    right: -50px
}

@media screen and (max-width: 1024px) {
    .teasers-list .grid-row--right {
        right: 0
    }
}

.teasers-list .grid-row--right .grid-col:first-child {
    float: right
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row--right .teaser--main {
        text-align: right;
        margin-right: -15px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row--right .teaser--main .teaser__inner {
        display: inline-block;
        text-align: left
    }
}

.teasers-list .grid-row--right .teaser--landscape .teaser__inner .teaser__content {
    margin-left: 13%;
    margin-right: 0
}

.teasers-list .grid-row--right .teaser--landscape-right .teaser__inner .teaser__content {
    margin-right: auto;
    margin-left: -50px
}

@media screen and (max-width: 1024px) {
    .teasers-list .grid-row--right .teaser--landscape-right .teaser__inner .teaser__content {
        margin-left: auto;
        margin-right: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row--right .teaser--landscape-right .teaser__inner .teaser__content {
        margin-left: 0;
        margin-right: auto
    }
}

.teasers-list .grid-row--right .teaser--landscape-action .teaser__promo {
    margin-left: -50px
}

@media screen and (max-width: 1024px) {
    .teasers-list .grid-row--right .teaser--landscape-action .teaser__promo {
        margin-left: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row--right .teaser--landscape-action .teaser__image {
        height: 60vw;
        max-height: 60vw
    }
}

.teasers-list .grid-row--right .teaser--landscape-action .teaser__image a img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scaleX(1);
    transform: translate3d(-50%, -50%, 0) scaleX(1);
    min-height: 100%;
    min-width: 0;
    height: 100%;
    width: auto
}

.teasers-list .grid-row--right .teaser--landscape-action .teaser__image a:hover img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05);
    transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .grid-row--switch-positon .grid-col:first-child {
    float: right
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row {
        padding-left: 0;
        padding-right: 0
    }

    .teasers-list .grid-row .col-sm-12 {
        margin-bottom: 20px
    }

    .teasers-list .grid-row .col-sm-12:last-child {
        margin-bottom: 0
    }
}

.teasers-list .grid-row .grid-col:nth-child(2n) .teaser--small .teaser__inner {
    text-align: right
}

@media screen and (max-width: 670px) {
    .teasers-list .grid-row .grid-col:nth-child(2n) .teaser--small .teaser__content {
        left: 0;
        right: inherit
    }
}

.teasers-list .teaser {
    position: relative
}

.teasers-list .teaser__inner > ul {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.teasers-list .teaser__inner > ul > li {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    cursor: pointer
}

.teasers-list .teaser__inner__tooltip {
    display: none;
    position: absolute;
    top: 48px;
    right: 5px;
    width: 120px;
    height: auto;
    padding: 5px;
    font-size: 10px;
    line-height: 12px;
    background: hsla(0, 0%, 100%, .7);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)
}

.teasers-list .teaser__inner__tooltip:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -5px;
    right: 9px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid hsla(0, 0%, 100%, .7)
}

.teasers-list .teaser__inner__tooltip.is-visible {
    display: block
}

.teasers-list .teaser__icon {
    position: absolute;
    display: block;
    top: 9px;
    right: 6px;
    z-index: 1
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__icon {
        top: 10px;
        right: 10px
    }
}

.teasers-list .teaser__icon--gallery {
    width: 29px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 42 30' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M.887 30h34.396V6.441H.887V30zM6.875 0v2.755h32.331v21.492h2.752V0H6.875z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__icon--gallery {
        width: 21px;
        height: 15px
    }
}

.teasers-list .teaser__icon--lamp {
    width: 25px;
    height: 40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 25 40' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8.206 37.526a4.742 4.742 0 0 0 8.33 0h-8.33zm8.701-6.598c.825 0 1.65-.825 1.65-1.65 0-7.01 6.185-7.962 6.185-16.907C24.742 5.54 19.203 0 12.372 0 5.538 0 0 5.539 0 12.371c0 8.945 6.186 9.898 6.186 16.907 0 .825.824 1.65 1.649 1.65h9.072zm.825 3.3a1.24 1.24 0 0 1-1.237 1.236H8.247a1.24 1.24 0 0 1-1.237-1.237c0-.68.557-1.237 1.237-1.237h8.248c.68 0 1.237.556 1.237 1.237z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__icon--lamp {
        width: 20px;
        height: 32px
    }
}

.teasers-list .teaser__icon--play {
    width: 33px;
    height: 33px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM9 17V7l9 5.146L9 17z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__icon--play {
        width: 25px;
        height: 25px
    }
}

.teasers-list .teaser__icon--temperature {
    width: 17px;
    height: 34px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 40' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8.357 36.826a4.447 4.447 0 0 1-4.442-4.443 4.4 4.4 0 0 1 1.855-3.6l1.319-.951.001-11.981a1.277 1.277 0 0 1 1.267-1.246c.687 0 1.254.56 1.267 1.246l.002 11.98 1.318.952a4.394 4.394 0 0 1 1.855 3.6 4.446 4.446 0 0 1-4.442 4.443m4.442-10.618V4.363h-.004a4.44 4.44 0 0 0-8.875 0h-.005v21.845a7.599 7.599 0 0 0-3.173 6.176 7.615 7.615 0 1 0 15.23 0 7.597 7.597 0 0 0-3.173-6.176zm1.216-20.422h5.657V4.655h-5.657v1.13zm0 6.788h5.657v-1.131h-5.657v1.13zm0 3.395h3.393v-1.13h-3.393v1.13zm0-6.788h3.393V8.048h-3.393v1.133zm0 10.183h5.657v-1.133h-5.657v1.133zm0 3.393h3.393v-1.131h-3.393v1.131z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__icon--temperature {
        width: 13px;
        height: 26px
    }
}

.teasers-list .teaser__more-link {
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase;
    color: #000
}

.teasers-list .teaser__more-link:hover {
    color: #00398c
}

.teasers-list .teaser__image {
    display: inline-block;
    width: 100%;
    z-index: 1;
    height: 40vw;
    max-height: 365px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__image {
        max-height: 350px;
        height: 70vw
    }
}

.teasers-list .teaser__image a img {
    transition: .4s;
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%
}

.teasers-list .teaser__image a:hover img {
    -webkit-transform: translateZ(0) scale3d(1.05, 1.05, 1.05);
    transform: translateZ(0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser__content {
    position: relative;
    z-index: 2;
    padding: 25px;
    background-color: #fff
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__content {
        padding: 15px
    }
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser__content h4 {
        font-size: 14px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__content h4 {
        font-size: 11px;
        margin-bottom: .4em
    }
}

.teasers-list .teaser__content h3 {
    font-family: 'pt_sansregular', sans-serif;
    font-size: 2.0em;
    line-height: 110%
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__content h3 {
        font-size: 1.923em
    }
}

.teasers-list .teaser__content h3 a:hover {
    color: #00398c
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__content h3 a:hover {
        color: #000
    }
}

.teasers-list .teaser__content hr {
    width: 30%;
    height: 2px;
    margin: 15px 0 0;
    background-color: #003a8a;
    border: none
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__content hr {
        margin-top: 10px
    }
}

.teasers-list .teaser__content p {
    margin-top: 15px;
    font-size: 16px
}

.teasers-list .teaser__content--gray p {
    text-align: left;
    color: #7c7c7c
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser__content--gray p {
        display: none
    }
}

.teasers-list .teaser--action .teaser__inner, .teasers-list .teaser--main .teaser__inner {
    padding: 25px;
    vertical-align: bottom;
    background-color: #000;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

@media screen and (max-width: 800px) {
    .teasers-list .teaser--action .teaser__inner, .teasers-list .teaser--main .teaser__inner {
        padding: 20px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--action .teaser__inner, .teasers-list .teaser--main .teaser__inner {
        width: 280px;
        height: auto;
        padding: 50px 40px 20px 20px;
        box-sizing: border-box
    }
}

.teasers-list .teaser--action .teaser__inner h1, .teasers-list .teaser--main .teaser__inner h1 {
    font-size: 3.462em;
    line-height: .9em;
    color: gray;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--action .teaser__inner h1, .teasers-list .teaser--main .teaser__inner h1 {
        font-size: 2.692em;
        word-wrap: normal
    }
}

.teasers-list .teaser--action .teaser__inner span, .teasers-list .teaser--main .teaser__inner span {
    display: block;
    font-family: 'open_sansbold', sans-serif;
    letter-spacing: .1em;
    color: #f3f3f3;
    text-transform: uppercase;
    padding: 4px 0 0
}

.teasers-list .teaser--action .teaser__inner h1, .teasers-list .teaser--action .teaser__inner span, .teasers-list .teaser--main .teaser__inner h1, .teasers-list .teaser--main .teaser__inner span {
    transition: color .4s
}

.teasers-list .teaser--action a:hover .teaser__inner h1, .teasers-list .teaser--action a:hover .teaser__inner span, .teasers-list .teaser--main a:hover .teaser__inner h1, .teasers-list .teaser--main a:hover .teaser__inner span {
    color: #00398c
}

.teasers-list .teaser--fixed {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    position: fixed;
    z-index: 4
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--action {
        text-align: right
    }
}

.teasers-list .teaser--action .teaser__inner {
    padding: 25px 15px;
    background-color: #00398c
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--action .teaser__inner {
        display: inline-block;
        text-align: left;
        width: 75%;
        padding: 70px 15px 20px;
        margin-right: -15px
    }
}

.teasers-list .teaser--action .teaser__inner span {
    color: #fff
}

.teasers-list .teaser--action .teaser__inner h1, .teasers-list .teaser--action a:hover .teaser__inner span {
    color: #acacac
}

.teasers-list .teaser--action a:hover .teaser__inner h1 {
    color: #fff
}

.teasers-list .teaser--landscape {
    position: relative
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .teasers-list .teaser--landscape {
        max-width: 615px;
        display: block;
        text-align: left;
        width: 100%
    }
}

.teasers-list .teaser--landscape .teaser__image {
    width: 100%;
    height: 30vw;
    max-height: 244px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape .teaser__image {
        max-height: 50vw;
        height: 50vw
    }
}

.teasers-list .teaser--landscape .teaser__image a img {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: 100%
}

.teasers-list .teaser--landscape .teaser__image a:hover img {
    transform: translate3d(0, -50%, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser--landscape .teaser__content {
    width: 65%;
    margin: -8% -50px 0 auto
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape .teaser__content {
        width: 91%;
        margin-right: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape .teaser__content {
        width: 87%;
        margin-right: 0
    }
}

.teasers-list .teaser--landscape-right .teaser__content {
    width: 65%;
    margin-right: auto;
    margin-left: -50px
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-right .teaser__content {
        width: 91%;
        margin-left: auto;
        margin-right: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-right .teaser__content {
        width: 87%;
        margin-left: 0;
        margin-right: auto
    }
}

.teasers-list .teaser--landscape-right-copy .teaser__inner .teaser__content {
    width: 80%;
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-right-copy .teaser__inner .teaser__content {
        width: 80%;
        margin-right: 10%;
        margin-left: 10%
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-right-copy .teaser__inner .teaser__content {
        width: 70%;
        margin-left: auto;
        margin-right: 10px
    }
}

.teasers-list .teaser--landscape-top-right {
    position: relative
}

.teasers-list .teaser--landscape-top-right .teaser__inner {
    padding-top: 5%
}

.teasers-list .teaser--landscape-top-right .teaser__content {
    position: absolute;
    top: 0;
    right: -40%;
    width: 100%;
    margin: 0;
    padding-left: 64%;
    z-index: 1
}

@media screen and (min-width: 1025px) {
    .teasers-list .teaser--landscape-top-right .teaser__content {
        right: -52.4%;
        padding-left: 52%
    }
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-top-right .teaser__content {
        right: -53%;
        padding-left: 55%
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-top-right .teaser__content {
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        margin-top: -50px;
        padding-top: 65px;
        padding-left: 15px
    }
}

.teasers-list .teaser--landscape-top-right .teaser__image {
    z-index: 2
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-top-right .teaser__image {
        width: 95%
    }
}

.teasers-list .teaser--landscape-action .teaser__image {
    width: 100%;
    z-index: 2
}

.teasers-list .teaser--landscape-action .teaser__content {
    width: 87%;
    margin: -45% 0 0 auto;
    padding-top: 48%;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-action .teaser__content {
        width: 87%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--landscape-action .teaser__content {
        width: 70%
    }
}

.teasers-list .teaser--landscape-action .teaser__promo {
    position: relative;
    display: inline-block;
    width: 82%
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-action .teaser__promo {
        width: 85%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--landscape-action .teaser__promo {
        width: 50%
    }
}

.teasers-list .teaser--landscape-action .teaser__promo-image {
    position: absolute;
    bottom: -20px;
    right: -83px;
    z-index: 3
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-action .teaser__promo-image {
        width: 150px;
        bottom: -15px;
        right: -60px
    }
}

.teasers-list .teaser--small .teaser__image {
    width: 100%;
    height: 30vw;
    max-height: 303px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--small .teaser__image {
        height: 28.5vw
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--small .teaser__image {
        width: 52.5%;
        height: 48.05vw;
        max-height: 48.05vw
    }
}

.teasers-list .teaser--small .teaser__image a img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0) scaleX(1);
    transform: translate3d(-50%, 0, 0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto
}

.teasers-list .teaser--small .teaser__image a:hover img {
    -webkit-transform: translate3d(-50%, 0, 0) scale3d(1.05, 1.05, 1.05);
    transform: translate3d(-50%, 0, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser--small .teaser__content {
    width: 85%;
    margin: -10% auto 0;
    padding: 15px;
    text-align: center
}

.teasers-list .teaser--small .teaser__content h4 {
    margin-bottom: 5px;
    color: #000
}

.teasers-list .teaser--small .teaser__content h3 {
    font-size: 1.615em
}

.teasers-list .teaser--small .teaser__content hr {
    display: none
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--small .teaser__content {
        width: 100%;
        margin: -4px 0 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--small .teaser__content {
        width: 52.5%;
        margin: 0;
        right: 0;
        position: absolute;
        padding: 6px 12px 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d
    }
}

.teasers-list .teaser--half-left hr {
    display: none
}

.teasers-list .teaser--half-left .teaser__inner {
    text-align: right
}

.teasers-list .teaser--half-left .teaser__image {
    width: 100%;
    height: 28vw;
    max-height: 280px;
    overflow: hidden
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--half-left .teaser__image {
        max-height: 50vw;
        height: 50vw
    }
}

.teasers-list .teaser--half-left .teaser__image a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scaleX(1);
    transform: translate3d(-50%, -50%, 0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    max-width: 120%;
    max-height: 300%
}

.teasers-list .teaser--half-left .teaser__image a:hover img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05);
    transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser--half-left .teaser__content {
    position: absolute;
    top: 90%;
    left: 0;
    width: 50%;
    text-align: left
}

.teasers-list .teaser--half-left .teaser__content h3 {
    font-size: 1.615em
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--half-left .teaser__content {
        width: 65%
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--half-left .teaser__content {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        margin-left: 10%;
        margin-top: -8%
    }
}

.teasers-list .teaser--half-right hr {
    display: none
}

.teasers-list .teaser--half-right .teaser__inner {
    text-align: right
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--half-right .teaser__inner {
        text-align: left
    }
}

.teasers-list .teaser--half-right .teaser__image {
    width: 100%;
    height: 23vw;
    max-height: 235px;
    overflow: hidden
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--half-right .teaser__image {
        max-height: 50vw;
        height: 50vw
    }
}

.teasers-list .teaser--half-right .teaser__image a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scaleX(1);
    transform: translate3d(-50%, -50%, 0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    max-width: 120%;
    max-height: 300%
}

.teasers-list .teaser--half-right .teaser__image a:hover img {
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05);
    transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser--half-right .teaser__content {
    position: absolute;
    bottom: -37%;
    left: 0;
    width: 70%;
    text-align: left
}

.teasers-list .teaser--half-right .teaser__content h3 {
    font-size: 1.615em
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--half-right .teaser__content {
        width: 90%;
        bottom: -45%
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--half-right .teaser__content {
        position: relative;
        bottom: auto;
        left: auto;
        margin: -8% 10% 0 0;
        width: 90%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--half-right .teaser__content {
        bottom: -90%;
        margin: -8% 0 0 20%;
        width: 80%
    }
}

.teasers-list .teaser--portrait .teaser__content {
    width: 85%;
    margin: -10% auto 0
}

.teasers-list .teaser--portrait .teaser__content--gray {
    width: 80%
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--portrait .teaser__content {
        width: 100%;
        margin: -4px 0 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--portrait .teaser__content {
        width: 75%;
        margin: -8% auto 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--portrait .teaser__content--gray {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--portrait .teaser__content {
        width: 52.5%;
        margin: 0;
        right: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d
    }
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .teasers-list .teaser--portrait {
        max-width: 615px;
        display: inline-block;
        text-align: left;
        width: 100%
    }
}

.teasers-list .teaser--portrait .teaser__image {
    height: 50vw;
    max-height: 470px
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--portrait .teaser__image {
        height: 45.6vw;
        max-height: 45.6vw
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--portrait .teaser__image {
        height: 89.6vw;
        max-height: 89.6vw
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--portrait .teaser__image {
        width: 52.5%;
        height: 48.05vw;
        max-height: 48.05vw
    }
}

.teasers-list .teaser--portrait .teaser__image a img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0) scaleX(1);
    transform: translate3d(-50%, 0, 0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto
}

.teasers-list .teaser--portrait .teaser__image a:hover img {
    -webkit-transform: translate3d(-50%, 0, 0) scale3d(1.05, 1.05, 1.05);
    transform: translate3d(-50%, 0, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser--portrait-small hr {
    display: none
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--portrait-small.teaser--bottom-padded {
        padding-bottom: 0 !important
    }
}

.teasers-list .teaser--portrait-small .teaser__image {
    display: inline-block;
    width: 70%;
    height: 50vw;
    max-height: 329px
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--portrait-small .teaser__image {
        width: 90%;
        height: 41.65vw;
        max-height: 41.65vw
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--portrait-small .teaser__image {
        width: 70%;
        height: 63.4vw;
        max-height: 63.4vw
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--portrait-small .teaser__image {
        width: 52.5%;
        height: 49.8vw;
        max-height: 49.8vw;
        margin-left: 11%
    }
}

.teasers-list .teaser--portrait-small .teaser__image a img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0) scaleX(1);
    transform: translate3d(-50%, 0, 0) scaleX(1);
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto
}

.teasers-list .teaser--portrait-small .teaser__image a:hover img {
    -webkit-transform: translate3d(-50%, 0, 0) scale3d(1.05, 1.05, 1.05);
    transform: translate3d(-50%, 0, 0) scale3d(1.05, 1.05, 1.05)
}

.teasers-list .teaser--portrait-small .teaser__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    right: 0;
    width: 45%
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--portrait-small .teaser__content {
        position: relative;
        width: 90%;
        margin: -10% 0 0 auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-style: preserve-3d
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--portrait-small .teaser__content {
        position: absolute;
        width: 45%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        right: 0;
        top: 70%
    }
}

.teasers-list .teaser--portrait-small .teaser__content h3 {
    font-size: 1.615em
}

.teasers-list .teaser--landscape-small .teaser__inner {
    text-align: right
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-small .teaser__inner {
        text-align: left;
        margin-top: 30px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-small .teaser__inner {
        text-align: left;
        margin-top: 0
    }
}

.teasers-list .teaser--landscape-small .teaser__image {
    display: inline-block;
    width: auto;
    max-height: 240px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-small .teaser__image {
        width: 56.6%
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-small .teaser__image {
        margin-left: 10%;
        width: 90%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--landscape-small .teaser__image {
        margin-left: 10%;
        width: 80%
    }
}

.teasers-list .teaser--landscape-small .teaser__content {
    width: 75%;
    margin: -7% 0 auto -7%
}

.teasers-list .teaser--landscape-small .teaser__content h4 {
    margin-bottom: 0
}

.teasers-list .teaser--landscape-small .teaser__content h3 {
    font-size: 1.615em;
    margin-top: 0
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--landscape-small .teaser__content {
        position: absolute;
        width: 50%;
        margin: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--landscape-small .teaser__content {
        position: relative;
        margin: -5% 0 0;
        width: 70%;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: preserve-3d
    }
}

.teasers-list .teaser--landscape-small hr {
    display: none
}

.teasers-list .teaser--product {
    position: relative
}

.teasers-list .teaser--product .teaser__image {
    max-height: none;
    height: auto
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--product .teaser__image {
        display: block
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--product .teaser__image {
        display: inline-block
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--product .teaser__image img {
        width: 180%
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--product .teaser__image img {
        width: 100%
    }
}

.teasers-list .teaser--product .teaser__image a img {
    min-height: 0
}

.teasers-list .teaser--product .teaser__image a:hover img {
    -webkit-transform: translateZ(0) scaleX(1);
    transform: translateZ(0) scaleX(1)
}

.teasers-list .teaser--product .teaser__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    right: 0;
    width: 50%;
    box-sizing: border-box;
    padding: 25px 2%;
    background-color: transparent;
    color: #fff;
    text-align: center;
    z-index: 2
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--product .teaser__content {
        position: relative;
        bottom: auto;
        right: auto;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-style: preserve-3d;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--product .teaser__content {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        width: 50%;
        box-sizing: border-box;
        padding: 0 1%;
        background-color: transparent !important;
        color: #fff;
        text-align: center;
        z-index: 2
    }
}

.teasers-list .teaser--product .teaser__content a, .teasers-list .teaser--product .teaser__content h3, .teasers-list .teaser--product .teaser__content h4, .teasers-list .teaser--product .teaser__content p {
    color: #fff
}

.teasers-list .teaser--product .teaser__content h4 {
    font-size: 18px
}

.teasers-list .teaser--product .teaser__content h3 a, .teasers-list .teaser--product .teaser__content h4 a {
    cursor: default;
    color: #000
}

.teasers-list .teaser--product .teaser__content h3 a:hover, .teasers-list .teaser--product .teaser__content h4 a:hover {
    color: #00398c;
    cursor: default
}

.teasers-list .teaser--product .teaser__content a:hover {
    color: #00398c
}

.teasers-list .teaser--product .teaser__content hr {
    display: none
}

.teasers-list .teaser--product .teaser__content h3 {
    text-transform: uppercase
}

@media screen and (min-width: 1025px) {
    .teasers-list .teaser--product .teaser__content h3 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--product .teaser__content h3 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--product .teaser__content h3 {
        font-size: 2.462em
    }
}

.teasers-list .teaser--product .teaser__content__more button {
    margin-top: 28px
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--product .teaser__content__more button {
        margin-top: 10px
    }
}

.teasers-list .teaser--red .teaser__content {
    background-color: #fff;
    border: 2px solid #00398c
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--red .teaser__content {
        width: 40%;
        right: 10%
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--red .teaser__content {
        width: 70%;
        right: auto
    }
}

.teasers-list .teaser--red .teaser__content a, .teasers-list .teaser--red .teaser__content a:hover, .teasers-list .teaser--red .teaser__content h3, .teasers-list .teaser--red .teaser__content h4 {
    color: #303e48
}

.teasers-list .teaser--bottom-padded {
    padding-bottom: 30px
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--bottom-padded {
        padding-bottom: 0
    }
}

.teasers-list .teaser--top-padded {
    margin-top: 40px
}

@media screen and (max-width: 800px) {
    .teasers-list .teaser--top-padded {
        margin-top: 40px
    }
}

@media screen and (max-width: 1024px) {
    .teasers-list .teaser--top-padded {
        margin-top: 60px
    }
}

@media screen and (max-width: 670px) {
    .teasers-list .teaser--top-padded {
        margin-top: 0
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .teasers-list .teaser--top-padded {
        margin-top: 20px
    }
}

.teasers-list .category-teasers__load-more {
    margin: 20px 0 30px
}

@media screen and (min-width: 1025px) and (max-height: 600px) {
    .teasers-list .grid-row .col-lg-6:first-child {
        text-align: right
    }
}

.teasers-list .teaser--main .teaser__inner h1.semi-font {
    font-size: 2.862em
}

.teasers-list .teaser--main .teaser__inner h1.small-font {
    font-size: 2.062em
}

.teasergroup {
    margin-top: 70px
}

.slider-video {
    margin-top: 10px
}

.slider-video__wrapper > div {
    display: none
}

.slider-video__wrapper > div.selected {
    margin-bottom: 15px;
    display: block
}

.slider-video .slider-bkg {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px
}

.slider-video .slider-bkg--white {
    position: relative
}

.slider-video .slider-bkg--white:before {
    content: "";
    position: absolute;
    display: block;
    margin-top: -10px;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0;
    background-color: #fff
}

.slider-video .slick-track {
    padding-top: 35px
}

.slider-video .slider__main {
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1200px
}

.slider-video .slider__main .video-slider {
    box-sizing: border-box;
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 45px
}

@media screen and (max-width: 1024px) {
    .slider-video .slider__main .video-slider {
        max-width: 90%;
        padding: 0 20px
    }
}

@media screen and (max-width: 670px) {
    .slider-video .slider__main .video-slider {
        max-width: 90%;
        padding: 0
    }
}

.slider-video .video-slider .slider-item {
    position: relative;
    outline: none;
    cursor: pointer;
    padding: 0 5px 3px
}

.slider-video .video-slider .slider-item img {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width: 1024px) {
    .slider-video .video-slider .slider-item img {
        height: auto
    }
}

@media screen and (max-width: 670px) {
    .slider-video .video-slider .slider-item img {
        width: 100%;
        max-width: 100%;
        height: auto
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .slider-video .video-slider .slider-item img {
        -webkit-transform: translateZ(0) scale(.8);
        transform: translateZ(0) scale(.8);
        -webkit-transform-style: preserve-3d
    }
}

.slider-video .video-slider .slider-item h3 {
    margin-top: 20px;
    padding: 0 10px;
    font-family: 'pt_sansregular', sans-serif;
    font-size: 1.615em;
    line-height: 114%;
    text-align: center;
    overflow: hidden;
    height: 75px
}

@media screen and (max-width: 1024px) {
    .slider-video .video-slider .slider-item h3 {
        padding: 0
    }
}

@media screen and (max-width: 670px) {
    .slider-video .video-slider .slider-item h3 {
        height: 57px;
        font-size: 19px
    }
}

.slider-video .video-slider .slider-item:hover img {
    border-bottom: 5px solid #00398c
}

.slider-video .video-slider .slider-item:hover h3 {
    margin-top: 15px;
    color: #00398c
}

.slider-video .video-slider .slider-item--selected img {
    border-bottom: 5px solid #00398c
}

.slider-video .video-slider .slider-item--selected h3 {
    margin-top: 15px;
    color: #00398c
}

.slider-video .video-slider .slider-item--selected:before {
    position: absolute;
    top: -35px;
    left: calc(50% - 15px);
    display: block;
    content: "";
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 22px solid #fff
}

.slider-video .video-slider__nav a {
    top: 33%
}

@media screen and (max-width: 670px) {
    .slider-video .video-slider__nav a {
        top: 40%
    }
}

@media screen and (max-width: 360px) {
    .slider-video .video-slider__nav a {
        top: 30%
    }
}

.video-single-hero {
    position: relative;
    padding: 70px 0 0;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .video-single-hero {
        margin-bottom: 90px
    }
}

@media screen and (max-width: 1024px) {
    .video-single-hero {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 670px) {
    .video-single-hero {
        margin-bottom: 65px;
        padding: 0 20px 30px
    }
}

.video-single-hero__header {
    margin-bottom: 25px;
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1025px) {
    .video-single-hero__header {
        padding: 0 120px
    }
}

@media screen and (max-width: 670px) {
    .video-single-hero__header {
        margin: 40px 0 10px
    }
}

.video-single-hero__header a, .video-single-hero__header h1, .video-single-hero__header h4 {
    color: #fff
}

.video-single-hero__header h4 {
    font-family: 'open_sansbold', sans-serif;
    font-size: 18px;
    text-transform: uppercase
}

.video-single-hero__header h1 {
    font-family: 'pt_sansregular', sans-serif
}

@media screen and (min-width: 1025px) {
    .video-single-hero__header h1 {
        font-size: 5.385em
    }
}

@media screen and (max-width: 1024px) {
    .video-single-hero__header h1 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 670px) {
    .video-single-hero__header h1 {
        font-size: 2.462em
    }
}

.video-single-hero .video-single {
    width: 680px;
    height: 382px;
    margin: 0 auto;
    padding: 0;
    z-index: 1
}

@media screen and (max-width: 800px) {
    .video-single-hero .video-single {
        width: 640px;
        height: 359px
    }
}

@media screen and (max-width: 670px) {
    .video-single-hero .video-single {
        width: 100%;
        height: auto
    }
}

.video-single-hero .video-single--hero {
    padding-bottom: 0
}

@media screen and (max-width: 670px) {
    .video-single-hero .video-single--hero {
        padding-bottom: 56%
    }
}

.video-single-hero .video-single .vjs-big-play-button {
    display: none;
    top: calc((50% - 63px));
    left: calc((50% - 63px));
    display: block;
    width: 125px;
    height: 125px;
    margin: 15px auto 0;
    cursor: pointer;
    outline: none;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    transition: transform .4s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='125' height='125' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM9 17V7l9 5.146L9 17z'/%3E%3C/svg%3E");
    border: none
}

.video-single-hero .video-single .vjs-big-play-button .span, .video-single-hero .video-single .vjs-big-play-button:before, .video-single-hero .video-single .vjs-big-play-button > span {
    display: none
}

.video-single-hero .video-single .vjs-big-play-button:focus, .video-single-hero .video-single .vjs-big-play-button:hover {
    background-color: transparent;
    -webkit-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .video-single-hero .video-single .vjs-big-play-button {
        width: 100px;
        height: 100px;
        top: calc((50% - 50px));
        left: calc((50% - 50px));
        background-size: 97px, 97px
    }
}

@media screen and (max-width: 670px) {
    .video-single-hero .video-single .vjs-big-play-button {
        width: 72px;
        height: 72px;
        top: calc((50% - 36px));
        left: calc((50% - 36px));
        background-size: 70px, 70px
    }
}

.video-single-hero__background {
    width: 100%;
    height: 548px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

@media screen and (max-width: 800px) {
    .video-single-hero__background {
        height: 520px
    }
}

@media screen and (max-width: 670px) {
    .video-single-hero__background {
        height: 75%
    }
}

.video-single {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 50px;
    height: 0
}

@media screen and (max-width: 1024px) {
    .video-single {
        margin-bottom: 30px
    }
}

.video-single .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}

@media screen and (max-width: 1024px) {
    .video-single .video-js {
        min-width: auto;
        min-height: auto;
        margin-left: 0
    }
}

.video-single .video-js .vjs-poster {
    outline: none;
    background-position: 50%
}

.video-single .video-js .vjs-poster:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: .5;
    top: 0;
    left: 0
}

.video-single .video-js:hover .vjs-big-play-button {
    background-color: transparent
}

.video-single .video-js .vjs-big-play-button, .video-single .video-js.vjs-has-started .vjs-big-play-button, .video-single .video-js.vjs-has-started ~ h3 {
    display: none
}

.video-single > h3 {
    display: none;
    position: absolute;
    width: calc(100% - 40px);
    padding: 0 20px;
    font-family: 'pt_sansregular', sans-serif;
    line-height: 116%;
    color: #fff;
    text-align: center;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d
}

.video-single > h3.is-visible {
    display: block
}

@media screen and (min-width: 1025px) {
    .video-single > h3 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 1024px) {
    .video-single > h3 {
        font-size: 3.462em
    }
}

@media screen and (max-width: 670px) {
    .video-single > h3 {
        font-size: 2.154em
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .video-single > h3 {
        font-size: 3.462em
    }
}

.video-single > h3 .vjs-big-play-button {
    display: none;
    top: calc((50% - 63px));
    left: calc((50% - 63px));
    display: block;
    width: 125px;
    height: 125px;
    margin: 15px auto 0;
    cursor: pointer;
    outline: none;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    transition: transform .4s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='125' height='125' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM9 17V7l9 5.146L9 17z'/%3E%3C/svg%3E");
    border: none
}

.video-single > h3 .vjs-big-play-button .span, .video-single > h3 .vjs-big-play-button:before, .video-single > h3 .vjs-big-play-button > span {
    display: none
}

.video-single > h3 .vjs-big-play-button:focus, .video-single > h3 .vjs-big-play-button:hover {
    background-color: transparent;
    -webkit-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .video-single > h3 .vjs-big-play-button {
        width: 100px;
        height: 100px;
        top: calc((50% - 50px));
        left: calc((50% - 50px));
        background-size: 97px, 97px
    }
}

@media screen and (max-width: 670px) {
    .video-single > h3 .vjs-big-play-button {
        width: 72px;
        height: 72px;
        top: calc((50% - 36px));
        left: calc((50% - 36px));
        background-size: 70px, 70px
    }
}

.video-single > h3 span {
    max-height: 243px;
    display: block;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .video-single > h3 span {
        max-height: 172px
    }
}

@media screen and (max-width: 670px) {
    .video-single > h3 span {
        max-height: 65px
    }
}

.video-single--oversized {
    padding-bottom: 78.25%
}

@media screen and (max-width: 1024px) {
    .video-single--oversized {
        padding-bottom: 67.25%
    }
}

@media screen and (max-width: 670px) {
    .video-single--oversized {
        width: 80%;
        margin: 0 auto 30px;
        padding-bottom: 70.25%
    }
}

.video-single--oversized .video-js {
    min-width: 962px;
    min-height: 541px;
    margin-left: -150px
}

@media screen and (max-width: 1024px) {
    .video-single--oversized .video-js {
        min-width: 0;
        min-height: 0;
        width: calc((100% - -146px));
        margin-left: -73px
    }
}

@media screen and (max-width: 670px) {
    .video-single--oversized .video-js {
        width: calc((100% - -76px));
        margin-left: -38px
    }
}

.video-single--oversized h3 {
    min-width: 902px;
    margin-left: -150px
}

@media screen and (max-width: 1024px) {
    .video-single--oversized h3 {
        min-width: 0;
        margin-left: auto
    }
}

@media screen and (min-width: 1025px) {
    .video-single--oversized h3 {
        font-size: 3.846em
    }
}

@media screen and (max-width: 1024px) {
    .video-single--oversized h3 {
        font-size: 3.462em
    }
}

@media screen and (max-width: 670px) {
    .video-single--oversized h3 {
        font-size: 2.154em
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .video-single--oversized h3 {
        font-size: 3.462em
    }
}

@media screen and (max-width: 670px) {
    .productfinder main {
        overflow-x: hidden
    }
}

.productfinder__teaser {
    width: 100%;
    position: relative
}

.productfinder__teaser .productfinder__products {
    float: none
}

@media screen and (max-width: 670px) {
    .productfinder__teaser .productfinder__products {
        padding: 25px 0 0
    }
}

.productfinder__teaser .productfinder__products-load-more {
    margin: 20px 0 90px
}

@media screen and (max-width: 1024px) {
    .productfinder__teaser .productfinder__products-load-more {
        margin: 20px 0 80px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__teaser .productfinder__products-load-more {
        margin: 20px 0 65px
    }
}

.productfinder__teaser .productfinder__categories {
    margin-top: 10px
}

.productfinder__categories {
    position: relative;
    background-color: #000
}

@media screen and (max-width: 670px) {
    .productfinder__categories:before {
        content: " ";
        position: absolute;
        left: 90vw;
        height: 100%;
        width: 10vw;
        top: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0, #000 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a000000", endColorstr="#000000", GradientType=1)
    }
}

.productfinder__categories-info {
    padding: 20px 0;
    color: #fff;
    font-size: 18px;
    position: relative;
    margin: 0 auto;
    width: 820px;
    box-sizing: border-box;
    z-index: 11
}

@media screen and (max-width: 1024px) {
    .productfinder__categories-info {
        margin: 0;
        padding: 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__categories-info {
        min-height: 95px;
        padding: 20px 20px 10px
    }
}

.productfinder__categories-info.is-hidden {
    display: none
}

.productfinder__categories-wrapper {
    margin: 0 auto;
    width: 820px;
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .productfinder__categories-wrapper {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__categories-wrapper {
        width: auto;
        overflow: hidden;
        padding: 0 0 0 20px;
        clear: none;
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }
}

.productfinder__categories-list {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    list-style: none
}

@media screen and (max-width: 670px) {
    .productfinder__categories-list {
        width: 236.5vw;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden
    }
}

.productfinder__categories-category {
    padding: 0 3% 0 0;
    margin: 0 0 20px;
    line-height: 100%;
    width: 30%;
    color: gray;
    display: inline-block;
    font-family: 'pt_sansregular', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 3.846em
}

.productfinder__categories-category.semi-font {
    font-size: 2.862em
}

.productfinder__categories-category.small-font {
    font-size: 2.062em
}

.productfinder__categories-category.is-hidden {
    display: none
}

@media screen and (max-width: 1024px) {
    .productfinder__categories-category {
        font-size: 3.077em
    }
}

@media screen and (max-width: 670px) {
    .productfinder__categories-category {
        clear: none;
        position: relative;
        padding: 0 14vw 0 0;
        margin: 0 0 10px;
        width: auto;
        max-width: 70vw;
        white-space: normal;
        box-sizing: border-box
    }
}

.productfinder__categories-category.is-active, .productfinder__categories-category:hover {
    color: #fff
}

.productfinder__gender {
    width: 100%;
    position: relative;
    background-color: #000;
    margin-top: -3px;
    padding: 3px 0 30px;
    display: none;
    min-height: 30px;
    overflow: hidden
}

.productfinder__gender.is-active {
    display: block
}

.productfinder__gender-wrapper {
    margin: 0 auto;
    width: 820px;
    height: 30px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .productfinder__gender-wrapper {
        margin: 0 0 0 20px;
        padding: 0;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__gender-wrapper {
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 670px) {
    .productfinder__gender-wrapper:before {
        content: " ";
        position: absolute;
        left: 90vw;
        height: 100%;
        width: 10vw;
        top: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0, #000 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a000000", endColorstr="#000000", GradientType=1)
    }
}

.productfinder__gender-list {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    top: 3px;
    list-style: none;
    transition: all .4s;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .productfinder__gender-list {
        left: 20px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__gender-list {
        position: relative;
        top: 0;
        left: auto;
        display: inline-block;
        text-align: center
    }
}

.productfinder__gender-entry {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0 30px 0 0;
    float: left
}

@media screen and (max-width: 670px) {
    .productfinder__gender-entry {
        float: none
    }
}

.productfinder__gender-entry span {
    text-transform: uppercase;
    line-height: 100%;
    padding: 5px 10px;
    background-color: #e5e5e5;
    font-size: 18px;
    color: #717372;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'open_sansbold', sans-serif;
    float: left;
    transition: all .4s
}

.productfinder__gender-entry span:before {
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    right: -23px;
    bottom: 0
}

.productfinder__gender-entry span:hover {
    color: #00398c
}

.productfinder__gender-entry span:hover.is-inactive {
    background-color: #e5e5e5;
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__gender-entry span.is-active {
    background-color: #00398c;
    color: #fff
}

.productfinder__gender-entry span.is-active.is-inactive {
    background-color: #e5e5e5;
    color: #717372;
    opacity: .33;
    cursor: default
}

.productfinder__gender-entry span.is-active.female:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-41 100.9 512 567.9'%3E%3Cpath fill='%23fff' d='M380 194.4c-29.4-44.9-88.7-77.7-153.3-78.5h-3.1c-51.2.2-105.4 20.7-150.5 71.2-103 115.5-55.1 270.5-27 327.7C74.2 572 60.6 627.1 60.6 627.1s120.7 17.7 119.6-117.6c0 0-83.2-31.2-66.6-168.5 0 0 13.5-5.2 21.8-5.2 0 0-2.1-37.4 12.5-55.1 0 0-1 40.6 1 52l26-2.1s0-21.9 4.2-36.4c0 0 7.3 27 7.3 34.3l58.7-1h11s44.7 0 60.3 15.6c0 0 15.6 119.6-70.7 166.4 0 0-15.6 117.6 126.9 117.6 0 0-16.6-47.9 19.8-132.1 36.5-84.3 40.6-219.5-12.4-300.6z'/%3E%3C/svg%3E");
    background-size: 30px 30px;
    background-position: 0;
    background-repeat: no-repeat
}

.productfinder__gender-entry span.is-active.male:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-247 358.9 100 107.4'%3E%3Cpath fill='%23fff' d='M-167.5 380.5c-9-16.2-19.9-9.7-19.9-9.7s-7.2-9.7-23.9-4.4c-16.7 5.3-23 22.9-22.8 28.3.3 5.1 3 17.5 6.9 21 .8 5.8 2.3 17 3.9 23.7 2.2 9.4 11 20.7 24.2 20.7 13.1 0 21.9-11.3 24.2-20.7 1.9-7.9 3.7-21.9 4.2-26.2 1.5-2.1 11.5-17.7 3.2-32.7zm-38 59.2l-5-6.7c.7-.5 1.5-.9 2-1 1.1-.2 2.5.1 3.9.3 2.1.2 4.6.7 5.5-.6.5.4.9.9 1.5 1 1.1.2 2.6-.1 3.9-.3 1.4-.1 2.9-.5 4.1-.3.4.1 1.1.5 1.4.6l.3.2-5 6.7-12.6.1zm20.7-10.6c-.1-.1-.1-.2-.2-.2-.1-.2-.2-.2-.3-.3-.6-.8-1.7-1.8-2.4-2.3 0 0-.5-.4-.6-.5-1.5-1-3-1.8-5-2.2-.9-.2-1.9-.4-2.7-.3-1.1.2-1.9.9-2.9 1.4-.4-.3-.9-.5-1.4-.8-.5-.3-1-.7-1.5-.8-.6-.1-1.3.1-1.9.1-2 .2-3.6.9-4.8 1.7-.3.1-1.3.7-1.4.8l-.5.5c-.9.6-1.7 1.5-2.3 2.3-.2.3-.4.5-.5.7l-12.5-16.7c.6-4.6 1.6-12.2 1.4-16.7 0 0 30.2 5.1 40.2-6.3 0 0 4.1 15.8 11.8 22.9l-12.5 16.7z'/%3E%3C/svg%3E");
    background-size: 30px 30px;
    background-position: 0;
    background-repeat: no-repeat
}

.productfinder__gender-entry span.is-active.child:before, .productfinder__gender-entry span.is-active.kids:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-247 370.9 100 79.3'%3E%3Cpath fill='%23fff' d='M-242 405.4c.1-.1 5.5-7.9 8.1-11.6l-.3 2.2c4.7-.9 8-4 10.2-7.1 0 .1.1.1.1.2-2.1 4.4-3.2 9.8-2.5 16.3l-.2.2c-2.3 2.7-1.8 6.5-1 9.4 1.3 5.1 3.5 7.8 5.7 9.2.6 2 5.4 9.6 6.4 10.7 2.7 3 11.2 11.1 22.8 8.7l1.2-.3c.3-.1.7-.2 1.1-.3.7-.2 1.3-.5 1.9-.7.5-.2 1-.4 1.6-.7.4-.2.7-.4 1-.6.5-.3 1.1-.6 1.6-1 2.2-1.4 3.5-2.7 5.4-4.6s6.1-9.5 6.6-11.3c2.1-1.4 4.3-4 5.7-9.2.8-3 1.3-6.8-1-9.4l-.2-.2c.7-6.5-.4-11.8-2.4-16.2.1-.1.2-.2.2-.4 2.2 3 5.6 6.2 10.2 7.1l-.3-2.2c2.6 3.8 8 11.5 8.1 11.6.3-12-3.9-17.2-5.1-18.6-6-5.4-12-5.4-14.7-5.1-1-.8-2.2-1.3-3.5-1.3-.4 0-.8.1-1.2.1-3.4-3.1-7.2-5.1-10.2-6.1h-.2c-2.9-.8-5.8-1.2-8.4-1.2-.6 0-1.2 0-1.8.1-.6 0-1.2-.1-1.7-.1-2.6 0-5.5.4-8.4 1.2h-.2c-3 .9-6.7 2.9-10.1 6.1-.4-.1-.7-.1-1.1-.1-1.3 0-2.6.5-3.5 1.3-2.7-.4-8.6-.3-14.7 5.1-1.4 1.6-5.6 6.8-5.2 18.8zm19.2 4.2l2.3 2.1 2.2 6.8s-1.5-19.2 8.9-20.6c0 0 11 11.3 24.6 13.8 0 0-2.9-5.4-5.4-10.3 0 0 7.9 8.8 14.8 10.3 0 0 1-1.3 2.1-3.3.2 0 .4-.1.6-.1 1 0 2.3.8 1 5.8-1.6 6.4-4.4 6.8-5 6.8h-.1s-.1 1.7-1.1 4.2c-1.4 3.8-4.4 9.2-10.9 12.5-1.6.9-3.2 1.5-4.7 1.8h-.1c-1.3.3-2.5.4-3.8.4-14.6 0-19.6-18.9-19.6-18.9h-.1c-.7 0-3.4-.4-5-6.8-.8-2.3-.9-3.6-.7-4.5z'/%3E%3C/svg%3E");
    background-size: 30px 30px;
    background-position: 0;
    background-repeat: no-repeat
}

.productfinder__gender-entry span.is-inactive {
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__gender-entry span.female:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-41 100.9 512 567.9'%3E%3Cpath fill='%23717372' d='M380 194.4c-29.4-44.9-88.7-77.7-153.3-78.5h-3.1c-51.2.2-105.4 20.7-150.5 71.2-103 115.5-55.1 270.5-27 327.7C74.2 572 60.6 627.1 60.6 627.1s120.7 17.7 119.6-117.6c0 0-83.2-31.2-66.6-168.5 0 0 13.5-5.2 21.8-5.2 0 0-2.1-37.4 12.5-55.1 0 0-1 40.6 1 52l26-2.1s0-21.9 4.2-36.4c0 0 7.3 27 7.3 34.3l58.7-1h11s44.7 0 60.3 15.6c0 0 15.6 119.6-70.7 166.4 0 0-15.6 117.6 126.9 117.6 0 0-16.6-47.9 19.8-132.1 36.5-84.3 40.6-219.5-12.4-300.6z'/%3E%3C/svg%3E")
}

.productfinder__gender-entry span.female:before, .productfinder__gender-entry span.male:before {
    background-size: 30px 30px;
    background-position: 0;
    background-repeat: no-repeat;
    background-position: 0 100%
}

.productfinder__gender-entry span.male:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-247 358.9 100 107.4'%3E%3Cpath fill='%23717372' d='M-167.5 380.5c-9-16.2-19.9-9.7-19.9-9.7s-7.2-9.7-23.9-4.4c-16.7 5.3-23 22.9-22.8 28.3.3 5.1 3 17.5 6.9 21 .8 5.8 2.3 17 3.9 23.7 2.2 9.4 11 20.7 24.2 20.7 13.1 0 21.9-11.3 24.2-20.7 1.9-7.9 3.7-21.9 4.2-26.2 1.5-2.1 11.5-17.7 3.2-32.7zm-38 59.2l-5-6.7c.7-.5 1.5-.9 2-1 1.1-.2 2.5.1 3.9.3 2.1.2 4.6.7 5.5-.6.5.4.9.9 1.5 1 1.1.2 2.6-.1 3.9-.3 1.4-.1 2.9-.5 4.1-.3.4.1 1.1.5 1.4.6l.3.2-5 6.7-12.6.1zm20.7-10.6c-.1-.1-.1-.2-.2-.2-.1-.2-.2-.2-.3-.3-.6-.8-1.7-1.8-2.4-2.3 0 0-.5-.4-.6-.5-1.5-1-3-1.8-5-2.2-.9-.2-1.9-.4-2.7-.3-1.1.2-1.9.9-2.9 1.4-.4-.3-.9-.5-1.4-.8-.5-.3-1-.7-1.5-.8-.6-.1-1.3.1-1.9.1-2 .2-3.6.9-4.8 1.7-.3.1-1.3.7-1.4.8l-.5.5c-.9.6-1.7 1.5-2.3 2.3-.2.3-.4.5-.5.7l-12.5-16.7c.6-4.6 1.6-12.2 1.4-16.7 0 0 30.2 5.1 40.2-6.3 0 0 4.1 15.8 11.8 22.9l-12.5 16.7z'/%3E%3C/svg%3E")
}

.productfinder__gender-entry span.child:before, .productfinder__gender-entry span.kids:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-247 370.9 100 79.3'%3E%3Cpath fill='%23717372' d='M-242 405.4c.1-.1 5.5-7.9 8.1-11.6l-.3 2.2c4.7-.9 8-4 10.2-7.1 0 .1.1.1.1.2-2.1 4.4-3.2 9.8-2.5 16.3l-.2.2c-2.3 2.7-1.8 6.5-1 9.4 1.3 5.1 3.5 7.8 5.7 9.2.6 2 5.4 9.6 6.4 10.7 2.7 3 11.2 11.1 22.8 8.7l1.2-.3c.3-.1.7-.2 1.1-.3.7-.2 1.3-.5 1.9-.7.5-.2 1-.4 1.6-.7.4-.2.7-.4 1-.6.5-.3 1.1-.6 1.6-1 2.2-1.4 3.5-2.7 5.4-4.6s6.1-9.5 6.6-11.3c2.1-1.4 4.3-4 5.7-9.2.8-3 1.3-6.8-1-9.4l-.2-.2c.7-6.5-.4-11.8-2.4-16.2.1-.1.2-.2.2-.4 2.2 3 5.6 6.2 10.2 7.1l-.3-2.2c2.6 3.8 8 11.5 8.1 11.6.3-12-3.9-17.2-5.1-18.6-6-5.4-12-5.4-14.7-5.1-1-.8-2.2-1.3-3.5-1.3-.4 0-.8.1-1.2.1-3.4-3.1-7.2-5.1-10.2-6.1h-.2c-2.9-.8-5.8-1.2-8.4-1.2-.6 0-1.2 0-1.8.1-.6 0-1.2-.1-1.7-.1-2.6 0-5.5.4-8.4 1.2h-.2c-3 .9-6.7 2.9-10.1 6.1-.4-.1-.7-.1-1.1-.1-1.3 0-2.6.5-3.5 1.3-2.7-.4-8.6-.3-14.7 5.1-1.4 1.6-5.6 6.8-5.2 18.8zm19.2 4.2l2.3 2.1 2.2 6.8s-1.5-19.2 8.9-20.6c0 0 11 11.3 24.6 13.8 0 0-2.9-5.4-5.4-10.3 0 0 7.9 8.8 14.8 10.3 0 0 1-1.3 2.1-3.3.2 0 .4-.1.6-.1 1 0 2.3.8 1 5.8-1.6 6.4-4.4 6.8-5 6.8h-.1s-.1 1.7-1.1 4.2c-1.4 3.8-4.4 9.2-10.9 12.5-1.6.9-3.2 1.5-4.7 1.8h-.1c-1.3.3-2.5.4-3.8.4-14.6 0-19.6-18.9-19.6-18.9h-.1c-.7 0-3.4-.4-5-6.8-.8-2.3-.9-3.6-.7-4.5z'/%3E%3C/svg%3E");
    background-size: 30px 30px;
    background-position: 0;
    background-repeat: no-repeat;
    background-position: 0 100%
}

.productfinder__brands {
    width: 100%;
    position: relative;
    background-color: gray;
    padding: 10px 0 15px;
    display: none;
    min-height: 35px
}

@media screen and (max-width: 670px) {
    .productfinder__brands:before {
        content: " ";
        position: absolute;
        left: 90vw;
        height: 100%;
        width: 10vw;
        top: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(90deg, hsla(0, 0%, 50%, .1) 0, gray 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a808080", endColorstr="#808080", GradientType=1)
    }
}

.productfinder__brands.is-active {
    display: inline-block
}

.productfinder__brands-wrapper {
    margin: 0 auto;
    width: 820px;
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .productfinder__brands-wrapper {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__brands-wrapper {
        width: auto;
        overflow: hidden;
        padding: 0 20px;
        clear: none;
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }
}

.productfinder__brands-wrapper-indicator {
    width: 0;
    height: 0;
    top: -24px;
    left: 75px;
    margin-left: 5px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid gray;
    display: block;
    position: absolute;
    transition: all .25s
}

@media screen and (max-width: 1024px) {
    .productfinder__brands-wrapper-indicator {
        margin-left: 30px
    }
}

.productfinder__brands-list {
    width: 100%;
    height: auto;
    display: block;
    list-style: none
}

@media screen and (max-width: 670px) {
    .productfinder__brands-list {
        width: auto;
        display: inline-block;
        position: relative;
        white-space: nowrap;
        overflow: hidden
    }
}

.productfinder__brands-entry {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 8px 20px 0 0
}

.productfinder__brands-entry span {
    line-height: 100%;
    padding: 5px 10px;
    margin: 0;
    background-color: #e5e5e5;
    font-size: 18px;
    color: #717372;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'open_sansbold', sans-serif;
    display: inline-block;
    position: relative;
    transition: all .25s
}

.productfinder__brands-entry span:hover {
    color: #00398c
}

.productfinder__brands-entry span:hover.is-inactive {
    background-color: #e5e5e5;
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__brands-entry span.is-active {
    background-color: #00398c;
    color: #fff
}

.productfinder__brands-entry span.is-active.is-inactive {
    background-color: #e5e5e5;
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__brands-entry span.is-inactive {
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__filter {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 12px 0 20px;
    display: none;
    min-height: 40px
}

@media screen and (max-width: 670px) {
    .productfinder__filter {
        padding: 10px 0
    }
}

@media screen and (max-width: 670px) {
    .productfinder__filter:before {
        content: " ";
        position: absolute;
        left: 90vw;
        height: 100%;
        width: 10vw;
        top: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 0, #fff 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1affffff", endColorstr="#ffffff", GradientType=1)
    }
}

.productfinder__filter.is-active {
    display: block
}

.productfinder__filter-wrapper {
    margin: 0 auto;
    width: 820px;
    height: auto;
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .productfinder__filter-wrapper {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__filter-wrapper {
        width: auto;
        overflow: hidden;
        padding: 0 20px;
        clear: none;
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }
}

.productfinder__filter-list {
    width: 100%;
    display: table;
    position: relative;
    list-style: none
}

@media screen and (max-width: 670px) {
    .productfinder__filter-list {
        width: auto;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden
    }
}

.productfinder__filter-entry {
    position: relative;
    width: auto;
    display: table-cell;
    margin: 0 0 10px
}

@media screen and (max-width: 670px) {
    .productfinder__filter-entry {
        display: inline-block
    }
}

.productfinder__filter-entry-dropdown {
    width: auto;
    display: block;
    line-height: 140%;
    padding: 10px 30px 5px 0;
    border-bottom: 2px solid #00398c;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    float: left;
    transition: all .25s
}

@media screen and (max-width: 670px) {
    .productfinder__filter-entry-dropdown {
        margin: 0 60px 0 0
    }
}

.productfinder__filter-entry-dropdown:before {
    content: " ";
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M0 .9L1 0l6.5 6.2L14 0l1 .9L7.5 8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    right: 0;
    bottom: 7px;
    position: absolute;
    transition: all .25s
}

.productfinder__filter-entry-dropdown.is-active, .productfinder__filter-entry-dropdown:hover {
    border-bottom: 2px solid #fff
}

.productfinder__filter-entry-dropdown.is-active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-style: preserve-3d;
    transform-origin: center center
}

.productfinder__subfilter {
    width: 100%;
    position: relative;
    background-color: gray;
    padding: 10px 0 15px;
    display: none;
    min-height: 35px
}

@media screen and (max-width: 670px) {
    .productfinder__subfilter:before {
        content: " ";
        position: absolute;
        left: 90vw;
        height: 100%;
        width: 10vw;
        top: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(90deg, hsla(0, 0%, 50%, .1) 0, gray 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a808080", endColorstr="#808080", GradientType=1)
    }
}

.productfinder__subfilter.is-active {
    display: block
}

.productfinder__subfilter-wrapper {
    margin: 0 auto;
    width: 820px;
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .productfinder__subfilter-wrapper {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__subfilter-wrapper {
        width: auto;
        overflow: hidden;
        padding: 0 20px;
        clear: none;
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }
}

.productfinder__subfilter-wrapper-indicator {
    width: 0;
    height: 0;
    top: -24px;
    left: 45px;
    margin-left: -5px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid gray;
    display: block;
    position: absolute;
    transition: all .25s
}

.productfinder__subfilter-list {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    list-style: none
}

@media screen and (max-width: 670px) {
    .productfinder__subfilter-list {
        width: auto;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden
    }
}

.productfinder__subfilter-entry {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 8px 20px 0 0
}

.productfinder__subfilter-entry span {
    line-height: 100%;
    padding: 5px 10px;
    margin: 0;
    background-color: #e5e5e5;
    color: #717372;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'open_sansbold', sans-serif;
    display: inline-block;
    position: relative;
    transition: all .25s
}

.productfinder__subfilter-entry span.has-image {
    padding: 5px 10px 5px 35px
}

.productfinder__subfilter-entry span img {
    max-height: 100%;
    max-width: 100%;
    left: 0;
    top: 0;
    height: auto;
    position: absolute;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.productfinder__subfilter-entry span:hover {
    color: #00398c
}

.productfinder__subfilter-entry span:hover.is-inactive {
    background-color: #e5e5e5;
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__subfilter-entry span.is-active {
    background-color: #00398c;
    color: #fff
}

.productfinder__subfilter-entry span.is-active.is-inactive {
    background-color: #e5e5e5;
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__subfilter-entry span.is-inactive {
    color: #717372;
    cursor: default;
    opacity: .33
}

.productfinder__activefilter {
    width: 100%;
    position: relative;
    padding: 30px 0 10px
}

@media screen and (max-width: 670px) {
    .productfinder__activefilter:before {
        content: " ";
        position: absolute;
        left: 90vw;
        height: 100%;
        width: 10vw;
        top: 0;
        display: block;
        z-index: 10;
        background: linear-gradient(90deg, hsla(0, 0%, 95%, .1) 0, #f3f3f3 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1af3f3f3", endColorstr="#f3f3f3", GradientType=1)
    }
}

@media screen and (max-width: 670px) {
    .productfinder__activefilter {
        padding: 20px 0 10px
    }
}

.productfinder__activefilter-wrapper {
    margin: 0 auto;
    width: 1000px;
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .productfinder__activefilter-wrapper {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__activefilter-wrapper {
        width: auto;
        overflow: hidden;
        padding: 0 20px;
        clear: none;
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll
    }
}

.productfinder__activefilter-list {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    list-style: none
}

@media screen and (max-width: 670px) {
    .productfinder__activefilter-list {
        width: auto;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden
    }
}

.productfinder__activefilter-entry {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 8px 20px 0 0
}

.productfinder__activefilter-entry span {
    line-height: 100%;
    padding: 5px 30px 5px 10px;
    margin: 0;
    background-color: #00398c;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'open_sansbold', sans-serif;
    display: inline-block;
    position: relative
}

.productfinder__activefilter-entry span:after, .productfinder__activefilter-entry span:before {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 2px;
    right: 6px;
    background-color: #fff
}

.productfinder__activefilter-entry span:before {
    top: 3px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    -webkit-transform-style: preserve-3d
}

.productfinder__activefilter-entry span:after {
    top: 33px;
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
    -webkit-transform-style: preserve-3d
}

.productfinder__products {
    width: 100%;
    position: relative;
    padding: 0;
    margin-top: 75px;
    margin-bottom: 75px;
    float: left;
    background-color: #cadbea;
    overflow-x: hidden
}

@media screen and (max-width: 670px) {
    .productfinder__products {
        margin-top: 25px
    }
}

.productfinder__products#static-list {
    margin-top: -100px
}

@media screen and (max-width: 1024px) {
    .productfinder__products#static-list {
        margin-top: -100px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products#static-list {
        margin-top: -75px
    }
}

.productfinder__products#static-list .productfinder__products-list {
    margin-top: 25px
}

@media screen and (max-width: 1024px) {
    .productfinder__products#static-list .productfinder__products-list {
        margin-top: 20px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products#static-list .productfinder__products-list {
        margin-top: 0
    }
}

.productfinder__products-wrapper {
    margin: 0 auto;
    width: 1000px;
    position: relative;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .productfinder__products-wrapper {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-wrapper {
        padding: 0
    }
}

.productfinder__products-list {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    display: block;
    list-style: none
}

.productfinder__products-entry {
    position: relative;
    width: auto;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0 25px;
    border-right: 1px solid #f3f3f3;
    width: 25%;
    height: auto;
    min-height: 430px;
    float: left;
    overflow: hidden
}

.productfinder__products-entry:first-child {
    border-left: 1px solid #f3f3f3
}

@media screen and (max-width: 1024px) {
    .productfinder__products-entry {
        width: 33.33%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry {
        width: 50%;
        min-height: unset
    }
}

.productfinder__products-entry:hover figure img {
    -webkit-transform: translate(-50%) scale(1.05);
    transform: translate(-50%) scale(1.05);
    -webkit-transform-style: preserve-3d
}

.productfinder__products-entry dt {
    font-family: 'open_sansbold', sans-serif
}

.productfinder__products-entry a {
    display: block;
    background-color: #fff;
    padding-bottom: 35px
}

.productfinder__products-entry a:hover .productfinder__products-details {
    color: #00398c
}

.productfinder__products-entry figure {
    width: 100%;
    height: 355px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    clear: left;
    box-sizing: border-box;
    position: relative;
    margin: 0
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry figure {
        height: 215px
    }
}

.productfinder__products-entry figure img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    transition: .25s;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transform-style: preserve-3d;
    bottom: 0
}

.productfinder__products-entry.entry-flag {
    display: none;
    padding: 0;
    border-right-color: #fff;
    z-index: 100;
    overflow: visible
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry.entry-flag {
        height: auto;
        width: 100%;
        background-color: transparent;
        margin: 0 0 30px
    }
}

.productfinder__products-entry.entry-flag .category-flag {
    width: 250px;
    text-align: left;
    top: -24px;
    left: -30px;
    position: absolute;
    background-color: #000;
    display: block;
    padding: 280px 25px 25px;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

@media screen and (max-width: 1024px) {
    .productfinder__products-entry.entry-flag .category-flag {
        top: -19px;
        left: -20px;
        width: 185px;
        padding: 200px 20px 20px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry.entry-flag .category-flag {
        top: 0;
        left: 0;
        margin-left: -20px;
        position: relative;
        width: 280px;
        padding: 20px 40px 0 20px;
        float: left;
        box-sizing: border-box;
        background-color: transparent
    }
}

.productfinder__products-entry.entry-flag .category-flag h1 {
    color: gray;
    display: inline-block;
    font-family: 'pt_sansregular', sans-serif;
    text-transform: uppercase;
    font-size: 3.462em;
    word-wrap: normal;
    line-height: 90%
}

@media screen and (max-width: 1024px) {
    .productfinder__products-entry.entry-flag .category-flag h1 {
        font-size: 3.077em
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry.entry-flag .category-flag h1 {
        font-size: 1.923em;
        font-family: 'open_sansbold', sans-serif
    }
}

.productfinder__products-entry.entry-flag .category-flag h1.semi-font {
    font-size: 2.862em
}

.productfinder__products-entry.entry-flag .category-flag h1.small-font {
    font-size: 2.062em
}

.productfinder__products-entry.entry-flag .category-flag.headroom--not-top {
    position: fixed;
    top: -255px
}

@media screen and (max-width: 1024px) {
    .productfinder__products-entry.entry-flag .category-flag.headroom--not-top {
        top: -170px
    }
}

.productfinder__products-entry.entry-flag.right {
    padding: 0;
    box-sizing: content-box;
    margin-left: -1px
}

.productfinder__products-entry.entry-flag.right .category-flag {
    left: auto;
    right: -55px
}

@media screen and (max-width: 1024px) {
    .productfinder__products-entry.entry-flag.right .category-flag {
        left: auto;
        right: -20px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry.entry-flag.right .category-flag {
        top: 0;
        left: 0;
        margin-right: -20px
    }
}

@media screen and (max-width: 1024px) {
    .productfinder__products-entry.hide-for-medium-down {
        display: none
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-entry.hide-for-small {
        display: none
    }
}

.productfinder__products-details {
    padding: 0 20px;
    margin: 0;
    width: 100%;
    color: #7f8392;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    vertical-align: bottom;
    box-sizing: border-box;
    clear: left;
    transition: all .25s
}

.productfinder__products a img, .productfinder__products a p {
    outline: none;
    color: #7f8392;
    text-decoration: none
}

.productfinder__products a:hover p {
    color: #00398c
}

.productfinder__products-load-more {
    margin: 0 0 80px;
    width: 100%;
    float: left;
    display: block
}

@media screen and (max-width: 1024px) {
    .productfinder__products-load-more {
        margin: 0 0 60px
    }
}

@media screen and (max-width: 670px) {
    .productfinder__products-load-more {
        margin: 0 0 30px
    }
}

.productfinder__preloader {
    width: 100%;
    position: relative;
    padding: 0;
    float: left;
    background-color: #f3f3f3;
    overflow-x: hidden
}

.productfinder__preloader-body {
    margin: 0 auto 40px;
    width: 1000px;
    background-color: #fff;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    box-sizing: border-box;
    height: 460px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .productfinder__preloader-body {
        width: 100%
    }
}

@media screen and (max-width: 670px) {
    .productfinder__preloader-body {
        height: 320px
    }
}

.productfinder footer {
    float: left;
    width: 100%
}

.page {
    clear: both;
    margin-bottom: 40px !important;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    padding: 60px 80px 35px;
    box-sizing: border-box
}

.page.no-bottom-margin {
    margin-bottom: 0 !important
}

.page > header {
    overflow: hidden
}

.page > header h1:after {
    margin-left: auto;
    margin-right: auto
}

.page > header hr {
    width: 30%;
    height: 2px;
    background-color: #00398c;
    border: 0;
    float: left;
    margin: 40px 0 0
}

.page > header hr:after {
    content: "";
    display: block;
    clear: both
}

.page > header.product-category hr {
    float: none;
    margin: 20px auto
}

.page > header p {
    clear: both
}

.page .slider-data-ref {
    transition: .4s;
    text-align: center
}

.page .slider-data-ref > h1, .page .slider-data-ref > span {
    transition: .25s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-style: preserve-3d
}

.page .slider-data-ref.is-active > h1, .page .slider-data-ref.is-active > span {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .page {
        margin-left: 53px;
        margin-right: 53px;
        padding: 60px 60px 35px
    }
}

@media screen and (max-width: 670px) {
    .page {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 25px;
        padding: 25px 1em 10px
    }
}

.page--toppadded {
    margin-top: -90px
}

@media screen and (max-width: 1024px) {
    .page--toppadded {
        margin-top: -70px
    }
}

@media screen and (max-width: 670px) {
    .page--toppadded {
        margin-top: -60px
    }
}

.page--highlighted {
    padding: 80px 80px 50px;
    border: 5px solid #00398c
}

@media screen and (max-width: 1024px) {
    .page--highlighted {
        padding: 60px 60px 30px
    }
}

@media screen and (max-width: 670px) {
    .page--highlighted {
        border-width: 3px;
        padding: 1em 1em 10px
    }
}

.page--with-subnav {
    z-index: 105;
    position: relative;
    padding-top: 64px
}

@media screen and (max-width: 1024px) {
    .page--with-subnav {
        padding-top: 110px
    }
}

@media screen and (max-width: 670px) {
    .page--with-subnav {
        padding-top: 25px
    }
}

.page h1 {
    text-transform: uppercase
}

.page h1, .page h2, .page h3 {
    color: #303e48
}

.page > header:first-child {
    padding-bottom: 30px
}

@media screen and (max-width: 670px) {
    .page > header:first-child {
        padding-bottom: 1.65em
    }
}

.page > header:first-child h1 {
    line-height: 100%
}

@media screen and (min-width: 1025px) {
    .page > header:first-child h1 {
        font-size: 4.185em
    }
}

@media screen and (max-width: 1024px) {
    .page > header:first-child h1 {
        font-size: 2.846em
    }
}

@media screen and (max-width: 670px) {
    .page > header:first-child h1 {
        font-size: 1.762em
    }
}

.page > header:first-child h1:after {
    content: "";
    display: none;
    width: 140px;
    height: 2px;
    margin-top: 20px;
    background-color: #545454
}

@media screen and (max-width: 670px) {
    .page > header:first-child h1:after {
        width: 100px
    }
}

.page > header:first-child p {
    padding: 2.5em 0 0;
    font-size: 18px
}

@media screen and (max-width: 670px) {
    .page > header:first-child p {
        padding-top: 1.25em
    }
}

.page__subnav-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 240
}

.page__subnav-wrapper.headroom--not-top {
    position: fixed;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    z-index: 204
}

.page__subnav-wrapper.headroom--not-top .page__subnav-choice {
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom--not-top .page__subnav-choice {
        padding: 0 63px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom--not-top .page__subnav-choice {
        padding: 0 35px
    }
}

.page__subnav-wrapper.headroom--not-top .page__subnav-choice span {
    padding-right: 35px;
    width: auto;
    float: right
}

.page__subnav-wrapper.headroom {
    background-color: #cbd1d2
}

.page__subnav-wrapper.headroom .page__subnav {
    position: relative;
    top: auto;
    left: auto;
    width: 820px;
    padding: 0 80px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom .page__subnav {
        position: absolute;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        top: 50px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom .page__subnav {
        padding: 0 15px
    }
}

.page__subnav-wrapper--black.headroom {
    background-color: #000
}

.page__subnav-wrapper.headroom--unpinned:not(.is-active), .page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened), .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav {
    transition: transform .75s;
    -webkit-transform: translateY(-166%);
    transform: translateY(-166%);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav {
        padding: 0 63px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav {
        padding: 0 35px
    }
}

.page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav-logo, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav-logo {
    display: block
}

.page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav-choice, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav-choice {
    transition: transform .75s;
    -webkit-transform: translateY(-166%);
    transform: translateY(-166%);
    -webkit-transform-style: preserve-3d;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav-choice, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav-choice {
        padding: 0 63px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav-choice, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav-choice {
        padding: 0 35px
    }
}

.page__subnav-wrapper.headroom--unpinned:not(.is-active) .page__subnav-choice-logo, .page__subnav-wrapper.headroom--unpinned:not(.is-menu-opened) .page__subnav-choice-logo {
    display: block
}

.page__subnav-wrapper.headroom--pinned:not(.is-active), .page__subnav-wrapper.headroom--pinned:not(.is-active) .page__subnav, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened), .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened) .page__subnav {
    transition: transform .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom--pinned:not(.is-active) .page__subnav, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened) .page__subnav {
        padding: 0 20px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom--pinned:not(.is-active) .page__subnav, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened) .page__subnav {
        padding: 0 15px
    }
}

.page__subnav-wrapper.headroom--pinned:not(.is-active) .page__subnav-choice, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened) .page__subnav-choice {
    transition: transform .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-style: preserve-3d
}

.page__subnav-wrapper.headroom--pinned:not(.is-active).headroom--not-top, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened).headroom--not-top {
    transition: transform .4s
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom--pinned:not(.is-active).headroom--not-top .page__subnav, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened).headroom--not-top .page__subnav {
        padding: 0 73px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom--pinned:not(.is-active).headroom--not-top .page__subnav, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened).headroom--not-top .page__subnav {
        padding: 0 35px
    }
}

.page__subnav-wrapper.headroom--pinned:not(.is-active).headroom--not-top .page__subnav-logo, .page__subnav-wrapper.headroom--pinned:not(.is-menu-opened).headroom--not-top .page__subnav-logo {
    display: block
}

@media screen and (max-width: 1024px) {
    .page__subnav-wrapper.headroom--not-top .page__subnav {
        padding: 0 73px
    }
}

@media screen and (max-width: 670px), screen and (max-width: 670px) and (orientation: landscape) {
    .page__subnav-wrapper.headroom--not-top .page__subnav {
        padding: 0 35px
    }
}

.page__subnav-wrapper.headroom--not-top .page__subnav-logo {
    display: block
}

.page__subnav-wrapper * {
    box-sizing: border-box
}

.page__subnav-logo {
    padding: 5px 0;
    position: absolute;
    display: none;
    height: 30px;
    z-index: 105
}

@media screen and (max-width: 1024px) {
    .page__subnav-logo {
        padding: 5px 0 5px 53px;
        float: left;
        position: relative;
        height: 40px
    }
}

@media screen and (max-width: 670px) {
    .page__subnav-logo {
        padding: 5px 0 5px 25px
    }
}

.page__subnav-logo img {
    max-height: 30px;
    height: 30px;
    width: auto
}

@media screen and (max-width: 1024px) {
    .page__subnav-logo img {
        max-height: 40px;
        height: 40px
    }
}

.page__subnav-choice {
    display: none;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .page__subnav-choice {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #cbd1d2;
        font-size: 16px;
        font-family: 'open_sansbold', sans-serif;
        color: #000;
        text-transform: uppercase;
        line-height: 50px;
        padding: 0 10px
    }

    .is-active .page__subnav-choice {
        color: #7a7f80
    }

    .is-active .page__subnav-choice span {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M15 7.1L14 8 7.5 1.8 1 8l-1-.9L7.5 0'/%3E%3C/svg%3E")
    }

    .is-active .page__subnav-choice span, .page__subnav-choice span {
        background-repeat: no-repeat;
        background-position: 50%;
        background-position: 100%;
        background-size: 15px 8px
    }

    .page__subnav-choice span {
        display: block;
        width: 100%;
        padding-right: 20px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M0 .9L1 0l6.5 6.2L14 0l1 .9L7.5 8'/%3E%3C/svg%3E");
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.page__subnav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 80px;
    background-color: #cbd1d2
}

.page__subnav:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 1024px) {
    .page__subnav {
        display: none;
        top: 50px;
        padding: 0 10px
    }
}

.page__subnav > li {
    position: relative;
    float: left;
    margin-right: 45px;
    text-align: left;
    white-space: nowrap
}

@media screen and (max-width: 1024px) {
    .page__subnav > li {
        margin-right: 0
    }
}

.page__subnav > li:first-child {
    padding-left: 0
}

.page__subnav > li:last-child {
    padding-right: 0
}

@media screen and (max-width: 1024px) {
    .page__subnav > li:last-child {
        border-bottom: none
    }
}

@media screen and (max-width: 1024px) {
    .page__subnav > li {
        float: none;
        padding: 0;
        min-width: auto;
        text-align: left;
        border-bottom: 1px solid #c1c1c1
    }
}

.page__subnav > li .list-item-link {
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    color: #000;
    text-transform: uppercase;
    transition: none
}

.page__subnav > li .list-item-link.is-active, .page__subnav > li .list-item-link:hover {
    color: #7a7f80
}

@media screen and (max-width: 1024px) {
    .page__subnav > li .list-item-link.is-active, .page__subnav > li .list-item-link:hover {
        color: #000
    }
}

.page__subnav > li .list-item-link.page__subnav-item.is-active, .page__subnav > li .list-item-link.page__subnav-item.is-active:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237a7f80' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M15 7.1L14 8 7.5 1.8 1 8l-1-.9L7.5 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-position: 100%
}

.page__subnav > li > a {
    margin-right: 20px;
    line-height: 40px;
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    color: #000;
    text-transform: uppercase;
    transition: none
}

.page__subnav > li > a.is-active, .page__subnav > li > a:hover {
    color: #7a7f80
}

@media screen and (max-width: 1024px) {
    .page__subnav > li > a.is-active, .page__subnav > li > a:hover {
        color: #000
    }
}

.page__subnav > li > a.page__subnav-item.is-active, .page__subnav > li > a.page__subnav-item.is-active:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237a7f80' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M15 7.1L14 8 7.5 1.8 1 8l-1-.9L7.5 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-position: 100%
}

.page__subnav > li > a.page__subnav-item {
    margin-right: 0;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M0 .9L1 0l6.5 6.2L14 0l1 .9L7.5 8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 13px 7px
}

.page__subnav > li > a.page__subnav-item:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237a7f80' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M0 .9L1 0l6.5 6.2L14 0l1 .9L7.5 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-position: 100%
}

@media screen and (max-width: 1024px) {
    .page__subnav > li > a {
        display: block;
        padding: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 40px;
        background-size: 15px 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.page__subnav > li > ul {
    display: none;
    position: absolute;
    margin-top: -5px;
    min-width: 125px;
    text-align: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-style: preserve-3d;
    z-index: 200
}

@media screen and (max-width: 1024px) {
    .page__subnav > li > ul {
        position: relative;
        border: none;
        margin-top: 0;
        min-width: auto
    }
}

.page__subnav > li > ul > li {
    background-color: #cbd1d2
}

.page__subnav > li > ul > li a {
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    color: #000;
    text-transform: uppercase;
    transition: none;
    display: inline-block;
    padding: 0 8px;
    line-height: 30px;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: .25s
}

.page__subnav > li > ul > li a.is-active, .page__subnav > li > ul > li a:hover {
    color: #7a7f80
}

@media screen and (max-width: 1024px) {
    .page__subnav > li > ul > li a.is-active, .page__subnav > li > ul > li a:hover {
        color: #000
    }
}

.page__subnav > li > ul > li a.page__subnav-item.is-active, .page__subnav > li > ul > li a.page__subnav-item.is-active:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237a7f80' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M15 7.1L14 8 7.5 1.8 1 8l-1-.9L7.5 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-position: 100%
}

.page__subnav > li > ul > li a:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .page__subnav > li > ul > li a {
        display: block;
        padding: 0 0 0 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.page__subnav--black {
    background-color: #000
}

.page__subnav--black > li > a {
    color: #fff
}

.page__subnav--black > li > a.page__subnav-item {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' preserveAspectRatio='XmidYmin' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M0 .9L1 0l6.5 6.2L14 0l1 .9L7.5 8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 13px 7px
}

.page__subnav--black > li > ul > li {
    background-color: #000
}

.page__subnav--black > li > ul > li a {
    color: #fff
}

.article .content > body > main > article, .article body > main > article {
    overflow: hidden;
    position: relative;
    padding-bottom: 150px
}

@media screen and (max-width: 1024px) {
    .article .content > body > main > article, .article body > main > article {
        padding-bottom: 200px
    }
}

@media screen and (max-width: 670px) {
    .article .content > body > main > article, .article body > main > article {
        padding-bottom: 200px
    }
}

@media screen and (max-width: 1024px) {
    .article > article .row {
        width: auto;
        max-width: auto;
        margin-left: 53px;
        margin-right: 53px
    }
}

.column-section:after {
    content: "";
    display: table;
    clear: both
}

.column-section .subsection, .column-section > * {
    float: left;
    box-sizing: border-box;
    padding-right: 3%
}

@media screen and (max-width: 670px) {
    .column-section .subsection, .column-section > * {
        padding-right: 0
    }
}

.column-section .subsection:last-child, .column-section > :last-child {
    padding-right: 0
}

.column-section--two-cols > * {
    width: 49.9%
}

@media screen and (max-width: 670px) {
    .column-section--two-cols > * {
        width: 100%
    }
}

.content .appslinks {
    padding: 0 0 30px
}

.content .appslinks li {
    float: none;
    width: auto
}

.content .appslinks li.appstore a {
    width: 150px;
    margin-left: 10px
}

.brand .header__breadcrumbs {
    display: none
}

@media screen and (max-width: 670px) {
    .brand .page {
        margin-left: 7px;
        margin-right: 7px
    }
}

.brand .teaser__content h3 a:after {
    display: none
}

.brand .teasers-list.teasers-list-wrapper {
    margin-bottom: 0
}

.brand .stage {
    height: 526px
}

@media screen and (min-width: 1400px) {
    .brand .stage {
        height: 650px
    }
}

@media screen and (max-width: 1024px) {
    .brand .stage {
        height: 400px;
        margin-bottom: 180px
    }
}

@media screen and (max-width: 670px) {
    .brand .stage {
        height: 275px;
        margin-bottom: 115px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .brand .stage {
        height: 275px
    }
}

.brand .stage h2 {
    font-size: 3.077em
}

@media screen and (max-width: 1024px) {
    .brand .stage h2 {
        line-height: 75px
    }
}

@media screen and (max-width: 670px) {
    .brand .stage h2 {
        font-size: 25px !important;
        line-height: 50px
    }
}

.brand .stage .stage__img-wrapper {
    height: 526px
}

@media screen and (min-width: 1400px) {
    .brand .stage .stage__img-wrapper {
        height: 650px
    }
}

@media screen and (max-width: 1024px) {
    .brand .stage .stage__img-wrapper {
        height: 400px
    }
}

@media screen and (max-width: 670px) {
    .brand .stage .stage__img-wrapper {
        height: 275px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .brand .stage .stage__img-wrapper {
        height: 275px
    }
}

@media screen and (max-width: 1024px) {
    .brand .stage .stage__body {
        bottom: auto;
        margin: 0;
        top: 15px;
        right: 0;
        left: auto;
        text-align: right
    }
}

@media screen and (max-width: 670px) {
    .brand .stage .stage__body {
        bottom: auto;
        margin: 0;
        top: 15px;
        right: 0;
        left: auto;
        text-align: right
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .brand .stage .stage__body {
        top: 15px;
        bottom: auto;
        margin: 0;
        right: 0;
        left: auto;
        text-align: right
    }
}

.brand .stage .stage__thumbs {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 1024px) {
    .brand .stage .stage__thumbs {
        transform: none;
        top: auto;
        bottom: -165px
    }
}

@media screen and (max-width: 670px) {
    .brand .stage .stage__thumbs {
        max-width: 350px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform-style: preserve-3d;
        bottom: -110px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .brand .stage .stage__thumbs {
        bottom: -100px;
        margin: 0
    }
}

.brand .stage .stage-image__packshot {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 526px
}

.brand .stage .stage-image__packshot:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 1400px) {
    .brand .stage .stage-image__packshot {
        height: 650px
    }
}

@media screen and (max-width: 1024px) {
    .brand .stage .stage-image__packshot {
        height: 400px
    }
}

@media screen and (max-width: 670px) {
    .brand .stage .stage-image__packshot {
        height: 275px
    }
}

@media screen and (max-width: 670px) and (orientation: landscape) {
    .brand .stage .stage-image__packshot {
        height: 275px
    }
}

.brand .stage .stage-image__packshot picture {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

.brand .stage .stage-image__packshot picture img {
    backface-visibility: hidden;
    width: auto;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.brand .stage .stage-image__packshot.center picture img, .brand .stage .stage-image__packshot.right picture img {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media screen and (max-width: 1024px) {
    .brand .stage .stage-image__packshot.right picture img {
        left: auto;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.brandsteasergroup .teasers-list .teaser--main .teaser__inner h1 {
    font-size: 2.692em
}

@media screen and (max-width: 1024px) {
    .brandsteasergroup .teasers-list .teaser--main .teaser__inner h1 {
        font-size: 2.462em
    }
}

@media screen and (max-width: 670px) {
    .brandsteasergroup .teasers-list .teaser--main .teaser__inner h1 {
        font-size: 1.923em
    }
}

.brandsteasergroup .teasers-list .teaser__content p {
    margin-top: 0
}

.brandsteasergroup .teasers-list .teaser__content h3, .brandsteasergroup .teasers-list .teaser__content hr {
    display: none
}

.section-article--striked {
    font-size: 18px;
    margin-top: 50px
}

.brand-overview {
    margin-top: 50px !important
}

.brand-overview main {
    padding-bottom: 90px
}

.brand-overview__row {
    margin-top: 40px
}

@media screen and (max-width: 670px) {
    .brand-overview__col:nth-of-type(odd) {
        padding-right: 2px
    }

    .brand-overview__col:nth-of-type(2n) {
        padding-left: 2px
    }
}

.brand-overview .teaser__image {
    max-height: 270px !important
}

@media screen and (max-width: 670px) {
    .brand-overview .teaser__image {
        width: 100% !important;
        height: 45vw !important
    }
}

.brand-overview .teasers-list .teaser--small .teaser__image a img {
    width: 100%;
    height: auto
}

.category__list, .category__subcategory-list {
    padding: 0;
    margin-top: 25px;
    font-size: 16px;
    list-style: none
}

.category__list li, .category__subcategory-list li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px
}

.category__list li.checkbox.is-inactive, .category__subcategory-list li.checkbox.is-inactive {
    opacity: .33
}

.category__list li.checkbox input[type=checkbox] + label, .category__list li.checkbox input[type=radio] + label, .category__subcategory-list li.checkbox input[type=checkbox] + label, .category__subcategory-list li.checkbox input[type=radio] + label {
    position: relative;
    display: block;
    line-height: 100%;
    background-image: none;
    margin: 8px 8px 0 0;
    padding: 5px 10px;
    color: #7f8392;
    background-color: #f3f3f3;
    border-radius: 5px;
    float: left;
    height: auto;
    font-family: 'open_sansbold', sans-serif
}

.category__list li.checkbox input[type=checkbox] + label:focus, .category__list li.checkbox input[type=checkbox] + label:hover, .category__list li.checkbox input[type=radio] + label:focus, .category__list li.checkbox input[type=radio] + label:hover, .category__subcategory-list li.checkbox input[type=checkbox] + label:focus, .category__subcategory-list li.checkbox input[type=checkbox] + label:hover, .category__subcategory-list li.checkbox input[type=radio] + label:focus, .category__subcategory-list li.checkbox input[type=radio] + label:hover {
    color: #00398c;
    cursor: pointer
}

.category__list li.checkbox input[type=checkbox]:checked + label, .category__list li.checkbox input[type=radio]:checked + label, .category__subcategory-list li.checkbox input[type=checkbox]:checked + label, .category__subcategory-list li.checkbox input[type=radio]:checked + label {
    background-image: none;
    color: #fff;
    background-color: #00398c
}

.category__list li.checkbox input[type=checkbox]:disabled + label, .category__list li.checkbox input[type=radio]:disabled + label, .category__subcategory-list li.checkbox input[type=checkbox]:disabled + label, .category__subcategory-list li.checkbox input[type=radio]:disabled + label {
    background-color: #e5e5e5;
    color: #717372;
    cursor: default
}

.category__subcategory-list {
    display: block;
    text-align: center;
    margin-top: 0;
    padding: 0;
    list-style: none
}

.category__subcategory-list li {
    display: inline-block;
    width: 24.5%;
    position: relative;
    padding: 40px 0 10px;
    text-align: left
}

@media screen and (max-width: 670px) {
    .category__subcategory-list li {
        width: 45%
    }
}

.category__subcategory-list li label {
    position: relative;
    color: #000;
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .category__list, .category__subcategory-list {
        display: none
    }
}

.category__list {
    margin: 30px 0 0 !important
}

.category__filter-less {
    display: none;
    text-align: center
}

.category__filter-less a {
    display: inline-block;
    font-size: 18px;
    font-family: 'open_sansbold', sans-serif
}

.category__filter-less a:before {
    content: " ";
    display: block;
    width: 35px;
    height: 18px;
    margin: 0 auto 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='28' viewBox='-12.5 12.5 53 28'%3E%3Cpath d='M14 12.5L-12.5 39l1.5 1.5 25-25 25 25 1.5-1.5z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.category__filter-less a:hover {
    color: #00398c
}

.category__filter-more {
    display: none;
    text-align: center
}

.category__filter-more a {
    display: inline-block;
    font-size: 18px;
    font-family: 'open_sansbold', sans-serif
}

.category__filter-more a:after {
    content: " ";
    display: block;
    width: 35px;
    height: 18px;
    margin: 0 auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='XmidYmin' width='53' height='28' viewBox='0 0 53 28'%3E%3Cpath d='M53 1.5L51.5 0l-25 25-25-25L0 1.5 26.5 28'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.category__filter-more a:hover {
    color: #00398c
}

@media screen and (max-width: 1024px) {
    .category__filter-more {
        display: block;
        margin-top: 20px
    }
}

@media screen and (max-width: 670px) {
    .category__filter-more {
        display: block;
        margin-top: 20px
    }
}

.category__icon {
    position: absolute;
    display: block;
    top: 10px;
    left: 25px;
    opacity: .8;
    z-index: 1
}

.category__icon--galleries, .category__icon--gallery {
    width: 70px;
    height: 70px;
    top: 0;
    left: 50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23f0d4dc'%3E%3Cpath d='M12 71.1h167.8V186H12z'/%3E%3Cpath d='M212.3 158h-19.2V58.9H41.2V39.7h171.1z'/%3E%3C/svg%3E");
    background-size: 70px 70px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 670px) {
    .category__icon--galleries, .category__icon--gallery {
        left: 50px;
        background-size: 70px, 7px
    }
}

.category__icon--howtos {
    width: 70px;
    height: 70px;
    top: 8px;
    left: 70px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23f0d4dc'%3E%3Cpath d='M145.1 162.6l-22.5-32.4 17.3-25 .2-.3c1.1-1.8 1.5-3.9 1.1-5.9l-4.4-14.5 28.9 9.9c3.3-1.1 4.2-3.7 3.1-6.3L143 73.5l3.4-5.8L171.7 82c3.4 1.3 5.7-3.6 3.4-5.9l-25.4-14.4 3.1-5.2 25.1 13.7c4.4.9 5.3-4.4 3.4-6L156.2 50l2.8-5.3L184.4 59c4.2 1 6.3-5.2 3.7-6.4l-25.4-14.2 3-5.1 12.4 7 13.7 8.2c3.5 1.6 6.1-3.8 3.6-6.4l-35.5-26.3c-3.5-1.7-7.2-.7-11.2 3.2l-29.1 50v.1h-.1v.2c-.8 3.9-.2 6.6 1.4 8.5l3.3 20.6-12.5 16.4L100 97.7l6.7-29.5c2-8.9.5-18.1-4.4-25.8-4.8-7.7-12.4-13.1-21.3-15.1-18.4-4.2-36.7 7.3-40.9 25.7-2 8.9-.5 18.1 4.4 25.8 4.9 7.7 12.4 13.1 21.3 15.1 6.1 1.4 12.4 1.1 18.2-.8l-1 4.5c-.4 1.9-.2 4 .9 5.9l.2.4 16.2 25.8 10.8 17.1 45.1 71.7c-.1 0 13-19.1-11.1-55.9zM69.5 77.7c-4.6-1-8.5-3.8-11-7.8s-3.3-8.7-2.3-13.3c2.2-9.4 11.6-15.4 21-13.2 4.6 1 8.5 3.8 11 7.8s3.3 8.7 2.3 13.2C88.4 74 79 79.9 69.5 77.7zM92.7 139.6L76.3 161c-25.7 35.8-13.5 55.4-13.5 55.4l41-59.2-11.1-17.6z'/%3E%3C/svg%3E");
    background-size: 70px 70px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 670px) {
    .category__icon--howtos {
        left: 50px;
        background-size: 70px, 70px
    }
}

.category__icon--play, .category__icon--videos {
    width: 70px;
    height: 70px;
    top: 5px;
    left: 50px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f0d4dc' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0-2C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM9 17V7l9 5.146L9 17z'/%3E%3C/svg%3E");
    background-size: 70px 70px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 670px) {
    .category__icon--play, .category__icon--videos {
        left: 40px;
        background-size: 70px, 70px
    }
}

.category__icon--lamp, .category__icon--tips {
    width: 70px;
    height: 70px;
    top: 0;
    left: 28px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224 222' fill='%23f0d4dc'%3E%3Cpath d='M90.5 202.9c4.1 7.5 12.1 12.7 21.3 12.7s17.2-5.1 21.3-12.7H90.5zM135.1 169.1c4.2 0 8.4-4.2 8.4-8.4 0-35.9 31.7-40.8 31.7-86.6 0-35-28.4-63.3-63.3-63.3-35 0-63.3 28.4-63.3 63.3 0 45.8 31.7 50.7 31.7 86.6 0 4.2 4.2 8.4 8.4 8.4h46.4zM139.3 186c0 3.5-2.9 6.3-6.3 6.3H90.8c-3.5 0-6.3-2.9-6.3-6.3 0-3.5 2.9-6.3 6.3-6.3H133c3.5 0 6.3 2.8 6.3 6.3z'/%3E%3C/svg%3E");
    background-size: 70px 70px;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 670px) {
    .category__icon--lamp, .category__icon--tips {
        left: 8px;
        background-size: 70px, 70px
    }
}

.category .inactive {
    display: none
}

.category__subcategory-list li.checkbox {
    margin: 0
}

@media screen and (max-width: 1024px) {
    .category__subcategory-list li.checkbox {
        width: 45%
    }
}

@media screen and (max-width: 670px) {
    .category__subcategory-list li.checkbox {
        width: 47%
    }
}

@media screen and (max-width: 670px) {
    .category__subcategory-list {
        margin-top: 10px
    }
}

.category-section-article {
    margin: 30px 0 20px;
    padding: 0
}

.category-section-article span {
    padding: 0 20px;
    font-family: 'open_sansbold', sans-serif;
    font-size: 16px;
    color: #7f8392;
    text-transform: uppercase;
    background-color: #fff
}

.category-section-article.section-article--striked:after {
    top: 55.5%
}

@media screen and (max-width: 670px) {
    .category-section-article.section-article--striked:after {
        top: 69%
    }
}

.category-section-article.section-article--striked span {
    background-color: #fff !important;
    top: 12px
}

.teasers-list.category-teasers {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .teasers-list.category-teasers {
        padding-bottom: 170px;
        margin-top: 0
    }
}

@media screen and (max-width: 670px) {
    .teasers-list.category-teasers {
        padding-bottom: 120px
    }
}

@media screen and (min-width: 1025px) {
    .contact article {
        padding-bottom: 90px
    }
}

@media screen and (max-width: 1024px) {
    .contact article {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 670px) {
    .contact article {
        padding-bottom: 65px
    }
}

.contact article > .page > header:first-child span:first-child {
    display: none
}

.contact > body > main [type=color], .contact > body > main [type=date], .contact > body > main [type=datetime-local], .contact > body > main [type=datetime], .contact > body > main [type=email], .contact > body > main [type=month], .contact > body > main [type=number], .contact > body > main [type=password], .contact > body > main [type=search], .contact > body > main [type=tel], .contact > body > main [type=text], .contact > body > main [type=time], .contact > body > main [type=url], .contact > body > main [type=week], .contact > body > main button, .contact > body > main textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    margin: 0 0 1rem;
    line-height: 100%;
    font-family: 'open_sanslight', sans-serif
}

.contact > body > main textarea {
    resize: vertical;
    min-height: 100px
}

.contact > body > main .grid-row, .contact > body > main .grid-row .grid-col {
    padding: 0
}

.contact > body > main .grid-row .grid-col:nth-child(odd) {
    padding-right: 15px
}

.contact > body > main .grid-row .grid-col:nth-child(2n) {
    padding-left: 15px
}

.contact > body > main .grid-row .grid-col:last-child {
    padding-right: 0
}

@media screen and (max-width: 670px) {
    .contact > body > main .grid-row .grid-col:nth-child(2n), .contact > body > main .grid-row .grid-col:nth-child(odd) {
        padding: 0
    }
}

.contact > body > main .grid-col.col-lg-12 {
    padding: 0 !important
}

.contact > body > main .is-invalid-input:not(:focus) {
    background-color: #f3f3f3;
    border: 2px solid #00398c
}

.contact > body > main .alert {
    display: none;
    color: #00398c
}

.contact > body > main .subtext {
    font-size: 14px;
    color: #7c7c7c
}

.contact > body > main .anredelabel {
    font-size: 14px !important;
    color: #7c7c7c;
    margin-right: 50px
}

@media screen and (max-width: 670px) {
    .contact > body > main .anredelabel {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
}

.contact > body > main .radiolabel {
    font-size: 14px !important;
    color: #7c7c7c;
    margin-right: 10px;
    text-transform: uppercase;
    cursor: pointer
}

.contact > body > main .radiolabel.small {
    text-transform: none
}

.contact > body > main .hiddenlabel {
    text-transform: uppercase;
    font-size: 11px;
    color: #7c7c7c;
    opacity: 0
}

.contact > body > main input:focus, .contact > body > main textarea:focus {
    outline: none
}

.contact > body > main button, .contact > body > main input[type=email], .contact > body > main input[type=text], .contact > body > main select, .contact > body > main textarea {
    width: 100%;
    background-color: #f3f3f3;
    padding: 15px 10px;
    text-transform: uppercase;
    color: #00398c;
    height: auto;
    border: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 14px
}

.contact > body > main button::-webkit-input-placeholder, .contact > body > main input[type=email]::-webkit-input-placeholder, .contact > body > main input[type=text]::-webkit-input-placeholder, .contact > body > main select::-webkit-input-placeholder, .contact > body > main textarea::-webkit-input-placeholder {
    font-size: 14px
}

.contact > body > main button::-moz-placeholder, .contact > body > main input[type=email]::-moz-placeholder, .contact > body > main input[type=text]::-moz-placeholder, .contact > body > main select::-moz-placeholder, .contact > body > main textarea::-moz-placeholder {
    font-size: 14px
}

.contact > body > main button:-ms-input-placeholder, .contact > body > main input[type=email]:-ms-input-placeholder, .contact > body > main input[type=text]:-ms-input-placeholder, .contact > body > main select:-ms-input-placeholder, .contact > body > main textarea:-ms-input-placeholder {
    font-size: 14px
}

.contact > body > main button:-moz-placeholder, .contact > body > main input[type=email]:-moz-placeholder, .contact > body > main input[type=text]:-moz-placeholder, .contact > body > main select:-moz-placeholder, .contact > body > main textarea:-moz-placeholder {
    font-size: 14px
}

.contact > body > main select {
    margin: 0 0 1rem;
    height: 50px;
    border-radius: 0;
    color: #7c7c7c
}

.contact > body > main [type=color]:focus, .contact > body > main [type=date]:focus, .contact > body > main [type=datetime-local]:focus, .contact > body > main [type=datetime]:focus, .contact > body > main [type=email]:focus, .contact > body > main [type=month]:focus, .contact > body > main [type=number]:focus, .contact > body > main [type=password]:focus, .contact > body > main [type=search]:focus, .contact > body > main [type=tel]:focus, .contact > body > main [type=text]:focus, .contact > body > main [type=time]:focus, .contact > body > main [type=url]:focus, .contact > body > main [type=week]:focus, .contact > body > main select:focus, .contact > body > main textarea:focus {
    border: none;
    background-color: #f3f3f3;
    outline: none;
    box-shadow: none
}

.contact > body > main .anredelabel, .contact > body > main::-webkit-input-placeholder {
    font-size: 18px;
    color: #7c7c7c !important;
    text-transform: uppercase
}

.contact > body > main:-moz-placeholder, .contact > body > main::-moz-placeholder {
    font-size: 18px;
    color: #7c7c7c !important;
    text-transform: uppercase
}

.contact > body > main:-ms-input-placeholder {
    font-size: 18px;
    color: #7c7c7c !important;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .contact > body > main .display-for-medium-up {
        display: block
    }
}

@media screen and (max-width: 670px) {
    .contact > body > main .display-for-medium-up {
        display: none
    }
}

.contact > body > main .display-for-mobile {
    display: none
}

@media screen and (max-width: 670px) {
    .contact > body > main .display-for-mobile {
        display: block
    }
}

.contact > body > main .service-number {
    display: block;
    background-color: #00398c;
    color: #fff;
    padding: 10px 0;
    margin: 10px 0;
    text-align: center;
    font-size: 18px
}

.contact > body > main .service-number:hover {
    text-decoration: none
}

.contact > body > main button {
    text-align: center;
    border: 3px solid #f3f3f3;
    background: none;
    color: #7c7c7c;
    outline: none;
    transition: background-color .5s, color .5s, border-color .5s
}

.contact > body > main button:hover {
    border: 3px solid #00398c;
    color: #00398c;
    cursor: pointer
}

.contact > body > main button.valid-form {
    background: #00398c;
    border: 3px solid #00398c;
    color: #fff
}

.contact > body > main button.valid-form:hover {
    background: none;
    border: 3px solid #00398c;
    color: #00398c;
    cursor: pointer
}

.contact > body > main input[type=checkbox], .contact > body > main input[type=radio] {
    display: none
}

.contact > body > main input[type=checkbox] + label, .contact > body > main input[type=radio] + label {
    background-image: url(../images/check.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    height: 20px;
    width: auto;
    display: inline-block;
    padding: 0 23px;
    opacity: 1 !important;
    margin-left: 0;
    box-sizing: content-box;
    margin-left: -4px;
    margin-bottom: -4px;
    margin-right: 3px
}

.contact > body > main input[type=checkbox] + label.is-invalid-label, .contact > body > main input[type=radio] + label.is-invalid-label {
    background-image: url(../images/check-error.jpg);
    color: #00398c
}

.contact > body > main input[type=checkbox]:checked + label, .contact > body > main input[type=radio]:checked + label {
    background-image: url(../images/checked.jpg);
    display: inline-block;
    opacity: 1 !important
}

.contact > body > main .col-lg-12 {
    margin: 5px 0
}

.contact > body > main small.error {
    display: none
}

.contact > body > main .form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-family: 'open_sansbold', sans-serif;
    color: #00398c
}

.contact > body > main .form-error.is-visible {
    display: block
}

.checkbox * {
    box-sizing: border-box
}

.checkbox .hiddenlabel {
    line-height: 20px;
    text-transform: uppercase;
    font-size: 11px;
    color: #7c7c7c;
    opacity: 0
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    display: none
}

.checkbox input[type=checkbox] + label, .checkbox input[type=radio] + label {
    background: url(../images/check.jpg);
    background-repeat: no-repeat;
    height: 20px;
    display: inline-block;
    padding: 0 0 0 20px;
    opacity: 1;
    margin-left: 0
}

.checkbox input[type=checkbox] + label.is-invalid-label, .checkbox input[type=radio] + label.is-invalid-label {
    border: 2px solid #00398c
}

.checkbox input[type=checkbox]:checked + label, .checkbox input[type=radio]:checked + label {
    background: url(../images/checked.jpg);
    background-repeat: no-repeat;
    height: 20px
}

.error-404 {
    width: 100%;
    background: #000;
    position: relative
}

.error-404 > body {
    overflow-x: hidden
}

.error-404__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-style: preserve-3d;
    text-align: right
}

.error-404__content a, .error-404__content h1, .error-404__content h2 {
    color: #fff
}

.error-404__content h1 {
    font-size: 27em;
    line-height: .4;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 800px) {
    .error-404__content h1 {
        font-size: 60vw
    }
}

.error-404__content h2 {
    font-size: 2.692em;
    padding: .4em 0
}

@media screen and (max-width: 670px) {
    .error-404__content h2 {
        font-size: 1.923em
    }
}

.error-404__content a {
    position: relative;
    z-index: 1;
    font-family: 'open_sansbold', sans-serif;
    font-size: 14px
}

.error-404__content a:hover {
    color: #00398c
}

.home .header__breadcrumbs {
    display: none
}

.home .stage-image__copy {
    top: 0;
    right: 5px
}

.topic .teasers-list.category-teasers {
    margin: 0 auto;
    position: relative
}

@media screen and (min-width: 1025px) {
    .topic .teasers-list.category-teasers {
        padding-bottom: 90px
    }
}

@media screen and (max-width: 1024px) {
    .topic .teasers-list.category-teasers {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 670px) {
    .topic .teasers-list.category-teasers {
        padding-bottom: 65px
    }
}

.topic .teasers-list .preloader {
    position: relative;
    float: none
}

.topic .teasers-list .teaser--landscape-small .teaser__image a img {
    height: auto;
    width: 100%
}

.accordion {
    padding-bottom: 30px;
    color: #7c7c7c
}

.accordion > ul {
    margin-left: 0;
    padding-left: 0
}

.accordion > ul > li {
    list-style-type: none;
    list-style: none;
    margin-bottom: 0;
    border-bottom: 1px solid #00398c
}

.accordion > ul > li:last-child {
    border-bottom: none
}

.accordion > ul > li > a {
    position: relative;
    font-family: 'open_sansbold', sans-serif;
    font-size: 18px;
    line-height: 55px;
    padding-left: 30px;
    color: #303e48
}

.accordion > ul > li > a:hover {
    text-decoration: none
}

.accordion > ul > li > a i {
    position: absolute;
    top: 1px;
    left: -5px;
    display: inline-block;
    width: 25px;
    height: 17px;
    margin: 0 5px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-size: 125px;
    background-position: 3px 5px;
    -webkit-transform: rotate(0deg) scale(.7);
    transform: rotate(0deg) scale(.7);
    -webkit-transform-style: preserve-3d;
    transition: all .4s
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
    .accordion > ul > li > a i {
        background-image: url(../images/sprite@2x.png)
    }
}

.accordion > ul > li.active .accordion__item {
    max-height: 500px
}

.accordion > ul > li.active a i {
    top: 3px;
    -webkit-transform: rotate(-180deg) scale(.7);
    transform: rotate(-180deg) scale(.7);
    -webkit-transform-style: preserve-3d
}

.accordion__item {
    padding-left: 35px;
    transition: max-height .4s;
    overflow: hidden;
    max-height: 0
}

.accordion__item:after {
    content: "";
    display: table;
    clear: both
}

.accordion__item img {
    float: left;
    margin-right: 25px
}

@media screen and (max-width: 670px) {
    .accordion__item img {
        max-width: 80px;
        margin-right: 20px
    }
}

.accordion__item > div {
    padding-bottom: 25px
}

.accordion__item > div:after {
    content: "";
    display: table;
    clear: both
}

.accordion__item p {
    padding: 20px 0 0 20px;
    font-size: 1em;
    font-size: 18px
}

@media screen and (max-width: 670px) {
    .accordion__item p {
        padding: 0
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

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

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform-style: preserve-3d
}

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

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

.slick-track:after {
    clear: both
}

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-loading .slick-list {
    background: #fff
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    padding: 0;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

.slick-prev[dir=rtl] {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-prev:before[dir=rtl] {
    content: "→"
}

.slick-next {
    right: -25px
}

.slick-next[dir=rtl] {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

.slick-next:before[dir=rtl] {
    content: "←"
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.article > body > main > article a {
    transition: color .4s, background .4s
}

@keyframes "c" {
    0% {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        opacity: .8;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes "c" {
    0% {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
        opacity: .8;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.slideInUpChill {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-transform-style: preserve-3d
}

@media screen and (max-width: 670px) {
    .slideInUpChill {
        -webkit-animation-name: none;
        animation-name: none
    }
}

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

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

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@keyframes "d" {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        -webkit-transform-style: preserve-3d;
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes "d" {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        -webkit-transform-style: preserve-3d;
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: d;
    animation-name: d
}

@keyframes "e" {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-1000px);
        transform: scale(.1) translateY(-1000px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@-webkit-keyframes "e" {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-1000px);
        transform: scale(.1) translateY(-1000px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: e;
    animation-name: e
}

@keyframes "f" {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(1000px);
        transform: scale(.1) translateY(1000px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@-webkit-keyframes "f" {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(1000px);
        transform: scale(.1) translateY(1000px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-transform-style: preserve-3d;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: f;
    animation-name: f
}

@keyframes "g" {
    0% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
        -webkit-transform-style: preserve-3d;
        visibility: visible;
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transform-style: preserve-3d;
    }
}

@-webkit-keyframes "g" {
    0% {
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
        -webkit-transform-style: preserve-3d;
        visibility: visible;
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0);
        -webkit-transform-style: preserve-3d;
    }
}

.slideInUp {
    -webkit-animation-name: g;
    animation-name: g
}

@media screen and (max-width: 1024px) {
    .slideInUp {
        -webkit-animation-name: none;
        animation-name: none
    }
}

.disable-animations .slideInUp, .disable-animations .slideInUpChill, .disable-animations .zoomIn, .disable-animations .zoomInUp, .disable-animations .zoomOut {
    -webkit-animation-name: none !important;
    animation-name: none !important
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(font/VideoJS.eot?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button, .video-js .vjs-play-control, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before, .vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before, .vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before, .vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js .vjs-subtitles-button, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before, .vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button:before, .vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before, .vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before, .vjs-icon-cancel:before {
    content: "\f115"
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before, .vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button:before, .vjs-icon-audio:before {
    content: "\f11e"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *, .video-js:after, .video-js:before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3, .video-js.vjs-16-9, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill, .video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li:focus, .vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    font-family: Arial, Helvetica, sans-serif;
    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: .3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.33333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after, .video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after, .video-js .vjs-play-progress:before, .video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after, .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-vertical:focus .vjs-menu-content, .vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster, .vjs-youtube .vjs-poster {
    background-position: 50%
}

.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-controls-disabled .vjs-poster, .vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
    -webkit-transform-style: preserve-3d
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em);
    -webkit-transform-style: preserve-3d
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: h 1.1s cubic-bezier(.6, .2, 0, .8) infinite, i 1.1s linear infinite;
    animation: h 1.1s cubic-bezier(.6, .2, 0, .8) infinite, i 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes "h" {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        -webkit-transform-style: preserve-3d;
    }
}

@-webkit-keyframes "h" {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
        -webkit-transform-style: preserve-3d;
    }
}

@keyframes "i" {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #73859f;
    }
    to {
        border-top-color: #73859f;
    }
}

@-webkit-keyframes "i" {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #73859f;
    }
    to {
        border-top-color: #73859f;
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 15em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-controls:after, .vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px
}

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px
}

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label > input {
    margin-right: 10px
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}