@font-face {
    font-family: CeraPRO-Black;
    src: url(/assets/assets/fonts/CeraPRO/CeraPRO-Black.ttf) format("truetype"), url(/assets/assets/fonts/CeraPRO/CeraPRO-Black.eot), url(/assets/assets/fonts/CeraPRO/CeraPRO-Black.eot) format("embedded-opentype"), url(/assets/assets/fonts/CeraPRO/CeraPRO-Black.woff) format("woff"), url(/assets/assets/fonts/CeraPRO/CeraPRO-Black.woff2) format("woff2"), url(/assets/assets/fonts/CeraPRO/CeraPRO-Black.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: CeraStencilPRO-Bold;
    src: url(/assets/assets/fonts/CeraStencilPRO/CeraStencilPRO-Bold.ttf) format("truetype"), url(/assets/assets/fonts/CeraStencilPRO/CeraStencilPRO-Bold.eot), url(/assets/assets/fonts/CeraStencilPRO/CeraStencilPRO-Bold.eot) format("embedded-opentype"), url(/assets/assets/fonts/CeraStencilPRO/CeraStencilPRO-Bold.woff) format("woff"), url(/assets/assets/fonts/CeraStencilPRO/CeraStencilPRO-Bold.woff2) format("woff2"), url(/assets/assets/fonts/CeraStencilPRO/CeraStencilPRO-Bold.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: Avallon;
    src: url(/assets/assets/fonts/Avallon/Avallon.ttf) format("truetype"), url(/assets/assets/fonts/Avallon/Avallon.eot), url(/assets/assets/fonts/Avallon/Avallon.eot) format("embedded-opentype"), url(/assets/assets/fonts/Avallon/Avallon.woff) format("woff"), url(/assets/assets/fonts/Avallon/Avallon.woff2) format("woff2"), url(/assets/assets/fonts/Avallon/Avallon.svg) format("svg");
    font-display: swap
}

.icon.icon--accept-arrow:before,
.icon.icon--add-to-cart:before,
.icon.icon--arrow-down-circle:before,
.icon.icon--arrow-down:before,
.icon.icon--arrow-negative:before,
.icon.icon--arrow-right-circle:before,
.icon.icon--arrow-right:before,
.icon.icon--arrow-up-small:before,
.icon.icon--bottles:before,
.icon.icon--bwt-hovering-logo:before,
.icon.icon--calendar:before,
.icon.icon--camera:before,
.icon.icon--chat:before,
.icon.icon--check-none:before,
.icon.icon--check:before,
.icon.icon--clocks:before,
.icon.icon--close:before,
.icon.icon--copy:before,
.icon.icon--delete:before,
.icon.icon--download:before,
.icon.icon--drop-splash:before,
.icon.icon--drop:before,
.icon.icon--edit:before,
.icon.icon--email-circle:before,
.icon.icon--email:before,
.icon.icon--facebook-simple:before,
.icon.icon--facebook:before,
.icon.icon--globe:before,
.icon.icon--hamburger:before,
.icon.icon--heat:before,
.icon.icon--instagram:before,
.icon.icon--linkedin-simple:before,
.icon.icon--logo-white:before,
.icon.icon--logout:before,
.icon.icon--map:before,
.icon.icon--minus:before,
.icon.icon--news:before,
.icon.icon--newsletter:before,
.icon.icon--person:before,
.icon.icon--pin:before,
.icon.icon--pinterest-simple:before,
.icon.icon--pinterest:before,
.icon.icon--plane:before,
.icon.icon--play-filled:before,
.icon.icon--play-outline:before,
.icon.icon--plus-simple:before,
.icon.icon--plus:before,
.icon.icon--point-plumber:before,
.icon.icon--point-shop:before,
.icon.icon--pointer:before,
.icon.icon--quote:before,
.icon.icon--replay-360:before,
.icon.icon--replay:before,
.icon.icon--search:before,
.icon.icon--select-arrow:before,
.icon.icon--share-simple:before,
.icon.icon--share:before,
.icon.icon--shield:before,
.icon.icon--shop:before,
.icon.icon--shopping-cart:before,
.icon.icon--sl-nav:before,
.icon.icon--smartphone:before,
.icon.icon--ssl-safety:before,
.icon.icon--star:before,
.icon.icon--subscription:before,
.icon.icon--target-group:before,
.icon.icon--trophy:before,
.icon.icon--twitter-simple:before,
.icon.icon--twitter:before,
.icon.icon--TWP:before,
.icon.icon--user:before,
.icon.icon--warning:before,
.icon.icon--youtube:before,
.icon.icon--zoom:before,
.link--external:before,
.file-loader .ic-photo:before,
.file-loader .ic-upload:before,
.sl-nav .prev:before,
.sl-nav .next:before,
.ui-datepicker-prev:after,
.ui-datepicker-next:after,
.slick-prev:before,
.slick-next:before,
.form__field__select .selectbox:after,
.selectbox-2 .selectbox-button:after,
.partner-registration__form .form--uid-valid input[name=Uid]~span:before,
.sc-form-wrapper .selectbox:after,
form.sc-bwt-form .selectbox:after,
.partner-dashboard-registration .registration-date .form__field__input .form__field-wrapper:before,
.uploaded-file .icon-done:before,
.uploaded-file .btn__remove:before,
.scroll-to-top:before,
.mclip-labels__label .ic-edit:before,
.pcfg__item+.pcfg__item:before,
.commerce-product-list--upselling .collection-item:first-of-type .collection-item_content:after,
.pool-roboter-popup .pool-roboter-popup__options>li label>input[type=checkbox]:checked+div:before,
.form-progress__item--completed>p:after,
.page-hotel__search .page-hotel__h-option input[type=checkbox]:checked+label:before,
.page-hotel__search .page-hotel__h-option input[type=radio]:checked+label:before {
    font-family: icons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-transform: none
}

.icon.icon--accept-arrow:before {
    content: ""
}

.icon.icon--add-to-cart:before {
    content: ""
}

.icon.icon--arrow-down-circle:before {
    content: ""
}

.icon.icon--arrow-down:before {
    content: ""
}

.icon.icon--arrow-negative:before {
    content: ""
}

.icon.icon--arrow-right-circle:before {
    content: ""
}

.icon.icon--arrow-right:before {
    content: ""
}

.icon.icon--arrow-up-small:before {
    content: ""
}

.icon.icon--bottles:before {
    content: ""
}

.icon.icon--bwt-hovering-logo:before {
    content: ""
}

.icon.icon--calendar:before {
    content: ""
}

.icon.icon--camera:before {
    content: ""
}

.icon.icon--chat:before {
    content: ""
}

.icon.icon--check-none:before {
    content: ""
}

.icon.icon--check:before {
    content: ""
}

.icon.icon--clocks:before {
    content: ""
}

.icon.icon--close:before {
    content: ""
}

.icon.icon--copy:before {
    content: ""
}

.icon.icon--delete:before {
    content: ""
}

.icon.icon--download:before {
    content: ""
}

.icon.icon--drop-splash:before {
    content: ""
}

.icon.icon--drop:before {
    content: ""
}

.icon.icon--edit:before {
    content: ""
}

.icon.icon--email-circle:before {
    content: ""
}

.icon.icon--email:before {
    content: ""
}

.icon.icon--facebook-simple:before {
    content: ""
}

.icon.icon--facebook:before {
    content: ""
}

.icon.icon--globe:before {
    content: ""
}

.icon.icon--hamburger:before {
    content: ""
}

.icon.icon--heat:before {
    content: ""
}

.icon.icon--instagram:before {
    content: ""
}

.icon.icon--linkedin-simple:before {
    content: ""
}

.icon.icon--logo-white:before {
    content: ""
}

.icon.icon--logout:before {
    content: ""
}

.icon.icon--map:before {
    content: ""
}

.icon.icon--minus:before {
    content: ""
}

.icon.icon--news:before {
    content: ""
}

.icon.icon--newsletter:before {
    content: ""
}

.icon.icon--person:before {
    content: ""
}

.icon.icon--pin:before {
    content: ""
}

.icon.icon--pinterest-simple:before {
    content: ""
}

.icon.icon--pinterest:before {
    content: ""
}

.icon.icon--plane:before {
    content: ""
}

.icon.icon--play-filled:before {
    content: ""
}

.icon.icon--play-outline:before {
    content: ""
}

.icon.icon--plus-simple:before {
    content: ""
}

.icon.icon--plus:before {
    content: ""
}

.icon.icon--point-plumber:before {
    content: ""
}

.icon.icon--point-shop:before {
    content: ""
}

.icon.icon--pointer:before {
    content: ""
}

.icon.icon--quote:before {
    content: ""
}

.icon.icon--replay-360:before {
    content: ""
}

.icon.icon--replay:before {
    content: ""
}

.icon.icon--search:before {
    content: ""
}

.icon.icon--select-arrow:before {
    content: ""
}

.icon.icon--share-simple:before {
    content: ""
}

.icon.icon--share:before {
    content: ""
}

.icon.icon--shield:before {
    content: ""
}

.icon.icon--shop:before {
    content: ""
}

.icon.icon--shopping-cart:before {
    content: ""
}

.icon.icon--sl-nav:before {
    content: ""
}

.icon.icon--smartphone:before {
    content: ""
}

.icon.icon--ssl-safety:before {
    content: ""
}

.icon.icon--star:before {
    content: ""
}

.icon.icon--subscription:before {
    content: ""
}

.icon.icon--target-group:before {
    content: ""
}

.icon.icon--trophy:before {
    content: ""
}

.icon.icon--twitter-simple:before {
    content: ""
}

.icon.icon--twitter:before {
    content: ""
}

.icon.icon--TWP:before {
    content: ""
}

.icon.icon--user:before {
    content: ""
}

.icon.icon--warning:before {
    content: ""
}

.icon.icon--youtube:before {
    content: ""
}

.icon.icon--zoom:before {
    content: ""
}

body {
    color: #5f6062
}

.font-regular {
    font-weight: 400
}

.font-light {
    font-weight: 300
}

.font-semibold,
h4,
.headline-s {
    font-weight: 600
}

.font-bold {
    font-weight: 600
}

.font-primary {
    font-family: cerapro-regular, Helvetica, Arial, sans-serif
}

.font-secondary {
    font-family: futuracom-mediumcondensed, Helvetica, Arial, sans-serif
}

.font-secondary--book,
.headline-huge {
    font-family: futuracom-book, Helvetica, Arial, sans-serif
}

.font-secondary--heavy,
h1,
.headline-xl,
h2,
.headline-l,
h3,
.headline-m,
h5,
.headline-xs {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif
}

h2.subline,
.headline-l.subline {
    font-family: nexaslabboldoblique, Helvetica, Arial, sans-serif
}

.font-secondary--light,
.form,
.form__field__input__elem,
.form__field textarea,
.form__field__select,
.form__field--radio,
.form__field--checkbox {
    font-family: cerapro-regular, Helvetica, Arial, sans-serif
}

.font-tertiary,
.cite-big,
.subline {
    font-family: cerapro-regular, Helvetica, Arial, sans-serif
}

.text-l {
    font-size: 16.5px;
    font-size: parseInt(16.5px)/strip-unit(15px)rem;
    line-height: 1.7
}

.cite-big {
    font-size: 16.875px;
    font-size: parseInt(16.875px)/strip-unit(15px)rem;
    line-height: 1.2
}

.teaser-text {
    font-size: 13.5px;
    font-size: parseInt(13.5px)/strip-unit(15px)rem;
    line-height: 1.5
}

.inpage-nav {
    font-size: 15px;
    font-size: parseInt(15px)/strip-unit(15px)rem;
    line-height: 1.6;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    color: #5f6062;
    text-transform: uppercase
}

.headline-huge {
    font-size: 90px;
    font-size: parseInt(90px)/strip-unit(15px)rem;
    line-height: 1.2
}

h1,
.headline-xl {
    font-size: 48px;
    font-size: parseInt(48px)/strip-unit(15px)rem;
    line-height: 1.2
}

.content-area .centered .intro h1,
.p-stage__slide-inner .centered .intro h1 {
    text-align: center;
    margin-bottom: 60px
}

h2,
.headline-l {
    font-size: 30px;
    font-size: parseInt(30px)/strip-unit(15px)rem;
    line-height: 1.2;
    /* color: #666b6e */
}

h2.subline,
.headline-l.subline {
    font-size: 24px;
    font-size: parseInt(24px)/strip-unit(15px)rem;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 60px
}

.content-area .centered h2.subline,
.p-stage__slide-inner .centered h2.subline {
    margin-bottom: 60px
}

@media all and (max-width:641px) {

    .content-area .centered h2.subline,
    .p-stage__slide-inner .centered h2.subline {
        font-size: 1.4em
    }
}

h3,
.headline-m {
    font-size: 24px;
    font-size: parseInt(24px)/strip-unit(15px)rem;
    line-height: 1.2;
    margin-bottom: 10px
}

h4,
.headline-s {
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 22px;
    font-size: parseInt(22px)/strip-unit(15px)rem;
    line-height: 1.2
}

h5,
.headline-xs {
    margin-bottom: 10px;
    font-size: 48px;
    font-size: parseInt(48px)/strip-unit(15px)rem;
    line-height: 1.2
}

h6,
.headline-xxs {
    margin-bottom: 10px;
    font-size: 22px;
    font-size: parseInt(22px)/strip-unit(15px)rem;
    line-height: 1.2
}

.subline {
    font-size: 17px;
    font-size: parseInt(17px)/strip-unit(15px)rem;
    line-height: 1.3
}

p {
    margin-bottom: 5px
}

a {
    text-decoration: underline;
    color: #f5b6c7;
    cursor: pointer
}

a:hover {
    text-decoration: none;
    color: #0059a0
}

a.no-underline {
    text-decoration: none
}

a.no-underline:hover {
    text-decoration: underline
}

abbr {
    cursor: help
}

.link--external:before {
    content: "";
    margin-right: 5px
}

.link--underlined {
    text-decoration: underline;
    cursor: pointer;
    color: #f5b6c7
}

.link.no-underline {
    text-decoration: none
}

.link.no-underline:hover {
    text-decoration: underline
}

.strong,
strong {
    font-weight: 600
}

hr {
    clear: both
}

hr.hr--fullwidth {
    width: 100%
}

hr.hr--grey {
    border-color: #c5bdb8
}

hr.dotted {
    border-style: dotted
}

hr.dashed {
    border-style: dashed
}

.text-white {
    color: #fff !important
}

.text-red {
    color: #5f6062 !important
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

@media all and (max-width:769px) {
    .text-right-mobile {
        text-align: right
    }
}

@media all and (max-width:769px) {
    .text-left-mobile {
        text-align: left
    }
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

ul.squared {
    margin-left: 1.2em
}

a[disabled] {
    pointer-events: none;
    color: #c5bdb8
}

.quote,
q {
    font-size: 16.5px;
    font-size: parseInt(16.5px)/strip-unit(15px)rem;
    line-height: 1.7;
    margin-top: 30px;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #5f6062;
    background: #fff
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-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 {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

[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
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px)and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.slick-lightbox .slick-loading .slick-list {
    background-color: transparent
}

.slick-lightbox .slick-prev {
    left: 15px
}

.slick-lightbox .slick-next {
    right: 15px
}

.slick-lightbox-hide {
    opacity: 0
}

.slick-lightbox-hide.slick-lightbox-ie {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0)
}

.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0
}

.slick-lightbox-hide-init.slick-lightbox-ie {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0)
}

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-lightbox-slick-item {
    text-align: center;
    overflow: hidden
}

.slick-lightbox-slick-item:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    display: block;
    text-align: center
}

.slick-lightbox-slick-item-inner {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%
}

.slick-lightbox-slick-img {
    margin: 0 auto;
    display: block;
    max-width: 90%;
    max-height: 90%
}

.slick-lightbox-slick-caption {
    margin: 10px 0 0;
    color: #fff
}

.slick-lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    padding: 0;
    border: none
}

.slick-lightbox-close:focus {
    outline: none
}

.slick-lightbox-close:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '×'
}

@font-face {
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    src: url(../../assets/assets/fonts/summernote/summernote.eot), url(../../assets/assets/fonts/summernote/summernote.eot) format("embedded-opentype"), url(../../assets/assets/fonts/summernote/summernote.woff) format("woff"), url(../../assets/assets/fonts/summernote/summernote.ttf) format("truetype")
}

[class^=note-icon-]:before,
[class*=" note-icon-"]:before {
    display: inline-block;
    font: 14px summernote;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
    vertical-align: middle;
    speak: none;
    -moz-osx-font-smoothing: grayscale
}

.note-icon-align-center:before,
.note-icon-align-indent:before,
.note-icon-align-justify:before,
.note-icon-align-left:before,
.note-icon-align-outdent:before,
.note-icon-align-right:before,
.note-icon-align:before,
.note-icon-arrow-circle-down:before,
.note-icon-arrow-circle-left:before,
.note-icon-arrow-circle-right:before,
.note-icon-arrow-circle-up:before,
.note-icon-arrows-alt:before,
.note-icon-arrows-h:before,
.note-icon-arrows-v:before,
.note-icon-bold:before,
.note-icon-caret:before,
.note-icon-chain-broken:before,
.note-icon-circle:before,
.note-icon-close:before,
.note-icon-code:before,
.note-icon-col-after:before,
.note-icon-col-before:before,
.note-icon-col-remove:before,
.note-icon-eraser:before,
.note-icon-float-left:before,
.note-icon-float-none:before,
.note-icon-float-right:before,
.note-icon-font:before,
.note-icon-frame:before,
.note-icon-italic:before,
.note-icon-link:before,
.note-icon-magic:before,
.note-icon-menu-check:before,
.note-icon-minus:before,
.note-icon-orderedlist:before,
.note-icon-pencil:before,
.note-icon-picture:before,
.note-icon-question:before,
.note-icon-redo:before,
.note-icon-rollback:before,
.note-icon-row-above:before,
.note-icon-row-below:before,
.note-icon-row-remove:before,
.note-icon-special-character:before,
.note-icon-square:before,
.note-icon-strikethrough:before,
.note-icon-subscript:before,
.note-icon-summernote:before,
.note-icon-superscript:before,
.note-icon-table:before,
.note-icon-text-height:before,
.note-icon-trash:before,
.note-icon-underline:before,
.note-icon-undo:before,
.note-icon-unorderedlist:before,
.note-icon-video:before {
    display: inline-block;
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.note-icon-align-center:before {
    content: ""
}

.note-icon-align-indent:before {
    content: ""
}

.note-icon-align-justify:before {
    content: ""
}

.note-icon-align-left:before {
    content: ""
}

.note-icon-align-outdent:before {
    content: ""
}

.note-icon-align-right:before {
    content: ""
}

.note-icon-align:before {
    content: ""
}

.note-icon-arrow-circle-down:before {
    content: ""
}

.note-icon-arrow-circle-left:before {
    content: ""
}

.note-icon-arrow-circle-right:before {
    content: ""
}

.note-icon-arrow-circle-up:before {
    content: ""
}

.note-icon-arrows-alt:before {
    content: ""
}

.note-icon-arrows-h:before {
    content: ""
}

.note-icon-arrows-v:before {
    content: ""
}

.note-icon-bold:before {
    content: ""
}

.note-icon-caret:before {
    content: ""
}

.note-icon-chain-broken:before {
    content: ""
}

.note-icon-circle:before {
    content: ""
}

.note-icon-close:before {
    content: ""
}

.note-icon-code:before {
    content: ""
}

.note-icon-col-after:before {
    content: ""
}

.note-icon-col-before:before {
    content: ""
}

.note-icon-col-remove:before {
    content: ""
}

.note-icon-eraser:before {
    content: ""
}

.note-icon-float-left:before {
    content: ""
}

.note-icon-float-none:before {
    content: ""
}

.note-icon-float-right:before {
    content: ""
}

.note-icon-font:before {
    content: ""
}

.note-icon-frame:before {
    content: ""
}

.note-icon-italic:before {
    content: ""
}

.note-icon-link:before {
    content: ""
}

.note-icon-magic:before {
    content: ""
}

.note-icon-menu-check:before {
    content: ""
}

.note-icon-minus:before {
    content: ""
}

.note-icon-orderedlist:before {
    content: ""
}

.note-icon-pencil:before {
    content: ""
}

.note-icon-picture:before {
    content: ""
}

.note-icon-question:before {
    content: ""
}

.note-icon-redo:before {
    content: ""
}

.note-icon-rollback:before {
    content: ""
}

.note-icon-row-above:before {
    content: ""
}

.note-icon-row-below:before {
    content: ""
}

.note-icon-row-remove:before {
    content: ""
}

.note-icon-special-character:before {
    content: ""
}

.note-icon-square:before {
    content: ""
}

.note-icon-strikethrough:before {
    content: ""
}

.note-icon-subscript:before {
    content: ""
}

.note-icon-summernote:before {
    content: ""
}

.note-icon-superscript:before {
    content: ""
}

.note-icon-table:before {
    content: ""
}

.note-icon-text-height:before {
    content: ""
}

.note-icon-trash:before {
    content: ""
}

.note-icon-underline:before {
    content: ""
}

.note-icon-undo:before {
    content: ""
}

.note-icon-unorderedlist:before {
    content: ""
}

.note-icon-video:before {
    content: ""
}

.note-frame * {
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.note-toolbar {
    padding: 10px 5px;
    border-bottom: 1px solid #e2e2e2
}

.note-btn-group {
    position: relative;
    display: inline-block;
    margin-right: 8px
}

.note-btn-group>.note-btn-group {
    margin-right: 0
}

.note-btn-group>.note-btn,
.note-btn-group>.note-btn-group {
    margin-left: -4px;
    border-radius: 0
}

.note-btn-group>.note-btn.focus,
.note-btn-group>.note-btn-group.focus,
.note-btn-group>.note-btn.active,
.note-btn-group>.note-btn-group.active {
    border-radius: 0
}

.note-btn-group>.note-btn:first-child,
.note-btn-group>.note-btn-group:first-child {
    margin-left: 0;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.note-btn-group>.note-btn:first-child.focus,
.note-btn-group>.note-btn-group:first-child.focus,
.note-btn-group>.note-btn:first-child.active,
.note-btn-group>.note-btn-group:first-child.active {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px
}

.note-btn-group>.note-btn:last-child:not(.note-dropdown),
.note-btn-group>.note-btn-group:last-child:not(.note-dropdown) {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.note-btn-group>.note-btn:last-child:not(.note-dropdown).focus,
.note-btn-group>.note-btn-group:last-child:not(.note-dropdown).focus,
.note-btn-group>.note-btn:last-child:not(.note-dropdown).active,
.note-btn-group>.note-btn-group:last-child:not(.note-dropdown).active {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.note-btn-group.open>.note-dropdown {
    display: block
}

.note-btn {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-color: #fff;
    border-radius: 1px;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation
}

.note-btn:focus,
.note-btn.focus {
    color: #333;
    background-color: #ebebeb;
    border-color: #fff
}

.note-btn:hover {
    color: #333;
    background-color: #ebebeb;
    border-color: #fff
}

.note-btn.disabled:focus,
.note-btn[disabled]:focus,
fieldset[disabled] .note-btn:focus,
.note-btn.disabled.focus,
.note-btn[disabled].focus,
fieldset[disabled] .note-btn.focus {
    background-color: #fff;
    border-color: #fff
}

.note-btn:hover,
.note-btn:focus,
.note-btn.focus {
    color: #333;
    text-decoration: none;
    background-color: #ebebeb;
    border: 1px solid #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    outline: 0
}

.note-btn:active,
.note-btn.active {
    background-image: none;
    outline: 0
}

.note-btn.disabled,
.note-btn[disabled],
fieldset[disabled] .note-btn {
    cursor: not-allowed;
    -webkit-opacity: .65;
    -khtml-opacity: .65;
    -moz-opacity: .65;
    opacity: .65;
    -ms-filter: alpha(opacity=65);
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.note-btn-primary {
    color: #fff;
    background: #fa6362
}

.note-btn-primary:hover,
.note-btn-primary:focus,
.note-btn-primary.focus {
    color: #fff;
    text-decoration: none;
    background-color: #fa6362;
    border: 1px solid #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

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

.note-btn-block+.note-btn-block {
    margin-top: 5px
}

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

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.close {
    float: right;
    font-size: 21px;
    line-height: 1;
    color: #000;
    opacity: .2
}

.close:hover {
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.note-dropdown {
    position: relative
}

.note-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 5px;
    text-align: left;
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    background-clip: padding-box
}

.note-btn-group.open .note-dropdown-menu {
    display: block
}

.note-dropdown-item {
    display: block
}

.note-dropdown-item:hover {
    background-color: #ebebeb
}

a.note-dropdown-item,
a.note-dropdown-item:hover {
    margin: 2px 0;
    color: #000;
    text-decoration: none
}

.note-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.note-modal.open {
    display: block
}

.note-modal-content {
    position: relative;
    width: auto;
    margin: 30px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    background-clip: border-box
}

.note-modal-header-old {
    padding: 30px 20px 20px;
    border: 1px solid #ededef
}

.note-modal-header-old .close {
    margin-top: -10px
}

.note-modal-body {
    position: relative;
    padding: 20px 30px
}

.note-modal-body kbd {
    padding: 3px 5px;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.note-modal-footer {
    height: 40px;
    padding: 10px;
    text-align: center
}

.note-modal-footer a {
    color: #337ab7;
    text-decoration: none
}

.note-modal-footer a:hover,
.note-modal-footer a:focus {
    color: #23527c;
    text-decoration: underline
}

.note-modal-footer .note-btn {
    float: right
}

.note-modal-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.4;
    color: #42515f
}

.note-modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    background: #000;
    -webkit-opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}

.note-modal-backdrop.open {
    display: block
}

@media(min-width:768px) {
    .note-modal-content {
        width: 600px;
        margin: 30px auto
    }
}

@media(min-width:992px) {
    .note-modal-content-large {
        width: 900px
    }
}

.note-form-group {
    padding-bottom: 20px
}

.note-form-group:last-child {
    padding-bottom: 0
}

.note-form-label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #42515f
}

.note-input {
    display: block;
    width: 100%;
    padding: 6px 4px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ededef;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.note-input::-webkit-input-placeholder {
    color: #eee
}

.note-input:-moz-placeholder {
    color: #eee
}

.note-input::-moz-placeholder {
    color: #eee
}

.note-input:-ms-input-placeholder {
    color: #eee
}

.note-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 13px;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.note-tooltip.in {
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.note-tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.note-tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.note-tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.note-tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.note-tooltip.bottom .note-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.note-tooltip.top .note-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.note-tooltip.right .note-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.note-tooltip.left .note-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.note-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.note-tooltip-content {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000
}

.note-popover {
    position: absolute;
    z-index: 1060;
    display: block;
    display: none;
    font-size: 13px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border: 1px solid #ccc
}

.note-popover.in {
    display: block
}

.note-popover.top {
    padding: 5 0;
    margin-top: -3px
}

.note-popover.right {
    padding: 0 5;
    margin-left: 3px
}

.note-popover.bottom {
    padding: 5 0;
    margin-top: 3px
}

.note-popover.left {
    padding: 0 5;
    margin-left: -3px
}

.note-popover.bottom .note-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0
}

.note-popover.bottom .note-popover-arrow::after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " "
}

.note-popover.top .note-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.note-popover.top .note-popover-arrow::after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
    content: " "
}

.note-popover.right .note-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -10px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.note-popover.right .note-popover-arrow::after {
    left: 1px;
    margin-top: -10px;
    border-right-color: #fff;
    border-left-width: 0;
    content: " "
}

.note-popover.left .note-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -10px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0
}

.note-popover.left .note-popover-arrow::after {
    right: 1px;
    margin-top: -10px;
    border-left-color: #fff;
    border-right-width: 0;
    content: " "
}

.note-popover-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid transparent
}

.note-popover-arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: " "
}

.note-popover-content {
    min-width: 100px;
    min-height: 30px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff
}

.note-editor {
    position: relative
}

.note-editor .note-dropzone {
    position: absolute;
    z-index: 100;
    display: none;
    color: #87cefa;
    pointer-events: none;
    background-color: #fff;
    opacity: .95
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle
}

.note-editor .note-dropzone.hover {
    color: #098ddf
}

.note-editor.dragover .note-dropzone {
    display: table
}

.note-editor .note-editing-area {
    position: relative
}

.note-editor .note-editing-area p {
    margin: 0 0 10px
}

.note-editor .note-editing-area .note-editable {
    outline: 0
}

.note-editor .note-editing-area .note-editable table {
    width: 100%;
    border-collapse: collapse
}

.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
    padding: 5px 3px;
    border: 1px solid #ececec
}

.note-editor .note-editing-area .note-editable sup {
    vertical-align: super
}

.note-editor .note-editing-area .note-editable sub {
    vertical-align: sub
}

.note-editor .note-editing-area .note-editable a {
    font-family: inherit;
    font-weight: inherit;
    color: #337ab7;
    text-decoration: inherit;
    background-color: inherit
}

.note-editor .note-editing-area .note-editable a:hover,
.note-editor .note-editing-area .note-editable a:focus {
    color: #23527c;
    text-decoration: underline;
    outline: 0
}

.note-editor .note-editing-area .note-editable figure {
    margin: 0
}

.note-editor.note-frame {
    border: 1px solid #a9a9a9
}

.note-editor.note-frame.codeview .note-editing-area .note-editable {
    display: none
}

.note-editor.note-frame.codeview .note-editing-area .note-codable {
    display: block
}

.note-editor.note-frame .note-editing-area {
    overflow: hidden
}

.note-editor.note-frame .note-editing-area .note-editable {
    padding: 10px;
    overflow: auto;
    color: #000;
    word-wrap: break-word;
    background-color: #fff
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
    background-color: #e5e5e5
}

.note-editor.note-frame .note-editing-area .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}

.note-editor.note-frame.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100% !important
}

.note-editor.note-frame.fullscreen .note-editable {
    background-color: #fff
}

.note-editor.note-frame.fullscreen .note-resizebar {
    display: none
}

.note-editor.note-frame .note-status-output {
    display: block;
    width: 100%;
    height: 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    border: 0;
    border-top: 1px solid #e2e2e2
}

.note-editor.note-frame .note-status-output:empty {
    height: 0;
    border-top: 0 solid transparent
}

.note-editor.note-frame .note-status-output .pull-right {
    float: right !important
}

.note-editor.note-frame .note-status-output .text-muted {
    color: #777
}

.note-editor.note-frame .note-status-output .text-primary {
    color: #286090
}

.note-editor.note-frame .note-status-output .text-success {
    color: #3c763d
}

.note-editor.note-frame .note-status-output .text-info {
    color: #31708f
}

.note-editor.note-frame .note-status-output .text-warning {
    color: #8a6d3b
}

.note-editor.note-frame .note-status-output .text-danger {
    color: #a94442
}

.note-editor.note-frame .note-status-output .alert {
    padding: 7px 10px 2px;
    margin: -7px 0 0;
    color: #000;
    background-color: #f5f5f5;
    border-radius: 0
}

.note-editor.note-frame .note-status-output .alert .note-icon {
    margin-right: 5px
}

.note-editor.note-frame .note-status-output .alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important
}

.note-editor.note-frame .note-status-output .alert-info {
    color: #31708f !important;
    background-color: #d9edf7 !important
}

.note-editor.note-frame .note-status-output .alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important
}

.note-editor.note-frame .note-status-output .alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important
}

.note-editor.note-frame .note-statusbar {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    width: 100%;
    height: 9px;
    padding-top: 1px;
    cursor: ns-resize
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar {
    cursor: default
}

.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
    display: none
}

.note-editor.note-frame .note-placeholder {
    padding: 10px
}

.note-popover {
    max-width: none
}

.note-popover .note-popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.note-popover .note-popover-arrow {
    left: 20px !important
}

.note-popover .note-popover-content,
.note-toolbar {
    padding: 0 0 5px 5px;
    margin: 0;
    background-color: #fff
}

.note-popover .note-popover-content>.note-btn-group,
.note-toolbar>.note-btn-group {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0
}

.note-popover .note-popover-content .note-btn-group .note-table,
.note-toolbar .note-btn-group .note-table {
    min-width: 0;
    padding: 5px
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker,
.note-toolbar .note-btn-group .note-table .note-dimension-picker {
    font-size: 18px
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute !important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative !important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}

.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute !important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat
}

.note-popover .note-popover-content .note-style h1,
.note-toolbar .note-style h1,
.note-popover .note-popover-content .note-style h2,
.note-toolbar .note-style h2,
.note-popover .note-popover-content .note-style h3,
.note-toolbar .note-style h3,
.note-popover .note-popover-content .note-style h4,
.note-toolbar .note-style h4,
.note-popover .note-popover-content .note-style h5,
.note-toolbar .note-style h5,
.note-popover .note-popover-content .note-style h6,
.note-toolbar .note-style h6,
.note-popover .note-popover-content .note-style blockquote,
.note-toolbar .note-style blockquote {
    margin: 0
}

.note-popover .note-popover-content .note-color-all .note-dropdown-menu,
.note-toolbar .note-color-all .note-dropdown-menu {
    min-width: 346px
}

.note-popover .note-popover-content .note-color .dropdown-toggle,
.note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu,
.note-toolbar .note-color .note-dropdown-menu {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette,
.note-toolbar .note-color .note-dropdown-menu .note-palette {
    display: inline-block;
    width: 160px;
    margin: 0
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
    margin: 0 5px;
    margin-right: 15px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
    width: 100%;
    padding: 2px 3px;
    margin: 3px;
    cursor: pointer;
    background-color: #fff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
    height: 20px
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover {
    background: #eee
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
    display: none
}

.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
    border: 1px solid #eee
}

.note-popover .note-popover-content .note-style .note-dropdown-menu,
.note-toolbar .note-style .note-dropdown-menu {
    min-width: 216px;
    padding: 5px
}

.note-popover .note-popover-content .note-style .note-dropdown-menu>div:first-child,
.note-toolbar .note-style .note-dropdown-menu>div:first-child {
    margin-right: 5px
}

.note-popover .note-popover-content .note-btn-fontname .note-dropdown-menu,
.note-toolbar .note-btn-fontname .note-dropdown-menu {
    min-width: 200px
}

.note-popover .note-popover-content .note-dropdown-menu,
.note-toolbar .note-dropdown-menu {
    min-width: 160px
}

.note-popover .note-popover-content .note-dropdown-menu.right,
.note-toolbar .note-dropdown-menu.right {
    right: 0;
    left: auto
}

.note-popover .note-popover-content .note-dropdown-menu.right::before,
.note-toolbar .note-dropdown-menu.right::before {
    right: 9px;
    left: auto !important
}

.note-popover .note-popover-content .note-dropdown-menu.right::after,
.note-toolbar .note-dropdown-menu.right::after {
    right: 10px;
    left: auto !important
}

.note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item i,
.note-toolbar .note-dropdown-menu.note-check .note-dropdown-item i {
    color: #00bfff;
    visibility: hidden
}

.note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item.checked i,
.note-toolbar .note-dropdown-menu.note-check .note-dropdown-item.checked i {
    visibility: visible
}

.note-popover .note-popover-content .note-dropdown-menu .note-dropdown-item>*,
.note-toolbar .note-dropdown-menu .note-dropdown-item>* {
    margin: 0
}

.note-popover .note-popover-content .note-fontsize-10,
.note-toolbar .note-fontsize-10 {
    font-size: 10px
}

.note-popover .note-popover-content .note-color-palette,
.note-toolbar .note-color-palette {
    line-height: 1
}

.note-popover .note-popover-content .note-color-palette div .note-color-btn,
.note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff
}

.note-popover .note-popover-content .note-color-palette div .note-color-btn:hover,
.note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000
}

.note-modal .note-modal-body label {
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 2px
}

.note-modal .note-modal-body .help-list-item:hover {
    background-color: #e0e0e0
}

@-moz-document url-prefix() {
    .note-image-input {
        height: auto
    }
}

.note-placeholder {
    position: absolute;
    display: none;
    color: gray
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid #000
}

.note-handle .note-control-selection>div {
    position: absolute
}

.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.note-handle .note-control-selection .note-control-handle {
    width: 7px;
    height: 7px;
    border: 1px solid #000
}

.note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid #000
}

.note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 1px solid #000
}

.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0
}

.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none
}

.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0
}

.note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
    cursor: default;
    border-top: 0;
    border-left: none
}

.note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70)
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px
}

.note-hint-popover .note-popover-content {
    max-height: 150px;
    padding: 3px;
    overflow: auto
}

.note-hint-popover .note-popover-content .note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px
}

.note-hint-popover .note-popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .note-popover-content .note-hint-group .note-hint-item:hover {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: #428bca;
    outline: 0
}

.help-list-item label {
    display: inline-block;
    margin-bottom: 5px
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 9
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
    background-color: #fff;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
    border-radius: 3px
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    padding: 0
}

.ui-menu .ui-menu-item.disabled {
    pointer-events: none
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    line-height: 1.2;
    padding: 9px 15px
}

.ui-menu .ui-menu-item-wrapper.disabled {
    pointer-events: none
}

.ui-menu .ui-menu-divider {
    padding: 0
}

.ui-menu .ui-state-focus:not(.disabled),
.ui-menu .ui-state-active:not(.disabled) {
    background-color: #FF88BD;
    color: #fff
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@keyframes plyr-popup {
    0% {
        opacity: .5;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.plyr audio,
.plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.plyr__badge {
    background: #4f5b5f;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    width: 100%
}

.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, .8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__captions .plyr__caption div {
    display: inline
}

.plyr__captions span:empty {
    display: none
}

@media(min-width:480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px
    }
}

@media(min-width:768px) {
    .plyr__captions {
        font-size: 18px
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    -webkit-box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color: #fff
}

.plyr--video .plyr__control svg {
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15))
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color: #fff
}

.plyr__control--overlaid {
    background: rgba(26, 175, 255, .8);
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: #1aafff
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__menu,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__volume,
.plyr__controls>.plyr__control {
    margin-left: 5px
}

.plyr__controls .plyr__menu+.plyr__control,
.plyr__controls .plyr__progress+.plyr__control,
.plyr__controls>.plyr__control+.plyr__control,
.plyr__controls>.plyr__control+.plyr__menu {
    margin-left: 2px
}

.plyr__controls>.plyr__control:first-child,
.plyr__controls>.plyr__control:first-child+[data-plyr=pause] {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls:empty {
    display: none
}

@media(min-width:480px) {

    .plyr__controls .plyr__menu,
    .plyr__controls .plyr__progress,
    .plyr__controls .plyr__time,
    .plyr__controls .plyr__volume,
    .plyr__controls>.plyr__control {
        margin-left: 10px
    }
}

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4f5b5f;
    padding: 10px
}

.plyr--video .plyr__controls {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .7)));
    background: linear-gradient(transparent, rgba(0, 0, 0, .7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 3
}

@media(min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 35px 10px 10px
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__video-embed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.plyr__video-embed iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    -webkit-transform: translateY(-38.28125%);
    transform: translateY(-38.28125%)
}

.plyr__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    -webkit-transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4f5b5f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: rgba(79, 91, 95, .8);
    right: 5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: rgba(79, 91, 95, .8);
    left: 7px
}

.plyr__menu__container .plyr__control--back:before {
    background: #b7c5cd;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    content: "";
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #1aafff
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(0, 0, 0, .1)
}

.plyr__menu__container .plyr__menu__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 28px;
    color: #1aafff;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px;
    -webkit-appearance: none;
    margin-top: -4px
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 3px;
    height: 6px
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 14px;
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    -webkit-box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline: 0
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 14px
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: 10px
}

@media(max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate(-50%, 10px) scale(.8);
    transform: translate(-50%, 10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    transition: opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    transition: transform .2s ease .1s, opacity .2s ease .1s, -webkit-transform .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,
.plyr__controls>.plyr__control:first-child .plyr__tooltip {
    left: 0;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before {
    left: 16px
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    -webkit-transform: translateY(10px) scale(.8);
    transform: translateY(10px) scale(.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

.plyr--video {
    background: #000;
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    left: 7px;
    margin-right: 14px;
    position: relative
}

.plyr__progress__buffer,
.plyr__progress input[type=range] {
    margin-left: -7px;
    margin-right: -7px;
    width: calc(100% + 14px)
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 6px;
    left: 0;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--video .plyr__progress__buffer {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .25)
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(183, 197, 205, .66)
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(47, 52, 61, .6) 25%, transparent 0, transparent 50%, rgba(47, 52, 61, .6) 0, rgba(47, 52, 61, .6) 75%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, .25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(183, 197, 205, .66)
}

.plyr__volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2
}

@media(min-width:480px) {
    .plyr__volume {
        max-width: 90px
    }
}

@media(min-width:768px) {
    .plyr__volume {
        max-width: 110px
    }
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute],
.plyr--is-ios .plyr__volume {
    display: none !important
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:fullscreen .plyr__video-embed {
    overflow: visible
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }

    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow: visible
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow: visible
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow: visible
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr--fullscreen-fallback .plyr__video-embed {
    overflow: visible
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media(min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: rgba(47, 52, 61, .8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3
}

.plyr__ads:after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 6px;
    left: 0;
    margin: -3px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr--no-transition {
    -webkit-transition: none !important;
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.default-table {
    border: 1px solid #c5c8c9
}

.default-table table {
    margin: 0;
    /* color: #666b6e; */
    width: 100%;
    box-shadow: none;
    border-collapse: collapse;
    border-spacing: 0
}

.default-table table th,
.default-table table td {
    text-align: left;
    vertical-align: middle;
    padding: 8px 20px;
    font-size: 14px
}

@media(max-width:1023.98px) {

    .default-table table th,
    .default-table table td {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:768px)and (max-width:1023.98px) {

    .default-table table th:first-child,
    .default-table table td:first-child {
        padding-left: 15px
    }

    .default-table table th:last-child,
    .default-table table td:last-child {
        padding-right: 15px
    }
}

.default-table table th {
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px
}

.default-table table thead tr {
    border-bottom: 1px solid #c5c8c9
}

.default-table table tbody tr {
    background-color: transparent
}

.default-table table tbody tr:nth-child(even) {
    background-color: transparent
}

.default-table table tbody tr:not(:last-child) {
    border-bottom: 1px solid #c5c8c9
}

.default-table.sortable .label-wrap {
    position: relative;
    padding-right: 23px;
    display: inline-block
}

.default-table.sortable .sort {
    position: absolute;
    display: inline-block;
    line-height: 1;
    right: 0;
    bottom: 6px;
    cursor: pointer;
    font-size: 0
}

.default-table.sortable .sort:before {
    font-size: 12px;
    transition: .3s;
    transform: rotate(180deg)
}

.default-table.sortable .sort.desc:before {
    transform: rotate(0)
}

.default-table.with-pagination table tbody {
    background-color: #f7f8f8
}

.default-table.with-pagination table tbody tr:last-child {
    border-bottom: 1px solid #c5c8c9
}

.default-table.with-pagination .pagination {
    padding: 17px 20px
}

@media(max-width:767.98px) {
    .default-table.table-adapt table {
        display: block
    }

    .default-table.table-adapt table thead {
        display: none
    }

    .default-table.table-adapt table tbody {
        display: block
    }

    .default-table.table-adapt table tbody::after {
        display: block;
        clear: both;
        content: ""
    }

    .default-table.table-adapt table tr {
        width: 100%;
        padding: 8px 0;
        float: left
    }

    .default-table.table-adapt table tr::after {
        display: block;
        clear: both;
        content: ""
    }

    .default-table.table-adapt table td {
        float: left;
        width: 100%;
        padding: 0 19px;
        margin-bottom: 8px
    }
}

.btn,
.ost-jobs .ost-job .action {
    font-family: cerapro-regular, "sans-serif";
    display: inline-block;
    text-align: center;
    letter-spacing: .5px;
    text-decoration: none;
    cursor: pointer;
    width: auto;
    margin-bottom: 3px;
    background: #fff;
    border: 1px solid #fff;
    padding: .5em 1.3em .6em;
    font-size: 1.1em;
    line-height: 1em;
    /* color: #666b6e; */
    transition: box-shadow 100ms linear;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.btn:focus,
.ost-jobs .ost-job .action:focus,
.btn:hover,
.ost-jobs .ost-job .action:hover,
.btn:active,
.ost-jobs .ost-job .action:active {
    text-decoration: none;
    outline: none
}

.btn:focus,
.ost-jobs .ost-job .action:focus,
.btn:hover,
.ost-jobs .ost-job .action:hover {
    border: 1px solid #FF88BD;
    color: #fff;
    background: #FF88BD
}

.btn[disabled],
.ost-jobs .ost-job .action[disabled],
.btn[disabled]:hover,
.ost-jobs .ost-job .action[disabled]:hover {
    pointer-events: none;
    transition: none
}

.btn.btn--text,
.ost-jobs .ost-job .btn--text.action {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none
}

.btn.btn--text:hover,
.ost-jobs .ost-job .btn--text.action:hover {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none
}

.btn.btn--link,
.ost-jobs .ost-job .btn--link.action {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    text-decoration: underline
}

.btn.btn--link:hover,
.ost-jobs .ost-job .btn--link.action:hover,
.btn.btn--link:focus,
.ost-jobs .ost-job .btn--link.action:focus {
    /* color: #666b6e; */
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none
}

.btn.btn--white,
.ost-jobs .ost-job .btn--white.action {
    /* color: #666b6e; */
    border-color: #fff;
    background-color: #fff
}

.btn.btn--white:hover,
.ost-jobs .ost-job .btn--white.action:hover,
.btn.btn--white:focus,
.ost-jobs .ost-job .btn--white.action:focus {
    color: #fff;
    border-color: #FF88BD;
    background-color: #FF88BD
}

.btn.btn--white.btn__disabled:hover,
.ost-jobs .ost-job .btn--white.btn__disabled.action:hover,
.btn.btn--white.btn__disabled:focus,
.ost-jobs .ost-job .btn--white.btn__disabled.action:focus {
    /* color: #666b6e; */
    border-color: #fff;
    background-color: #fff
}

.btn.btn--pink,
.ost-jobs .ost-job .btn--pink.action {
    color: #fff;
    border-color: #FF88BD;
    background-color: #FF88BD
}

.btn.btn--pink:hover,
.ost-jobs .ost-job .btn--pink.action:hover,
.btn.btn--pink:focus,
.ost-jobs .ost-job .btn--pink.action:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    background-color: #fff
}

.btn.btn--pink.btn__disabled:hover,
.ost-jobs .ost-job .btn--pink.btn__disabled.action:hover,
.btn.btn--pink.btn__disabled:focus,
.ost-jobs .ost-job .btn--pink.btn__disabled.action:focus {
    color: #fff;
    border-color: #FF88BD;
    background-color: #FF88BD
}

.btn.btn--grey,
.ost-jobs .ost-job .action {
    /* color: #666b6e; */
    border-color: #666b6e;
    background: 0 0;
    opacity: 1;
    transition: opacity .2s ease
}

.btn.btn--grey:hover,
.ost-jobs .ost-job .action:hover,
.btn.btn--grey:focus,
.ost-jobs .ost-job .action:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    background-color: #fff
}

.btn.btn--grey.btn__disabled,
.ost-jobs .ost-job .btn__disabled.action {
    opacity: .5;
    transition: opacity .2s ease
}

.btn.btn--grey.btn__disabled:hover,
.ost-jobs .ost-job .btn__disabled.action:hover,
.btn.btn--grey.btn__disabled:focus,
.ost-jobs .ost-job .btn__disabled.action:focus {
    /* color: #666b6e; */
    border-color: #666b6e;
    background: 0 0
}

.btn.btn--ghost,
.ost-jobs .ost-job .btn--ghost.action {
    /* color: #666b6e; */
    border-color: #666b6e;
    background-color: #f7f8f8
}

.btn.btn--ghost:hover,
.ost-jobs .ost-job .btn--ghost.action:hover,
.btn.btn--ghost:focus,
.ost-jobs .ost-job .btn--ghost.action:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    background-color: #fff
}

.btn.btn--ghost.btn__disabled,
.ost-jobs .ost-job .btn--ghost.btn__disabled.action {
    opacity: .5;
    transition: opacity .2s ease
}

.btn.btn--ghost.btn__disabled:hover,
.ost-jobs .ost-job .btn--ghost.btn__disabled.action:hover,
.btn.btn--ghost.btn__disabled:focus,
.ost-jobs .ost-job .btn--ghost.btn__disabled.action:focus {
    /* color: #666b6e; */
    border-color: #666b6e;
    background-color: #f7f8f8
}

.btn.btn--magenta,
.ost-jobs .ost-job .btn--magenta.action {
    color: #fff;
    border-color: #e5006b;
    background-color: #e5006b
}

.btn.btn--magenta:hover,
.ost-jobs .ost-job .btn--magenta.action:hover,
.btn.btn--magenta:focus,
.ost-jobs .ost-job .btn--magenta.action:focus {
    color: #e5006b;
    border-color: #e5006b;
    background-color: #fff
}

.btn.btn--magenta.btn__disabled:hover,
.ost-jobs .ost-job .btn--magenta.btn__disabled.action:hover,
.btn.btn--magenta.btn__disabled:focus,
.ost-jobs .ost-job .btn--magenta.btn__disabled.action:focus {
    color: #fff;
    border-color: #e5006b;
    background-color: #e5006b
}

.btn.btn--cherry,
.ost-jobs .ost-job .btn--cherry.action {
    background-color: #e6006b;
    border-color: #e6006b;
    color: #fff
}

.btn.btn--cherry:hover,
.ost-jobs .ost-job .btn--cherry.action:hover {
    border-color: #ed6ba7;
    background-color: #fff;
    color: #e5367d
}

.btn.btn--cherry.btn__disabled,
.ost-jobs .ost-job .btn--cherry.btn__disabled.action {
    background-color: #e6006b;
    border-color: #e6006b;
    color: #fff;
    opacity: .25;
    cursor: default;
    pointer-events: none
}

.btn.btn--cherry.btn__disabled:hover,
.ost-jobs .ost-job .btn--cherry.btn__disabled.action:hover,
.btn.btn--cherry.btn__disabled:focus,
.ost-jobs .ost-job .btn--cherry.btn__disabled.action:focus {
    background-color: #e6006b;
    border-color: #e6006b;
    color: #fff;
    cursor: default
}

.btn.btn--blue,
.ost-jobs .ost-job .btn--blue.action {
    color: #fff;
    border-color: #005d8f;
    background-color: #005d8f
}

.btn.btn--blue:hover,
.ost-jobs .ost-job .btn--blue.action:hover,
.btn.btn--blue:focus,
.ost-jobs .ost-job .btn--blue.action:focus {
    color: #005d8f;
    border-color: #005d8f;
    background-color: #fff
}

.btn.btn--blue.btn__disabled:hover,
.ost-jobs .ost-job .btn--blue.btn__disabled.action:hover,
.btn.btn--blue.btn__disabled:focus,
.ost-jobs .ost-job .btn--blue.btn__disabled.action:focus {
    color: #fff;
    border-color: #005d8f;
    background-color: #005d8f
}

.btn.btn--fill,
.ost-jobs .ost-job .btn--fill.action {
    width: 100%
}

.btn.btn--square,
.ost-jobs .ost-job .btn--square.action {
    border-radius: 0
}

.btn.btn.ic-plus,
.ost-jobs .ost-job .ic-plus.action {
    position: relative;
    padding-left: 40px
}

.btn.btn.ic-plus:before,
.ost-jobs .ost-job .ic-plus.action:before {
    content: '+';
    position: absolute;
    left: 17px;
    top: 41%;
    font-size: 1.5em;
    line-height: 1;
    transform: translateY(-50%)
}

.btn.btn__large,
.ost-jobs .ost-job .btn__large.action {
    padding: .5em 1.3em .6em;
    font-size: 1.1em
}

.btn.btn__medium,
.ost-jobs .ost-job .action {
    padding: .2em 1.1em .3em;
    font-size: 1em
}

.btn.btn__small,
.ost-jobs .ost-job .btn__small.action {
    padding: .1em .9em .2em;
    font-size: .9em
}

.btn.btn__pad-x-xlarge,
.ost-jobs .ost-job .btn__pad-x-xlarge.action {
    padding-left: 2.3em;
    padding-right: 2.3em
}

.btn.btn__disabled,
.ost-jobs .ost-job .btn__disabled.action {
    cursor: default
}

.btn.btn--add-to-cart,
.ost-jobs .ost-job .btn--add-to-cart.action {
    position: relative;
    margin: 0;
    padding-left: 49px;
    font-size: 16px;
    line-height: 1.25;
    white-space: nowrap
}

.btn.btn--add-to-cart:before,
.ost-jobs .ost-job .btn--add-to-cart.action:before {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    font-size: 18px;
    line-height: 1
}

@media(max-width:767.98px) {

    .btn.btn--arrow-right-mobile,
    .ost-jobs .ost-job .action {
        position: absolute;
        left: 50%;
        padding: 0;
        width: 30px;
        height: 30px;
        display: block;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        border: 1px solid #bbb;
        background-color: #fff;
        border-radius: 50%;
        transition: border-color .1s ease;
        padding: 0 !important
    }

    .btn.btn--arrow-right-mobile::after,
    .ost-jobs .ost-job .action::after {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        border-top: 2px solid #777;
        border-right: 2px solid #777;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        margin-left: -1px;
        transition: border-color .1s ease
    }

    .btn.btn--arrow-right-mobile:hover,
    .ost-jobs .ost-job .action:hover {
        border: 1px solid #FF88BD;
        transition: border-color .1s ease
    }

    .btn.btn--arrow-right-mobile:hover::after,
    .ost-jobs .ost-job .action:hover::after {
        border-color: #FF88BD;
        transition: border-color .1s ease
    }
}

.btn.btn__medium,
.ost-jobs .ost-job .action,
.btn.btn__large,
.ost-jobs .ost-job .btn__large.action {
    padding: 10px 20px
}

.benefits-teaser .benefits-teaser-item .btn,
.benefits-teaser .benefits-teaser-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job .benefits-teaser .benefits-teaser-item .action {
    padding: 10px 20px
}

section.slider.stage-medium[data-navigate="1"] .inpage-navigation .inpage-link.btn-nav,
section.second-slider.stage-medium[data-navigate="1"] .inpage-navigation .inpage-link.btn-nav {
    padding: 10px 20px
}

section.slider .slide-content .btn,
section.slider .slide-content .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.slider .slide-content .action,
section.second-slider .slide-content .btn,
section.second-slider .slide-content .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.second-slider .slide-content .action {
    padding: 20px 50px
}

.btn.btn--cherry,
.ost-jobs .ost-job .btn--cherry.action {
    padding: 10px 20px
}

a.download-button {
    padding: 7px 15px
}

.sc-form-wrapper .field-submit-button input[type=submit],
form.sc-bwt-form .field-submit-button input[type=submit] {
    padding: 10px 20px
}

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(/assets/assets/images/ajax-loader.gif) center center no-repeat;
    display: none;
    pointer-events: none;
    z-index: 5
}

.preloader.active {
    display: block
}

.preloader-wrap {
    position: relative
}

.file-loader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.file-loader.file-loader--multiple.st-limit-reached .file-loader__btn-wrap {
    display: none
}

.file-loader.file-loader--multiple.st-not-empty .file-loader__file-wrapper {
    display: block
}

.file-loader.file-loader--multiple.st-not-empty .file-loader__btn-wrap {
    margin: 10px 0
}

.file-loader.file-loader--multiple.form__field--error .error {
    top: calc(100% - 6px);
    font-size: 12px
}

.file-loader.file-loader--multiple .file-loader__text-wrap {
    margin: 10px 20px 10px 0
}

.file-loader.file-loader--multiple .file-loader__file-wrapper {
    display: none;
    width: 100%
}

.file-loader.file-loader--multiple .file-loader__btn-wrap {
    display: inline-block;
    margin: 10px 0 10px auto
}

.file-loader.file-loader--multiple .file-loader__file {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    margin: 0 0 6px;
    background-color: #efefef
}

.file-loader.file-loader--multiple .file-loader__file p {
    padding: 0 10px 0 0;
    word-break: break-all;
    font-size: 14px
}

.file-loader.file-loader--multiple .file-loader__file p .icon--accept-arrow {
    margin: 0 6px 0 0;
    font-size: 12px;
    color: #FF88BD
}

.file-loader.file-loader--multiple .file-loader__file .close-icon {
    position: static;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.file-loader.file-loader--multiple .file-loader__file .close-icon .icon--close:before {
    font-size: 10px
}

@media(min-width:768px)and (max-width:1023.98px) {
    .file-loader {
        display: block
    }
}

@media(max-width:640.98px) {
    .file-loader {
        display: block
    }
}

.file-loader.form__field--error .error {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    color: #eb4e91;
    font-size: 16px;
    transition: all .2s ease
}

.file-loader.st-active .file-loader__img-wrap {
    display: inline-block
}

.file-loader.st-active .file-loader__text-wrap {
    display: none
}

.file-loader.st-active .file-loader__btn-wrap {
    display: none
}

.file-loader:not(.isRequired) .close-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.file-loader__img-wrap {
    display: none;
    height: 88px;
    position: relative;
    padding-left: 17px
}

.file-loader__img-wrap img {
    max-height: 100%
}

.file-loader__btn {
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    width: 35px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    /* color: #666b6e */
}

.file-loader .file-loader__btn.ic-photo:before {
    font-size: 16px
}

.file-loader__btn:hover {
    color: #FF88BD
}

.file-loader__text-wrap {
    margin-right: 20px;
    margin-bottom: 12px
}

.file-loader__title {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: .25px;
    margin-bottom: 2px
}

.file-loader__descr {
    font-size: 14px;
    letter-spacing: -.2px
}

.file-loader__input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0
}

.file-loader__btn-wrap {
    margin-bottom: 12px;
    flex-shrink: 0;
    max-width: 100%
}

.file-loader__btn-wrap .btn,
.file-loader__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .file-loader__btn-wrap .action {
    position: relative;
    margin-bottom: 0;
    font-size: 13px;
    padding: 10px 20px 10px 50px;
    letter-spacing: 0
}

.file-loader__btn-wrap .btn:before,
.file-loader__btn-wrap .ost-jobs .ost-job .action:before,
.ost-jobs .ost-job .file-loader__btn-wrap .action:before {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.file-loader .ic-photo:before {
    content: "";
    font-size: 14px
}

.file-loader .ic-upload:before {
    content: "";
    transform: rotate(180deg) translate(0, 50%);
    font-size: 14px
}

.file-loader .close-icon {
    display: none;
    width: 32px;
    height: 32px;
    font-size: 12px;
    right: -15px;
    top: -15px;
    bottom: auto;
    left: auto
}

.file-loader .close-icon .icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.file-loader .close-icon .icon:before {
    display: block
}

.sl-nav {
    width: 50px;
    display: flex;
    justify-content: space-between
}

.sl-nav .prev,
.sl-nav .next {
    display: none;
    width: 30px;
    height: 30px;
    position: relative
}

.sl-nav .prev.slick-arrow,
.sl-nav .next.slick-arrow {
    display: block
}

.sl-nav .prev:before,
.sl-nav .next:before {
    content: "";
    font-size: 13px;
    color: #b5b9bb;
    transition: .3s;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.sl-nav .prev:hover:before,
.sl-nav .prev:focus:before,
.sl-nav .next:hover:before,
.sl-nav .next:focus:before {
    opacity: .8
}

.sl-nav .prev.slick-disabled:before,
.sl-nav .prev.disabled:before,
.sl-nav .next.slick-disabled:before,
.sl-nav .next.disabled:before {
    opacity: .5
}

.sl-nav .prev:before {
    transform: translate(-50%, -50%) scale(-1, 1)
}

.expeditor-spacing {
    display: none
}

[data-experience-editor] .expeditor-spacing {
    height: 20px;
    width: 100%;
    display: block
}

[data-experience-editor] .expeditor-spacing-top {
    background-color: #e8eef7
}

[data-experience-editor] .expeditor-spacing-bottom {
    background-color: #f7f7e8
}

[data-experience-editor] .service-teaser expeditorcustomhighlighter,
[data-experience-editor] .benefits-teaser expeditorcustomhighlighter {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

[data-experience-editor] *[data-expeditor-datasource-highlight-status][title]::before {
    text-overflow: ellipsis
}

[data-experience-editor] div#preloaded-images {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    z-index: -1
}

[data-experience-editor] .image-gallery .scEmptyPlaceholder {
    width: 100%
}

[data-experience-editor] .benefits-teaser .scEmptyPlaceholder {
    width: 100%
}

[data-experience-editor] .container-fluid.padded-down {
    padding-top: 0
}

[data-experience-editor] .text-bg {
    color: rgba(95, 96, 98, .2)
}

[data-experience-editor] .counter .scEmptyPlaceholder {
    width: 100%
}

[data-experience-editor] .horizontal-simple-teaser {
    display: block
}

[data-experience-editor] .horizontal-simple-teaser div.horizontal-teaser-item {
    width: 50%;
    float: left
}

[data-experience-editor] .horizontal-simple-teaser:after {
    clear: both;
    content: '';
    display: block
}

[data-experience-editor] .horizontal-simple-teaser.full-wrap .horizontal-teaser-item {
    float: none;
    width: auto
}

[data-experience-editor] .vertical-simple-teaser {
    display: block
}

[data-experience-editor] .vertical-simple-teaser div.vertical-teaser-item {
    width: 25%;
    float: left
}

[data-experience-editor] .vertical-simple-teaser:after {
    clear: both;
    content: '';
    display: block
}

@media print {
    #cookie-banner {
        display: none
    }

    header-old {
        top: 0
    }

    header-old,
    section.cookie-banner,
    nav.header-old-nav,
    div.shopping-cart-icon,
    div.account-icon,
    div.menu-icon,
    div.country-page,
    span.site-search-icon,
    nav.off-canvas-menu,
    footer {
        display: none
    }
}

#ui-datepicker-div {
    background-color: #fefefe;
    z-index: 6001 !important;
    border: 1px solid #f0f1f0;
    display: none
}

@media(max-width:480px) {
    #ui-datepicker-div {
        width: 320px;
        left: 50% !important;
        transform: translateX(-50%)
    }
}

.ui-datepicker {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1)
}

.ui-datepicker a {
    text-decoration: none
}

.ui-datepicker-calendar {
    box-shadow: none;
    border: none;
    margin-left: 0;
    margin-right: 0
}

.ui-datepicker-header-old {
    text-align: center;
    border-bottom: 1px solid #cecece
}

.ui-datepicker-title {
    font-family: cerapro-bold, 'sans-serif';
    padding-bottom: 7px;
    padding-top: 7px
}

.ui-datepicker-prev,
.ui-datepicker-next {
    padding: 7px 15px
}

.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus {
    text-decoration: none
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: "";
    /* color: #666b6e; */
    transform: rotate(90deg);
    font-size: 22px
}

.desktop .ui-datepicker-prev:after,
.desktop .ui-datepicker-next:after {
    font-weight: 700
}

.ui-datepicker-prev {
    float: left
}

.ui-datepicker-next {
    float: right
}

.ui-datepicker-next:after {
    transform: rotate(-90deg)
}

.ui-datepicker-today {
    outline: 1px solid #FF88BD;
    outline-offset: -1px
}

.ui-datepicker .ui-datepicker-today .ui-state-highlight {
    /* color: #666b6e */
}

.ui-datepicker .ui-datepicker-today .ui-state-highlight.ui-state-active {
    color: #fff
}

.ui-datepicker-current-day {
    background: #FF88BD;
    font-family: cerapro-bold, 'sans-serif';
    color: #fff
}

.ui-datepicker .ui-state-disabled {
    opacity: .5
}

.ui-datepicker .ui-datepicker-calendar {
    width: 100%
}

.ui-datepicker .ui-datepicker-calendar td {
    text-align: center
}

@media(max-width:480px) {
    .ui-datepicker .ui-datepicker-calendar td {
        padding-left: 8px;
        padding-right: 8px
    }
}

.ui-datepicker .ui-icon {
    display: none
}

.ui-datepicker .ui-icon:hover,
.ui-datepicker .ui-icon:focus {
    text-decoration: none
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight {
    color: #fff
}

.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
    width: 140px;
    padding: 5px;
    border: 1px solid #f0f1f0;
    /* color: #666b6e; */
    outline: none !important;
    background: #fff;
    background-image: none
}

.ui-datepicker .ui-datepicker-month::-ms-expand,
.ui-datepicker .ui-datepicker-year::-ms-expand {
    display: none
}

.ui-datepicker .ui-datepicker-month>option,
.ui-datepicker .ui-datepicker-year>option {
    outline: none !important;
    /* color: #666b6e !important */
}

.ui-datepicker .ui-datepicker-month>option:hover,
.ui-datepicker .ui-datepicker-month>option:active,
.ui-datepicker .ui-datepicker-month>option:focus,
.ui-datepicker .ui-datepicker-month>option:focus-within,
.ui-datepicker .ui-datepicker-month>option:visited,
.ui-datepicker .ui-datepicker-year>option:hover,
.ui-datepicker .ui-datepicker-year>option:active,
.ui-datepicker .ui-datepicker-year>option:focus,
.ui-datepicker .ui-datepicker-year>option:focus-within,
.ui-datepicker .ui-datepicker-year>option:visited {
    background-color: #FF88BD !important;
    background: #666b6e !important;
    opacity: 10;
    z-index: 999999;
    background-image: none !important;
    color: #fff
}

.ui-datepicker .ui-datepicker-month option[selected],
.ui-datepicker .ui-datepicker-year option[selected] {
    position: relative;
    background: #FF88BD;
    overflow: hidden;
    color: #fff !important;
    border-radius: .25em
}

body #CybotCookiebotDialog,
body #CybotCookiebotDialogBodyUnderlay {
    overflow: visible
}

body #CybotCookiebotDialogBodyUnderlay {
    background-color: rgba(0, 0, 0, .3)
}

body #CybotCookiebotDialog {
    left: 0;
    right: 0;
    padding: 30px 40px 10px;
    max-width: 590px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    border: 0;
    box-shadow: none;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 0;
    overflow: visible
}

@media screen and (max-width:767.98px) {
    body #CybotCookiebotDialog {
        transform-origin: top center !important
    }
}

body #CybotCookiebotDialog>div {
    display: none
}

body #CybotCookiebotDialog>#CybotCookiebotDialogBody {
    display: block
}

body #CybotCookiebotDialog a,
body #CybotCookiebotDialog br,
body #CybotCookiebotDialog div,
body #CybotCookiebotDialog td {
    margin: 0;
    line-height: 1.5
}

body #CybotCookiebotDialog a,
body #CybotCookiebotDialog div,
body #CybotCookiebotDialogBodyContentControls,
body #CybotCookiebotDialogBodyContentTitle {
    font-family: cerapro-regular, Helvetica, Arial, sans-serif
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

body div[dir=rtl] #CybotCookiebotDialogPoweredbyLink {
    margin-left: 0;
    margin-right: 16px
}

body #CybotCookiebotDialogBody {
    overflow: visible
}

body #CybotCookiebotDialogBodyContent {
    padding: 0;
    line-height: 1.5
}

body div[dir=rtl] #CybotCookiebotDialogBodyContent {
    padding-left: 12px;
    padding-right: 80px
}

body #CybotCookiebotDialogBodyContentControls {
    min-height: 10px;
    font-size: 9.5pt;
    font-weight: 400;
    line-height: 130%;
    padding: 12px 0 8px 80px
}

body div[dir=rtl] #CybotCookiebotDialogBodyContentControls {
    padding-left: 0;
    padding-right: 80px
}

body .CybotCookiebotDialogBodyContentControlsWrapper {
    display: inline-block;
    position: relative;
    margin-right: 14px;
    margin-left: 0;
    line-height: 16px
}

body div[dir=rtl] .CybotCookiebotDialogBodyContentControlsWrapper {
    margin-right: 0;
    margin-left: 14px
}

body #CybotCookiebotDialogBodyContentTitle {
    margin: 0 0 10px;
    /* color: #666b6e; */
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400
}

body #CybotCookiebotDialogBodyContentText {
    margin: 0;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    line-height: 1.5
}

body #CybotCookiebotDialogBodyButtons {
    position: relative;
    margin: 0;
    padding: 1px 0 50px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

body div[dir=rtl] .CybotCookiebotDialogBodyButton {
    margin-left: 0;
    margin-right: 12px
}

body #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept {
    margin: 10px auto 10px 0 !important;
    padding: .5em 1.3em .6em;
    width: auto !important;
    display: block;
    cursor: pointer;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 17.6px;
    line-height: 1;
    color: #fff;
    letter-spacing: .5px;
    text-decoration: none;
    text-align: center;
    outline: none;
    background-color: #FF88BD;
    border: 1px solid #FF88BD;
    transition: box-shadow 100ms linear;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

@media screen and (max-width:767.98px) {

    body #CybotCookiebotDialogBodyButtonAccept,
    body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept {
        margin: 10px auto !important;
        white-space: normal
    }
}

body #CybotCookiebotDialogBodyButtonAccept:hover,
body #CybotCookiebotDialogBodyButtonAccept:focus,
body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept:hover,
body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonAccept:focus {
    color: #FF88BD;
    outline: none;
    border-color: #FF88BD;
    background-color: #fff
}

body #CybotCookiebotDialogBodyButtonDecline,
body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline {
    margin: 10px 10px 10px 0 !important;
    padding: .5em 1.3em .6em;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    display: block;
    width: auto !important;
    cursor: pointer;
    font-size: 17.6px;
    line-height: 1;
    color: #fff;
    letter-spacing: .5px;
    text-decoration: none;
    text-align: center;
    outline: none;
    border: 1px solid #FF88BD;
    background-color: #FF88BD;
    transition: box-shadow 100ms linear;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

@media screen and (max-width:767.98px) {

    body #CybotCookiebotDialogBodyButtonDecline,
    body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline {
        margin: 10px auto !important
    }
}

body #CybotCookiebotDialogBodyButtonDecline:hover,
body #CybotCookiebotDialogBodyButtonDecline:focus,
body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline:hover,
body #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline:focus {
    color: #FF88BD;
    outline: none;
    border-color: #FF88BD;
    background-color: #fff
}

body #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyLink {
    margin: 0;
    padding-right: 24px;
    font-size: 17.6px;
    line-height: 1;
    border: 0;
    background-position: right 15px
}

@media screen and (max-width:767.98px) {
    body #CybotCookiebotDialogBodyButtonDetails {
        position: absolute;
        right: -30px;
        bottom: 0;
        margin: 0;
        float: none;
        padding-right: 24px;
        font-size: 17.6px;
        line-height: 1;
        border: 0;
        background-position: right 15px
    }
}

body #CybotCookiebotDialogDetail {
    padding: 0 !important;
    background: 0 0
}

body #CybotCookiebotDialogDetailBody {
    max-width: 632px;
    padding: 0 12px;
    vertical-align: top;
    padding: 20px 0 0 !important;
    max-width: none
}

body #CybotCookiebotDialogDetailBodyContent {
    height: auto;
    min-height: 170px;
    box-sizing: border-box
}

body #CybotCookiebotDialogDetailFooter {
    background-color: transparent
}

body #CybotCookiebotDialogDetailBodyContentTextAbout,
body #CybotCookiebotDialogDetailBodyContentTextIAB {
    height: auto;
    max-height: 170px
}

body #CybotCookiebotDialogDetailBodyContentTextOverview {
    display: block
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
    float: none;
    flex: 0 0 auto
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
    position: relative;
    padding: 0;
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    overflow: visible
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 6px 0 10px;
    height: auto;
    overflow-y: auto
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table {
    box-shadow: none;
    border: 0
}

[data-component-image] {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f4f4f4;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    transition: background-image .3s ease-in-out
}

[data-component-image].is-loaded:after {
    content: none
}

[data-component-image]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -.5em 0 0 -.5em;
    background: rgba(244, 244, 244, .9);
    border-radius: 100%;
    animation: bobble 2s cubic-bezier(.6, 1, 1, 1) infinite
}

.aspect-ratio {
    position: relative
}

.aspect-ratio>.aspect-ratio__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.aspect-ratio>.aspect-ratio__content picture,
.aspect-ratio>.aspect-ratio__content img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.aspect-ratio:before {
    content: '';
    display: block;
    width: 100%
}

.aspect-ratio--16-9:before {
    padding-top: 56.25%
}

.aspect-ratio--3-2:before {
    padding-top: 66.66667%
}

.aspect-ratio--4-3:before {
    padding-top: 75%
}

.aspect-ratio--1-1:before {
    padding-top: 100%
}

@media(max-width:1023.98px) {
    .aspect-ratio--16-9-tablet:before {
        padding-top: 56.25%
    }
}

.slider {
    padding-bottom: 50px
}

.slider__slide {
    display: none
}

.slider__slide:first-child {
    display: block
}

.slider__slide__container {
    vertical-align: middle;
    text-align: center
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 30px;
    z-index: 0
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 20px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    position: relative
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: .7
}

.slick-dots li button:before {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border: 1px solid #f5b6c7;
    background-color: transparent
}

.slick-dots li.slick-active button:before {
    border: 1px solid #f5b6c7;
    background-color: #f5b6c7
}

.slick-list {
    padding: 0 0 15px
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 100%;
    margin-top: -45px;
    padding: 0;
    border: none;
    outline: none;
    z-index: 99
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: 0 0;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: #f5b6c7;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 20%
}

.slick-prev:before {
    content: ""
}

.slick-next {
    right: 20%
}

.slick-next:before {
    content: ""
}

.teaser {
    background: #bccbd2;
    border: #5f6062 1px;
    justify-content: flex-end
}

.teaser__text {
    padding: 80px 70px 90px 160px;
    display: flex;
    align-self: flex-start;
    flex-direction: column;
    align-items: flex-start;
    max-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    /* color: #666b6e */
}

.experience-editor .teaser__text {
    max-height: none
}

.teaser__text h3,
.teaser__text h4 {
    text-align: left;
    margin-bottom: 10px;
    flex: 0 0 auto;
    width: 100%
}

.teaser__text h3 {
    font-size: 25px;
    line-height: 1.2
}

@media(max-width:641px) {
    .teaser__text h3 {
        font-size: 22px
    }
}

.teaser__text sup {
    line-height: 1
}

.teaser-text-content {
    font-size: 16px;
    line-height: 1.5;
    flex: 0 1 auto;
    min-height: 0;
    width: 100%;
    overflow: hidden
}

.experience-editor .teaser-text-content {
    overflow: visible
}

.teaser-text-content p {
    font-size: inherit;
    line-height: inherit
}

.teaser p {
    margin-bottom: 0
}

.teaser__nav {
    background: rgba(255, 255, 255, .75)
}

.teaser__headline--subtext {
    font-size: 15px;
    width: 75%
}

.teaser__label {
    padding: 10px 15px 25px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.teaser__more {
    width: 20%;
    text-align: right;
    font-size: 1.5rem
}

.teaser h5 {
    text-align: left
}

.teaser-tile-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    text-align: left
}

.teaser-tile-container[data-align-left] {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse
}

.teaser__text-container {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
    max-height: 640px;
    background: #f7f8f8
}

.experience-editor .teaser__text-container {
    max-height: none
}

.teaser__text-container .teaser-text-content li>ul {
    margin-bottom: -10px
}

.teaser__text-container .teaser-text-content li>ul li:last-of-type {
    padding-bottom: 0
}

.teaser__text-container ul {
    margin-left: 1em
}

.teaser__text-container .btn,
.teaser__text-container .ost-jobs .ost-job .action,
.ost-jobs .ost-job .teaser__text-container .action {
    margin-top: 20px;
    flex: 0 0 auto
}

.teaser-col {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
    min-height: 1px
}

.teaser-col div.teaser-image-tile.is-extended .image-wrapper img.extended,
.teaser-col a.is-extended .image-wrapper img.extended {
    display: block
}

.teaser-col div.teaser-image-tile.is-extended .image-wrapper img.original,
.teaser-col a.is-extended .image-wrapper img.original {
    display: none
}

.teaser-col>div.teaser-image-tile,
.teaser-col>a {
    min-height: 1px
}

.teaser-col>div.teaser-image-tile:only-of-type img.extended,
.teaser-col>a:only-of-type img.extended {
    display: none
}

.teaser-col>div.teaser-image-tile:only-of-type img.original,
.teaser-col>a:only-of-type img.original {
    display: block
}

.row-direction {
    flex-direction: row;
    -ms-flex-direction: row
}

.teaser-row {
    flex-direction: row;
    -ms-flex-direction: row;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    min-height: 1px
}

@media(max-width:1280px) {
    .teaser__text {
        padding: 20px 50px
    }
}

@media(max-width:769px) {
    .teaser__text {
        padding: 20px
    }

    .teaser-text-content {
        font-size: 15px;
        line-height: 24px;
        -webkit-text-size-adjust: 100%
    }

    .teaser-tile-container>.teaser-col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .teaser__text-container {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media(max-width:641px) {
    .teaser-tile-container .teaser-col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .teaser-tile-container .teaser-col div.teaser-image-tile.is-extended .image-wrapper img.extended {
        display: none
    }

    .teaser-tile-container .teaser-col div.teaser-image-tile.is-extended .image-wrapper img.original {
        display: block
    }

    .teaser__text-container {
        max-width: 100%;
        flex: 0 0 100%;
        max-height: none
    }

    .teaser__text-container .btn,
    .teaser__text-container .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .teaser__text-container .action {
        white-space: normal
    }
}

.grid-row {
    display: flex;
    display: -ms-flexbox;
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.grid-col {
    flex: 1 1 0;
    -ms-flex: 1 1 0%;
    position: relative
}

.space-between {
    justify-content: space-between
}

.centered {
    justify-content: center
}

.v-centered {
    align-items: center
}

.col-padded {
    padding: 30px
}

@media(min-width:769px) {
    .grid-col-md-2 {
        flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid-col-md-3 {
        flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        max-width: 33.3%
    }

    .grid-col-md-4 {
        flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        max-width: 25%
    }

    .grid-col-md-5 {
        flex: 0 0 31.25%;
        -ms-flex: 0 0 31.25%;
        max-width: 31.25%
    }

    .grid-col-md-6 {
        flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid-col-md-8 {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }

    .grid-col-md-10 {
        flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid-col-md-11 {
        flex: 0 0 68.75%;
        -ms-flex: 0 0 68.75%;
        max-width: 68.75%
    }

    .grid-col-md-12 {
        flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        max-width: 75%
    }

    .grid-col-md-16 {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%
    }

    .offset-right-20 {
        padding-right: 20px
    }

    .offset-left-20 {
        padding-left: 20px
    }

    .col-padded {
        padding: 30px
    }
}

@media(max-width:769px) {
    .grid-col-sm-16 {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%
    }

    .offset-right-20 {
        padding-right: 0
    }

    .offset-left-20 {
        padding-left: 0
    }

    .col-padded {
        padding: 15px
    }
}

@media(max-width:640px) {
    .grid-col-sm-14 {
        flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid-col-mob-16 {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%
    }
}

@media(min-width:641px)and (max-width:769px) {
    .grid-col-tb-14 {
        flex: 0 0 87.5%;
        -ms-flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid-col-tb-8 {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }
}

.cookie-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f7f7f7;
    text-align: center;
    padding: 20px 30px 10px;
    display: none;
    z-index: 5000;
    font-family: cerapro-regular, "sans-serif";
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cookie-banner.open {
    display: block
}

.cookie-banner__text {
    display: inline-block;
    margin-bottom: 10px
}

.cookie-banner__btn-wrap {
    margin-left: 2rem;
    margin-bottom: 10px;
    display: inline-block
}

.cookie-banner button+button {
    margin-left: 10px
}

@media(max-width:641px) {
    .cookie-banner {
        padding: 20px
    }
}

.tab {
    display: inline-block;
    background-color: #f8f8f8;
    padding: 5px;
    text-transform: uppercase;
    min-width: 160px;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 14px;
    text-align: center
}

@media all and (max-width:767px) {
    .tab {
        padding-bottom: 4px;
        padding-left: 0;
        text-align: left;
        width: 100%;
        font-weight: 700;
        border-bottom: 1px solid #d9d9d9;
        background-color: transparent;
        margin-bottom: 10px;
        margin-top: 20px
    }
}

.tab.active {
    position: relative;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background-color: transparent
}

.tab.active::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: -2px;
    left: 1px;
    background-color: #fff
}

.tab_content {
    padding-top: 20px;
    border-top: 1px solid #d9d9d9
}

@media all and (max-width:767px) {
    .tab_content {
        border-top: 0
    }
}

.country-page .page-header-old .icon--globe {
    margin-right: 5px
}

.country-page .page-header-old+section {
    margin-bottom: 40px
}

.country-page .section-header-old {
    text-transform: uppercase;
    padding-bottom: 4px;
    font-weight: 700;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px
}

.country-page .locale-wrapper a,
.country-page .countries-list li a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    border-left: 1px solid #666b6e;
    display: inline
}

.country-page .locale-wrapper a:first-of-type,
.country-page .countries-list li a:first-of-type {
    font-weight: 700;
    border-left: none;
    padding-left: 0
}

.country-page ul.countries-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

.country-page ul.countries-list li {
    padding: 8px 0;
    width: 33.33333%;
    float: left;
    line-height: 1rem
}

@media all and (max-width:767px) {
    .country-page ul.countries-list li {
        display: block;
        width: 100%;
        float: none
    }
}

.country-page ul.countries-list li:after {
    content: '';
    display: table;
    clear: both
}

.country-page ul.countries-list li a {
    line-height: 1rem;
    text-decoration: none
}

@media all and (max-width:769px) {
    .country-page ul.countries-list li a {
        display: inline;
        float: none
    }
}

.country-page ul.countries-list li a:hover {
    text-decoration: none;
    color: #FF88BD
}

.country-page ul.countries-list:after {
    content: '';
    display: table;
    clear: both
}

@media(min-width:768px) {
    .page-content-wrapper {
        padding: 30px;
        position: relative
    }
}

.selectbox-list-box.language-select-list {
    max-height: 100%;
    background-color: #e1e3e4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #6a6c6b;
    border-top: 1px solid #e1e3e4
}

.selectbox-list-box.language-select-list li.selectbox-list-item {
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0
}

.selectbox-list-box.language-select-list li.selectbox-list-item [data-lang-icon] {
    display: flex;
    align-items: center
}

.selectbox-list-box.language-select-list li.selectbox-list-item [data-lang-icon] img {
    max-height: 12px;
    margin-right: 4px
}

.selectbox-list-box.language-select-list li.selectbox-list-item:hover {
    background: 0 0
}

.selectbox-list-box.language-select-list li.selectbox-list-item:hover a {
    color: #FF88BD
}

.selectbox-list-box.language-select-list li.selectbox-list-item a {
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-decoration: none
}

.selectbox-list-box.language-select-list li.selectbox-list-item a[data-lang-icon] {
    padding: 5px
}

.selectbox-list-box.language-select-list .selectbox-list {
    font-size: 12px;
    padding-top: 0;
    margin-bottom: 0
}

.language-switch {
    display: inline-flex
}

.language-switch.language-switch--w-icons .languages .selectbox {
    min-width: 80px !important
}

.language-switch .languages {
    margin-left: 30px
}

@media all and (max-width:769px) {
    .language-switch .languages {
        margin-left: 10px
    }
}

.language-switch .languages .selectbox {
    border: 1px solid #6a6c6b;
    min-width: 53px !important;
    border-radius: 3px;
    display: inline-block
}

.language-switch .languages .selectbox.state-focus {
    background-color: #e1e3e4;
    border-bottom: 1px solid #e1e3e4;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.language-switch .languages .selectbox-button {
    display: flex;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    padding: 5px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px
}

.language-switch .languages .selectbox-button[data-lang-icon] img {
    max-height: 12px;
    margin-right: 4px
}

.language-switch .languages .selectbox-button:focus {
    outline: none
}

.language-switch .languages .selectbox-button .icon.icon--arrow-down {
    margin-left: auto;
    margin-right: 3px
}

.language-switch .languages .icon.icon--arrow-down {
    font-size: 10px;
    line-height: 0;
    margin-left: 20px;
    display: inline-block;
    cursor: pointer
}

a .language {
    font-size: .9rem;
    float: left;
    /* color: #666b6e; */
    margin-left: 5px;
    padding: 1px 4px;
    border: 1px solid transparent;
    text-transform: uppercase
}

a .language:hover {
    color: #fff;
    background-color: #FF88BD
}

a .language.selected {
    border: 1px solid #666b6e
}

.global-website {
    text-decoration: none;
    /* color: #666b6e */
}

.global-website span.content-text {
    font-size: 12px;
    padding: 0 5px
}

.global-website .icon--arrow-down {
    font-size: 10px
}

.global-website:hover {
    color: #FF88BD
}

.show-in-footer {
    display: none
}

footer .show-in-footer {
    display: inline;
    margin-right: 8px;
    font-family: cerapro-bold, "sans-serif"
}

.off-canvas-menu .language-switch {
    position: absolute;
    top: 30px;
    right: 30px
}

@media(max-width:285px) {
    .language-switch {
        flex-direction: column;
        align-items: flex-end
    }
}

@media(min-width:1280px)and (max-width:1300px) {
    .language-switch .languages {
        margin-left: 0
    }
}

.off-canvas-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 19;
    background-color: transparent;
    display: none
}

.off-canvas-menu {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    -o-transform: translateX(-101%);
    transform: translateX(-101%)
}

.off-canvas-menu.loaded {
    padding: 80px 0 0;
    width: 33%;
    overflow-x: visible;
    transition: transform 600ms ease-in-out, width 100ms ease-in-out 600ms;
    -webkit-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    -o-transform: translateX(-101%);
    transform: translateX(-101%)
}

.off-canvas-menu.loaded.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 3px 0 5px -2px #ccc;
    transition: transform 600ms ease-in-out
}

.off-canvas-menu.loaded.open+.off-canvas-backdrop {
    display: block
}

.off-canvas-menu .menu-wrapper {
    overflow-y: auto;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px
}

@media(min-width:0) {
    .off-canvas-menu.loaded.open {
        width: 100%
    }
}

@media(min-width:640px) {
    .off-canvas-menu.loaded.open {
        width: 50%
    }
}

@media(min-width:769px) {
    .off-canvas-menu.loaded.open {
        width: 50%
    }
}

@media(min-width:1280px) {
    .off-canvas-menu.loaded.open {
        width: 25%
    }
}

.menu-icon {
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 13;
    cursor: pointer;
    width: 30px;
    height: 22px;
    -webkit-transition: opacity .3s ease, z-index .3s ease;
    -moz-transition: opacity .3s ease, z-index .3s ease;
    -ms-transition: opacity .3s ease, z-index .3s ease;
    -o-transition: opacity .3s ease, z-index .3s ease;
    transition: opacity .3s ease, z-index .3s ease
}

.modal-shown .menu-icon {
    z-index: 0
}

.menu-icon .bar {
    position: relative;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #666b6e;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.menu-icon .middle {
    margin: 8px auto
}

.menu-icon.close {
    position: fixed;
    z-index: 1000
}

.menu-icon.close .top {
    -webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(10px) rotateZ(45deg)
}

.menu-icon.close .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    -moz-transform: translateY(-10px) rotateZ(-45deg);
    -ms-transform: translateY(-10px) rotateZ(-45deg);
    -o-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg)
}

.menu-icon.close .middle {
    width: 0
}

.menu-icon .menu-text {
    opacity: 0;
    font-size: 14px;
    font-family: nexaslabboldoblique, "sans-serif";
    margin: 2px 50% 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block
}

.menu-icon:hover .menu-text {
    opacity: 1;
    color: inherit
}

@media(max-width:640px) {
    .menu-icon {
        left: 20px;
        top: 22px
    }
}

.container-fluid {
    height: 100%;
    width: 100%
}

.page-content {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    z-index: auto
}

.modal-shown .page-content {
    z-index: 10
}

.page-wrapper {
    left: 0;
    position: relative;
    transition: all 600ms ease-in-out
}

.page-wrapper .page-content {
    width: 100%;
    background-color: #fff
}

.page-wrapper.toggled {
    left: 33%;
    background: #000
}

.page-wrapper.toggled .page-content,
.page-wrapper.toggled header-old {
    opacity: .5
}

.page-wrapper.toggled .header-old-nav {
    display: none
}

.page-wrapper.modal-open .page-content {
    overflow: hidden;
    height: 0;
    padding: 0
}

.stage {
    background-color: grey;
    width: 100%;
    height: 100vh
}

.content-area,
.p-stage__slide-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 85px
}

.content-area::after,
.p-stage__slide-inner::after {
    content: '';
    display: block;
    clear: both
}

.page-content-wrapper {
    width: 100vw;
    margin: 0 auto;
    position: relative
}

@media(min-width:0) {
    .page-wrapper.toggled {
        left: 0
    }
}

@media(min-width:640px) {
    .page-wrapper.toggled {
        left: 50%
    }
}

@media(min-width:768px) {
    .page-content-wrapper {
        padding: 30px
    }
}

@media(max-width:767px) {
    .page-content-wrapper {
        padding: 15px
    }
}

@media(max-width:641px) {

    .content-area,
    .p-stage__slide-inner {
        margin: 0 20px
    }
}

@media(min-width:1280px) {
    .page-wrapper.toggled {
        left: 25%
    }
}

@media(max-width:1280px)and (min-width:641px) {

    .content-area,
    .p-stage__slide-inner {
        margin: 0 30px
    }
}

header-old {
    position: fixed;
    z-index: 10;
    left: 0;
    height: 85px;
    display: flex;
    align-items: center;
    width: 100%;
    top: 0;
    transform: translate3d(0, 0, 0);
    pointer-events: none
}

header-old a {
    pointer-events: all
}

@media(max-width:640.98px) {
    header-old {
        height: 68px
    }
}

.modal-shown header-old {
    z-index: 0
}

header-old .header-old-logo {
    position: absolute;
    right: 30px;
    top: 22px;
    width: 114px
}

@media(max-width:640.98px) {
    header-old .header-old-logo {
        right: 20px;
        top: 17px;
        width: 97px
    }
}

header-old .header-old-logo>a {
    display: block
}

header-old .header-old-logo>a svg {
    max-height: 42px
}

@media(max-width:640.98px) {
    header-old .header-old-logo>a svg {
        max-height: 37px
    }
}

header-old .breadcrumbs {
    display: none
}

header-old.sticky {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 3px #999;
    -moz-box-shadow: 0 0 5px 3px #999;
    box-shadow: 0 0 5px 3px #999
}

header-old.sticky:after {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

header-old.sticky ul.breadcrumbs {
    display: block
}

.header-old-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    padding-left: 60px;
    height: 85px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap
}

.modal-shown .header-old-nav {
    z-index: 0
}

@media(max-width:640.98px) {
    .header-old-nav {
        padding-left: 50px;
        height: 68px
    }
}

.header-old-nav .header-old-nav__item {
    margin-left: 10px
}

.header-old-nav .header-old-nav__item.account-icon {
    margin-bottom: 2px
}

@media(max-width:640px) {
    .header-old-nav .header-old-nav__item {
        margin-left: 8px
    }
}

.header-old-nav .header-old-nav__item:first-child:not(.mega-menu-toggler) {
    margin-left: 20px
}

@media(max-width:640px) {
    .header-old-nav .header-old-nav__item:first-child:not(.mega-menu-toggler) {
        margin-left: 16px
    }
}

.header-old-nav .header-old-nav__item+.mega-menu-toggler {
    margin-left: 2px
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
del,
img,
ins,
q,
s,
strike,
u,
center,
dl,
dt,
dd,
ol,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header-old,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-variant-ligatures: no-common-ligatures
}

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

html,
body {
    font-family: cerapro-regular, 'sans-serif';
    line-height: 1.525;
    /* color: #666b6e; */
    -webkit-text-size-adjust: 100%
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

body.modal-shown {
    overflow-y: hidden
}

ul,
ol {
    margin: 0 0 15px;
    padding-left: 1em
}

ul li,
ol li {
    padding-bottom: 10px
}

img {
    max-width: 100%;
    height: auto;
    display: block
}

strong {
    font-family: CeraPRO-Bold, 'sans-serif';
    font-weight: 400
}

a {
    text-decoration: underline;
    /* color: #666b6e */
}

a:hover,
a:focus {
    color: #FF88BD;
    text-decoration: underline
}

p {
    padding-bottom: 15px
}

table {
    /* color: #666b6e; */
    margin: 20px 5px;
    width: calc(100% - 10px);
    -webkit-box-shadow: 0 0 8px 1px #f0f0f0;
    -moz-box-shadow: 0 0 8px 1px #f0f0f0;
    box-shadow: 0 0 8px 1px #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    border-collapse: collapse;
    border-spacing: 0
}

table tbody tr:nth-child(odd) {
    background-color: transparent
}

table tbody tr:nth-child(even) {
    background-color: #f9f9f9
}

table td {
    vertical-align: middle;
    text-align: left;
    padding: 5px 15px;
    font-size: 15px
}

table td ul {
    font-size: inherit
}

.text-container table tbody tr td ul {
    font-size: inherit;
    margin: 0
}

.table-wrap {
    padding: 1px;
    width: 100%;
    overflow: auto
}

.table-wrap table tr td {
    min-width: 80px
}

.table-wrap table tr td:first-child {
    min-width: 160px
}

.hyphenate {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto
}

.align-center {
    text-align: center
}

.back-link {
    padding-bottom: 20px
}

@media all and (max-width:769px) {
    .back-link {
        padding-left: 20px
    }
}

.back-link a {
    font-size: 14px;
    font-family: cerapro-bold, "sans-serif";
    text-decoration: none
}

footer {
    position: relative;
    z-index: 2;
    font-size: 14px;
    margin-top: 100px
}

footer ul.footer-subnav {
    margin-bottom: 0
}

footer a {
    text-decoration: none;
    /* color: #666b6e */
}

footer a:hover {
    text-decoration: none;
    color: #FF88BD
}

footer .content {
    width: 100%;
    display: inline-block;
    /* color: #666b6e; */
    background-color: #e8e8e8
}

footer .pull-up {
    width: 100%;
    text-align: center;
    cursor: pointer;
    line-height: 0
}

footer .pull-up img {
    display: inline-block
}

footer .offset-top {
    padding-top: 40px
}

footer .offset-right {
    padding-right: 60px
}

footer .offset-left {
    padding-left: 60px
}

footer .newsletter {
    display: flex;
    align-items: baseline;
    margin-top: 30px
}

footer .newsletter .btn,
footer .newsletter .ost-jobs .ost-job .action,
.ost-jobs .ost-job footer .newsletter .action {
    margin-left: 20px;
    padding: 5px 10px;
    transform: translateY(-4px)
}

footer .footer-bottom {
    background-color: #f7f8f8
}

footer .footer-bottom ul li {
    display: inline;
    padding: 5px 10px
}

footer .footer-bottom ul li:first-of-type {
    padding-left: 0
}

footer .navigation {
    text-align: center;
    font-weight: 700
}

footer .navigation ul {
    margin-bottom: 0
}

footer .navigation .meta {
    font-weight: 400;
    padding: 25px 0;
    border-bottom: 1px solid #eee
}

footer .copyright {
    padding-top: 15px
}

footer .newsletter-form {
    width: 100%;
    background-color: transparent;
    padding: 0;
    font-size: 100%
}

footer .newsletter-form .form__field--checkbox {
    font-size: 100%
}

footer .footer-input {
    display: flex;
    align-items: center
}

footer .footer-input .form__field__input {
    flex: 1 1 auto
}

footer .footer-input .btn,
footer .footer-input .ost-jobs .ost-job .action,
.ost-jobs .ost-job footer .footer-input .action {
    flex: 0 0 auto
}

footer .success-layer,
footer .error-layer {
    padding: 1em;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 40;
    text-align: center;
    background-color: #fff;
    overflow-y: auto;
    padding-top: 105px
}

footer .success-layer .text-content,
footer .error-layer .text-content {
    padding-top: 5em;
    width: 50%;
    margin: 0 auto
}

@media all and (max-width:767px) {

    footer .success-layer .text-content,
    footer .error-layer .text-content {
        width: 90%
    }
}

footer .success-layer p,
footer .error-layer p {
    padding-top: 2em
}

@media(max-width:767px) {
    .navigation {
        display: none
    }

    footer .grid-row .grid-col:first-of-type,
    footer .grid-row .grid-col-sm-16:first-of-type {
        order: 2
    }

    footer .grid-row .grid-col:last-of-type,
    footer .grid-row .grid-col-sm-16:last-of-type {
        order: 1
    }

    footer .offset-left {
        padding-left: 0
    }

    .col-padded {
        padding: 20px 15px
    }

    .footer-bottom {
        padding-left: 0;
        padding-right: 0
    }

    .copyright {
        text-align: center
    }

    .copyright .last-col {
        padding: 0 0 30px
    }

    .copyright .first-col {
        border-top: 1px solid #eee;
        padding: 15px 0
    }
}

.footer-content-area {
    max-width: 1280px;
    margin: 0 auto
}

footer .text-container hr {
    display: none
}

footer .text-container .trustpilot-widget+hr {
    display: block;
    margin-top: 40px
}

.follow-links .links {
    padding-top: 10px
}

.follow-links span.icon {
    font-size: 29px
}

.follow-links a {
    text-decoration: none;
    /* color: #666b6e */
}

.follow-links a:hover {
    color: #FF88BD
}

.follow-links .contact-link {
    display: inline-block;
    margin-left: 30px
}

.follow-links .contact-link .icon-link {
    border: 1px solid #666b6e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 5px
}

.follow-links .contact-link .icon-link:hover {
    border: 1px solid #FF88BD
}

.follow-links .contact-link strong {
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none
}

.follow-links .contact-link .links {
    text-align: center
}

.follow-links .icon-link {
    display: inline-block;
    width: 30px;
    height: 30px
}

.follow-links .icon-link:hover svg * {
    fill: #FF88BD
}

ul.breadcrumbs {
    margin-bottom: 0;
    list-style: none;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    padding-left: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

ul.breadcrumbs li {
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
    padding-right: 5px;
    padding-bottom: 0
}

ul.breadcrumbs li a {
    color: #FF88BD;
    text-decoration: none
}

ul.breadcrumbs li a:hover {
    color: #FF88BD
}

ul.breadcrumbs li span.icon {
    font-size: 9px;
    padding-left: 2px
}

@media(max-width:641px) {
    header-old.sticky ul.breadcrumbs {
        display: none
    }
}

.navigation-menu>ul {
    margin: 10px 0 0;
    padding: 0;
    overflow-y: auto !important;
    width: 100%;
    /* color: #666b6e; */
    line-height: 1.5rem
}

.navigation-menu>ul li {
    position: relative;
    border-bottom: 1px solid #b5b9bb;
    padding-left: 30px;
    cursor: pointer;
    padding-bottom: 0
}

.navigation-menu>ul li img {
    position: absolute;
    left: 0;
    top: 11px
}

.navigation-menu>ul li a {
    display: block;
    /* color: #666b6e; */
    padding: 10px 40px 10px 7px;
    font-size: 16px;
    transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -webkit-transition: background-color .5s ease-out;
    line-height: 1.4rem;
    text-transform: uppercase;
    font-family: CeraPRO-Bold, 'sans-serif';
    text-decoration: none
}

.navigation-menu>ul li a:hover {
    background-color: #FF88BD;
    text-decoration: none;
    color: #fff
}

.navigation-menu>ul li .icon {
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 40px;
    width: 40px
}

.navigation-menu>ul li .icon::before {
    position: absolute;
    top: 13px;
    right: 15px;
    transition: transform 300ms ease
}

.navigation-menu>ul li.active>a {
    color: #FF88BD
}

.navigation-menu>ul li.active>a:hover,
.navigation-menu>ul li.active>a:focus {
    color: #fff
}

.navigation-menu>ul li.opened>.icon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navigation-menu>ul li.opened.active>.icon::before {
    color: #FF88BD
}

.navigation-menu>ul li>ul {
    padding: 0;
    display: none;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-bottom: 0
}

.navigation-menu>ul li>ul li {
    border: none;
    font-weight: 400;
    padding-left: 0;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease
}

.navigation-menu>ul li>ul li a {
    padding: 7px 40px 7px 7px;
    font-family: CeraPRO-Regular, sans-serif;
    font-size: 14px
}

.navigation-menu>ul li>ul li.opened {
    background-color: #f7f8f8
}

.navigation-menu>ul li>ul li ul li a {
    padding: 7px 10px 7px 15px;
    text-transform: none
}

.navigation-menu>ul li>ul li ul li.opened {
    background-color: #f0f1f2
}

.navigation-menu>ul li>ul li ul li.opened>a {
    background-color: #f7f8f8
}

.navigation-menu>ul li>ul li ul li.opened>a:hover,
.navigation-menu>ul li>ul li ul li.opened>a:focus {
    background-color: #FF88BD
}

.navigation-menu>ul li>ul li ul li ul li a {
    padding: 7px 10px 7px 25px
}

.meta-navigation a {
    font-family: CeraPRO-Bold, 'sans-serif';
    font-size: 13px;
    text-transform: uppercase;
    /* color: #666b6e; */
    text-decoration: none
}

.meta-navigation a:hover {
    color: #FF88BD;
    text-decoration: underline
}

.meta-navigation ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 40px
}

.meta-navigation ul li {
    padding: 5px 0
}

.text-content {
    padding-bottom: 30px;
    column-gap: 40px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px
}

.text-content strong {
    font-family: cerapro-bold, 'sans-serif'
}

.text-content[data-col="1"] {
    -webkit-column-count: 1;
    column-count: 1
}

@media all and (max-width:767px) {
    .text-content[data-col="1"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="2"] {
    -webkit-column-count: 2;
    column-count: 2
}

@media all and (max-width:767px) {
    .text-content[data-col="2"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="3"] {
    -webkit-column-count: 3;
    column-count: 3
}

@media all and (max-width:767px) {
    .text-content[data-col="3"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="4"] {
    -webkit-column-count: 4;
    column-count: 4
}

@media all and (max-width:767px) {
    .text-content[data-col="4"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="5"] {
    -webkit-column-count: 5;
    column-count: 5
}

@media all and (max-width:767px) {
    .text-content[data-col="5"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="6"] {
    -webkit-column-count: 6;
    column-count: 6
}

@media all and (max-width:767px) {
    .text-content[data-col="6"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="7"] {
    -webkit-column-count: 7;
    column-count: 7
}

@media all and (max-width:767px) {
    .text-content[data-col="7"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="8"] {
    -webkit-column-count: 8;
    column-count: 8
}

@media all and (max-width:767px) {
    .text-content[data-col="8"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="9"] {
    -webkit-column-count: 9;
    column-count: 9
}

@media all and (max-width:767px) {
    .text-content[data-col="9"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="10"] {
    -webkit-column-count: 10;
    column-count: 10
}

@media all and (max-width:767px) {
    .text-content[data-col="10"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="11"] {
    -webkit-column-count: 11;
    column-count: 11
}

@media all and (max-width:767px) {
    .text-content[data-col="11"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="12"] {
    -webkit-column-count: 12;
    column-count: 12
}

@media all and (max-width:767px) {
    .text-content[data-col="12"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="13"] {
    -webkit-column-count: 13;
    column-count: 13
}

@media all and (max-width:767px) {
    .text-content[data-col="13"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="14"] {
    -webkit-column-count: 14;
    column-count: 14
}

@media all and (max-width:767px) {
    .text-content[data-col="14"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="15"] {
    -webkit-column-count: 15;
    column-count: 15
}

@media all and (max-width:767px) {
    .text-content[data-col="15"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.text-content[data-col="16"] {
    -webkit-column-count: 16;
    column-count: 16
}

@media all and (max-width:767px) {
    .text-content[data-col="16"] {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.intro h1 {
    text-transform: uppercase
}

@media all and (max-width:641px) {
    .intro h1 {
        font-size: 2em
    }
}

.text-bg {
    font-family: cerapro-bold, 'sans-serif';
    font-size: 120px;
    font-size: parseInt(120px)/strip-unit(15px)rem;
    line-height: 1.2;
    color: rgba(248, 248, 248, .5);
    z-index: 0;
    position: absolute;
    left: 50%;
    line-height: 1;
    transform: translate(-50%, -60%);
    text-transform: uppercase;
    white-space: nowrap
}

@media all and (max-width:767px) {
    .text-bg {
        font-size: 80px;
        transform: translate(-50%, -90%)
    }
}

.text-bg+.text-content {
    margin-top: 148px
}

@media(max-width:767.98px) {
    .text-bg+.text-content {
        margin-top: 120px
    }
}

.intro h1,
.intro h2,
.intro h2.subline {
    text-align: center;
    position: relative;
    z-index: 1
}

.text-container {
    padding: 20px 0
}

.text-container h1,
.text-container h2,
.text-container h3,
.text-container h4 {
    margin-bottom: 10px
}

.text-container ul,
.text-container ol {
    margin-left: 1em;
    padding-left: 2em;
    font-size: 16px;
    color: #5f6062
}

body.experience-editor .single-item {
    height: auto;
    background: 0 0
}

body.experience-editor .single-item .slide {
    display: flex !important
}

body.experience-editor .single-item .slide .image {
    width: 100% !important
}

body.experience-editor .single-item .slide img,
body.experience-editor .single-item .slide video {
    position: static !important;
    height: auto !important
}

.sliders {
    position: relative
}

.sliders section.slider {
    padding-bottom: 160px
}

@media(max-height:568px) {
    .sliders section.slider {
        min-height: 540px
    }
}

@media(min-width:768px) {
    .sliders section.slider {
        min-height: 640px
    }
}

@media(min-width:1024px) {
    .sliders section.slider {
        min-height: 720px
    }
}

.sliders section.slider .slide-nav {
    bottom: 160px;
    z-index: auto
}

.sliders section.slider .slider-container .slide-content .page-content-wrapper .slide-subtitle {
    font-size: 16px;
    font-family: cerapro-regular, 'sans-serif'
}

@media all and (max-height:700px) {
    .sliders section.slider .slider-container .slide-content .page-content-wrapper .slide-subtitle {
        width: 80%
    }
}

@media all and (max-height:650px) {
    .sliders section.slider .slider-container .slide-content .page-content-wrapper .slide-subtitle {
        display: none
    }
}

.sliders section.slider .slider-container .slide .slide-title {
    text-shadow: none
}

.sliders section.slider .slider-container .slide .slide-title span {
    text-shadow: 1px 1px 1px #666b6e
}

.sliders section.slider .slider-container .slide-content .page-content-wrapper .slide-title {
    position: relative
}

.sliders .link {
    display: inline-block
}

.sliders .bg-text {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    font-size: 90px;
    line-height: 1.2;
    color: rgba(255, 255, 255, .2);
    z-index: 0;
    font-family: cerapro-bold, 'sans-serif';
    text-transform: uppercase;
    width: auto;
    display: none
}

@media all and (max-height:650px) {
    .sliders .bg-text {
        display: none
    }
}

@media all and (max-width:767px) {
    .sliders .bg-text {
        display: none
    }
}

.sliders .slide-small-title {
    text-align: center;
    font-family: nexaslabboldoblique, 'sans-serif';
    font-size: 16px;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
    /* text-shadow: 1px 1px 1px #666b6e */
}

.sliders section.second-slider .slider-container {
    height: 100% !important
}

.sliders section.second-slider .slider-container .slide {
    margin-bottom: 10px
}

section.slider,
section.second-slider {
    position: relative;
    max-height: 100%;
    width: 100%;
    padding-bottom: 0
}

@media all and (max-width:767px) {

    section.slider,
    section.second-slider {
        overflow: visible
    }
}

section.slider[data-large-carousel] .slider-container .slide .slide-content,
section.second-slider[data-large-carousel] .slider-container .slide .slide-content {
    bottom: 120px
}

@media all and (max-width:767px) {

    section.slider[data-large-carousel] .slider-container .slide .slide-content,
    section.second-slider[data-large-carousel] .slider-container .slide .slide-content {
        bottom: 30px
    }
}

section.slider[data-medium-carousel] .slider-container .slide .slide-content,
section.second-slider[data-medium-carousel] .slider-container .slide .slide-content {
    bottom: 90px
}

@media all and (max-width:767px) {

    section.slider[data-medium-carousel] .slider-container .slide .slide-content,
    section.second-slider[data-medium-carousel] .slider-container .slide .slide-content {
        bottom: 30px
    }
}

.sliders section.slider[data-large-carousel] .slider-container .slide .slide-content,
.sliders section.second-slider[data-large-carousel] .slider-container .slide .slide-content {
    bottom: 220px
}

@media(max-width:1024.98px) {

    .sliders section.slider[data-large-carousel] .slider-container .slide .slide-content,
    .sliders section.second-slider[data-large-carousel] .slider-container .slide .slide-content {
        bottom: 125px
    }
}

section.slider[data-large-carousel] .slide-nav .icon--arrow-down,
section.second-slider[data-large-carousel] .slide-nav .icon--arrow-down {
    display: none
}

section.slider[data-large-carousel] .slide:after,
section.second-slider[data-large-carousel] .slide:after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, .3);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7) 100%);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

section.slider:not([data-carousel]),
section.second-slider:not([data-carousel]) {
    width: 100%;
    max-height: inherit
}

section.slider:not([data-carousel]) .slide-nav img,
section.slider:not([data-carousel]) .slide-nav .scroll-down,
section.second-slider:not([data-carousel]) .slide-nav img,
section.second-slider:not([data-carousel]) .slide-nav .scroll-down {
    display: none
}

section.slider:not([data-carousel]) .slider-container,
section.second-slider:not([data-carousel]) .slider-container {
    height: auto
}

section.slider:not([data-carousel]) .slider-container .slide-content,
section.second-slider:not([data-carousel]) .slider-container .slide-content {
    margin-left: 50px !important;
    margin-right: 50px !important;
    width: 100% !important
}

section.slider:not([data-carousel]) .slide,
section.second-slider:not([data-carousel]) .slide {
    margin-bottom: 40px
}

section.slider .slider-container,
section.second-slider .slider-container {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

section.slider .slider-container .slick-slider,
section.second-slider .slider-container .slick-slider {
    height: 100%
}

section.slider .slider-container .slide,
section.second-slider .slider-container .slide {
    position: relative;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    overflow: hidden
}

section.slider .slider-container .slide .slide-content,
section.second-slider .slider-container .slide .slide-content {
    position: absolute;
    bottom: 0;
    margin: auto;
    z-index: 2;
    display: block;
    right: 0;
    left: 0;
    width: 100%;
    word-break: break-word
}

section.slider .slider-container .slide .page-content-wrapper,
section.second-slider .slider-container .slide .page-content-wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 30px;
    position: relative
}

@media all and (max-width:767px) {

    section.slider .slider-container .slide .page-content-wrapper,
    section.second-slider .slider-container .slide .page-content-wrapper {
        width: 100%;
        padding: 20px
    }
}

section.slider .slider-container .slide .slide-subtitle,
section.slider .slider-container .slide .slide-title,
section.second-slider .slider-container .slide .slide-subtitle,
section.second-slider .slider-container .slide .slide-title {
    text-shadow: 1px 1px 1px #666b6e;
    pointer-events: none;
    color: #fff
}

section.slider .slider-container .slide .slide-subtitle,
section.second-slider .slider-container .slide .slide-subtitle {
    padding-bottom: 0
}

section.slider .slider-container .slide .slide-title,
section.second-slider .slider-container .slide .slide-title {
    display: block;
    margin: 0;
    padding: 20px 0;
    font-family: cerapro-bold;
    font-size: 60px;
    line-height: 120%;
    text-transform: uppercase;
    transition: transform .5s
}

@media all and (max-width:767px) {

    section.slider .slider-container .slide .slide-title,
    section.second-slider .slider-container .slide .slide-title {
        font-size: 36px
    }
}

section.slider .slider-container .slide .slide-small-title+.slide-title,
section.second-slider .slider-container .slide .slide-small-title+.slide-title {
    padding-top: 0
}

section.slider .slider-container .slide .button,
section.second-slider .slider-container .slide .button {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: 0 0 90px 90px rgba(0, 0, 0, .05);
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px
}

section.slider .slider-container .slide:before,
section.second-slider .slider-container .slide:before {
    content: '';
    height: 100%;
    vertical-align: middle
}

section.slider .slider-container .slide .plyr,
section.second-slider .slider-container .slide .plyr {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    display: block
}

section.slider .slider-container .slide .plyr video,
section.second-slider .slider-container .slide .plyr video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

section.slider .slider-container .slide .plyr video.stage-media,
section.second-slider .slider-container .slide .plyr video.stage-media {
    display: block
}

section.slider .slider-container .slide .plyr__unmute,
section.second-slider .slider-container .slide .plyr__unmute {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #fff;
    z-index: 100;
    outline: none
}

section.slider .slider-container .slide .plyr__unmute img,
section.second-slider .slider-container .slide .plyr__unmute img {
    width: 36px;
    height: 36px
}

section.slider .slider-container .slide .plyr__unmute img+img,
section.second-slider .slider-container .slide .plyr__unmute img+img {
    display: none
}

@media(max-width:767.98px) {

    section.slider .slider-container .slide .plyr__unmute,
    section.second-slider .slider-container .slide .plyr__unmute {
        top: 80px
    }
}

section.slider .slider-container .slide .plyr__unmute--no-audio,
section.second-slider .slider-container .slide .plyr__unmute--no-audio {
    display: none
}

section.slider .slider-container .slide .plyr__unmute--unmuted img,
section.second-slider .slider-container .slide .plyr__unmute--unmuted img {
    display: none
}

section.slider .slider-container .slide .plyr__unmute--unmuted img+img,
section.second-slider .slider-container .slide .plyr__unmute--unmuted img+img {
    display: block
}

section.slider .slider-container .slide .plyr__video-wrapper,
section.second-slider .slider-container .slide .plyr__video-wrapper {
    width: 100%;
    height: 100%
}

section.slider .slider-container .slide .plyr__poster,
section.second-slider .slider-container .slide .plyr__poster {
    background-size: cover
}

section.slider .slider-container .slide .plyr__control--overlaid,
section.second-slider .slider-container .slide .plyr__control--overlaid {
    display: none
}

section.slider .slider-container .slide-content .page-content-wrapper .slide-small-title,
section.second-slider .slider-container .slide-content .page-content-wrapper .slide-small-title {
    text-align: center;
    font-family: nexaslabboldoblique, 'sans-serif';
    font-size: 16px;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px #666b6e
}

@media all and (max-width:767px) {

    section.slider .slider-container .slide-content .page-content-wrapper .slide-small-title,
    section.second-slider .slider-container .slide-content .page-content-wrapper .slide-small-title {
        display: none
    }
}

section.slider .slider-container .slide-content .page-content-wrapper .slide-subtitle,
section.second-slider .slider-container .slide-content .page-content-wrapper .slide-subtitle {
    font-family: nexaslabboldoblique, 'sans-serif';
    margin: 0 auto;
    max-width: 960px
}

section.slider .slider-container .slide-content .page-content-wrapper .btn.slide-btn,
section.slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .slide-btn.action,
.ost-jobs .ost-job section.slider .slider-container .slide-content .page-content-wrapper .slide-btn.action,
section.second-slider .slider-container .slide-content .page-content-wrapper .btn.slide-btn,
section.second-slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .slide-btn.action,
.ost-jobs .ost-job section.second-slider .slider-container .slide-content .page-content-wrapper .slide-btn.action {
    margin-top: 30px;
    background-color: #fff;
    font-family: cerapro-regular, 'sans-serif';
    color: #5f6062;
    font-size: 16px;
    border: 0;
    box-shadow: 0 4px 11px rgba(0, 0, 0, .2)
}

@media all and (max-width:767px) {

    section.slider .slider-container .slide-content .page-content-wrapper .btn.slide-btn,
    section.slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .slide-btn.action,
    .ost-jobs .ost-job section.slider .slider-container .slide-content .page-content-wrapper .slide-btn.action,
    section.second-slider .slider-container .slide-content .page-content-wrapper .btn.slide-btn,
    section.second-slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .slide-btn.action,
    .ost-jobs .ost-job section.second-slider .slider-container .slide-content .page-content-wrapper .slide-btn.action {
        margin-top: 20px
    }
}

section.slider .slider-container .slide-content .page-content-wrapper .btn,
section.slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.slider .slider-container .slide-content .page-content-wrapper .action,
section.second-slider .slider-container .slide-content .page-content-wrapper .btn,
section.second-slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.second-slider .slider-container .slide-content .page-content-wrapper .action {
    margin-top: 30px
}

@media all and (max-width:767px) {

    section.slider .slider-container .slide-content .page-content-wrapper .btn,
    section.slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
    .ost-jobs .ost-job section.slider .slider-container .slide-content .page-content-wrapper .action,
    section.second-slider .slider-container .slide-content .page-content-wrapper .btn,
    section.second-slider .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
    .ost-jobs .ost-job section.second-slider .slider-container .slide-content .page-content-wrapper .action {
        margin-top: 20px
    }
}

section.slider .slider-container .slide-copyright,
section.second-slider .slider-container .slide-copyright {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 8px;
    z-index: 2;
    background-color: #fff;
    /* color: #666b6e; */
    font-size: 12px;
    opacity: .85;
    pointer-events: none
}

@media all and (max-width:767px) {

    section.slider .slider-container .slide-copyright,
    section.second-slider .slider-container .slide-copyright {
        padding: 0 8px;
        font-size: 10px
    }
}

section.slider .slider-container .stage-media,
section.second-slider .slider-container .stage-media {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%
}

@media all and (min-width:767px) {

    section.slider .slider-container .stage-media.stage-media-mobile,
    section.second-slider .slider-container .stage-media.stage-media-mobile {
        display: none
    }
}

@media all and (max-width:767px) {

    section.slider .slider-container .stage-media,
    section.second-slider .slider-container .stage-media {
        display: none
    }

    section.slider .slider-container .stage-media.stage-media-mobile,
    section.second-slider .slider-container .stage-media.stage-media-mobile {
        display: block
    }
}

section.slider .slider-container button.slick-next,
section.slider .slider-container button.slick-prev,
section.second-slider .slider-container button.slick-next,
section.second-slider .slider-container button.slick-prev {
    display: inline-block;
    background-color: rgba(255, 255, 255, .2);
    width: 30px;
    height: 170px;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 0;
    line-height: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0
}

section.slider .slider-container button.slick-next:hover,
section.slider .slider-container button.slick-prev:hover,
section.second-slider .slider-container button.slick-next:hover,
section.second-slider .slider-container button.slick-prev:hover {
    background-color: rgba(255, 255, 255, .5)
}

section.slider .slider-container button.slick-next:before,
section.slider .slider-container button.slick-prev:before,
section.second-slider .slider-container button.slick-next:before,
section.second-slider .slider-container button.slick-prev:before {
    line-height: 1;
    opacity: .75;
    color: #fff;
    font-size: 9px;
    content: '' !important;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border-top: .3em solid #fff;
    border-right: .3em solid #fff
}

section.slider .slider-container button.slick-next,
section.second-slider .slider-container button.slick-next {
    right: 0
}

section.slider .slider-container button.slick-next:before,
section.second-slider .slider-container button.slick-next:before {
    margin-left: -.8em;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

section.slider .slider-container button.slick-prev,
section.second-slider .slider-container button.slick-prev {
    left: 0
}

section.slider .slider-container button.slick-prev:before,
section.second-slider .slider-container button.slick-prev:before {
    margin-left: .8em;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

section.slider.stage-medium[data-navigate="1"],
section.second-slider.stage-medium[data-navigate="1"] {
    padding-bottom: 60px
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage {
    display: none
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage:after,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage:after {
    content: '';
    display: table;
    clear: both
}

@media all and (max-width:767px) {

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        top: calc(100% - 64px);
        bottom: auto
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-navigation,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-navigation {
        position: absolute;
        padding: 0;
        transition: all .5s ease-out
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-navigation .inpage-link,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-navigation .inpage-link {
        display: none;
        hyphens: auto
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-navigation .inpage-link .content,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-navigation .inpage-link .content {
        padding-left: 15px !important;
        padding-right: 15px
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage.open,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage.open {
        background-color: #fff;
        height: auto;
        z-index: 10
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage.open .inpage-navigation,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage.open .inpage-navigation {
        top: calc(100% + 30px);
        bottom: auto;
        background-color: #fff;
        height: auto
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage.open .inpage-navigation .inpage-link,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage.open .inpage-navigation .inpage-link {
        display: block
    }

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage.no-mobile-navigation,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage.no-mobile-navigation {
        justify-content: center
    }
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-link,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-link {
    transition: all .5s ease-out
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-link.btn-nav,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-link.btn-nav {
    cursor: pointer;
    overflow: hidden;
    margin: 15px 15px 15px 25px;
    position: static
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select {
    white-space: nowrap;
    padding: 25px 35px 25px 15px;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 14px;
    /* color: #666b6e; */
    position: relative;
    text-transform: uppercase
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select .icon,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select .icon {
    display: inline-block;
    margin-left: 15px;
    transition: all .2s ease-in-out
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select:after,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select:after {
    content: '';
    position: absolute;
    right: 0;
    top: 20px;
    width: 1px;
    height: 30px;
    background-color: #dfdfe0;
    display: inline-block
}

section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select.active .icon,
section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select.active .icon {
    transform: rotate(180deg)
}

@media all and (min-width:767px) {

    section.slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select,
    section.second-slider.stage-medium[data-navigate="1"] .mobile-inpage .inpage-select {
        display: none
    }
}

section.slider.stage-medium[data-navigate="1"] .inpage-link,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link {
    position: relative;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    margin: 0
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.active .content,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.active .content {
    background-color: transparent
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav {
    line-height: 1em;
    padding: .5em 1.3em .6em;
    font-size: 1.1em;
    background-color: #FF88BD;
    border: 1px solid #FF88BD;
    height: auto;
    margin: 15px 0 0 25px
}

@media all and (max-width:767px) {

    section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav,
    section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav {
        display: block;
        float: right
    }
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav:hover,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav:hover {
    background-color: #fff
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav:hover .content .inner,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav:hover .content .inner {
    color: #FF88BD
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav .content,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav .content {
    padding: 0;
    display: inline-block;
    width: auto;
    height: auto
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav .content .inner,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav .content .inner {
    height: auto;
    display: inline-block;
    color: #fff;
    line-height: inherit
}

section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav .content:before,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav .content:before {
    left: -25px
}

section.slider.stage-medium[data-navigate="1"] .inpage-link .content,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link .content {
    display: block;
    overflow: visible;
    padding: 0 25px;
    border: 0;
    width: 100%;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 14px;
    /* color: #666b6e; */
    text-transform: uppercase;
    height: auto;
    white-space: normal
}

section.slider.stage-medium[data-navigate="1"] .inpage-link .content:hover,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link .content:hover {
    background-color: transparent
}

section.slider.stage-medium[data-navigate="1"] .inpage-link .content:before,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link .content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0px;
    height: 30px;
    background-color: #dfdfe0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.slider.stage-medium[data-navigate="1"] .inpage-link .content .inner,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link .content .inner {
    padding: 0;
    overflow: visible;
    line-height: 2.5em;
    width: 100%;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 1.1em;
    /* color: #666b6e; */
    text-transform: uppercase;
    transition: none
}

section.slider.stage-medium[data-navigate="1"] .inpage-link:nth-child(1) .content:before,
section.second-slider.stage-medium[data-navigate="1"] .inpage-link:nth-child(1) .content:before {
    content: none
}

@media all and (max-width:767px) {

    section.slider.stage-medium[data-navigate="1"] .inpage-link,
    section.second-slider.stage-medium[data-navigate="1"] .inpage-link {
        display: none;
        border-bottom: 1px solid #dfdfe0;
        text-align: left;
        z-index: 9
    }

    section.slider.stage-medium[data-navigate="1"] .inpage-link .content:before,
    section.second-slider.stage-medium[data-navigate="1"] .inpage-link .content:before {
        content: none
    }
}

section.slider.stage-medium[data-navigate="1"] .inpage-navigation,
section.second-slider.stage-medium[data-navigate="1"] .inpage-navigation {
    position: static;
    padding-left: 0;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    border: 0;
    line-height: 0;
    z-index: 2;
    justify-content: center;
    transform: none;
    flex-wrap: wrap;
    align-items: baseline
}

@media all and (max-width:767px) {

    section.slider.stage-medium[data-navigate="1"] .inpage-navigation,
    section.second-slider.stage-medium[data-navigate="1"] .inpage-navigation {
        padding: 0 20px;
        display: none
    }

    section.slider.stage-medium[data-navigate="1"] .inpage-navigation.open,
    section.second-slider.stage-medium[data-navigate="1"] .inpage-navigation.open {
        background-color: #fff;
        height: auto;
        z-index: 10
    }
}

section.slider.stage-medium[data-navigate="1"] .slide-nav,
section.second-slider.stage-medium[data-navigate="1"] .slide-nav {
    bottom: 60px
}

section.slider.stage-medium .slider-container .slide:after,
section.second-slider.stage-medium .slider-container .slide:after {
    content: '';
    display: block;
    background: rgba(0, 0, 0, .3);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .7) 100%);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

.experience-editor section.slider.stage-medium .slider-container .slide:after,
.experience-editor section.second-slider.stage-medium .slider-container .slide:after {
    z-index: -2
}

section.slider.stage-medium .slider-container .slide-content .page-content-wrapper,
section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper {
    text-align: left
}

section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .bg-text,
section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .bg-text {
    font-size: 90px;
    color: rgba(255, 255, 255, .2);
    z-index: 0;
    position: absolute;
    font-family: cerapro-bold, 'sans-serif';
    line-height: 1.2;
    left: 27px;
    top: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
    display: none
}

section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .slide-subtitle,
section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .slide-subtitle {
    font-family: cerapro-regular, 'sans-serif';
    width: 100%;
    font-size: 16px;
    text-align: left;
    text-shadow: 1px 1px 1px #666b6e
}

section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .btn,
section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .action,
section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .btn,
section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .action {
    margin-top: 30px
}

@media all and (max-width:767px) {

    section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .btn,
    section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
    .ost-jobs .ost-job section.slider.stage-medium .slider-container .slide-content .page-content-wrapper .action,
    section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .btn,
    section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .ost-jobs .ost-job .action,
    .ost-jobs .ost-job section.second-slider.stage-medium .slider-container .slide-content .page-content-wrapper .action {
        margin-top: 20px
    }
}

section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper,
section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper {
    padding-left: 30px;
    width: 50%;
    margin-right: auto
}

section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-title,
section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-title {
    text-align: left
}

section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-subtitle,
section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-subtitle {
    margin: 0
}

@media all and (max-width:767px) {

    section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper {
        width: 100%;
        margin: 0;
        text-align: center
    }

    section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-small-title,
    section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-title,
    section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-subtitle,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-small-title,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-title,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .slide-subtitle {
        text-align: center
    }

    section.slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .bg-text,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=left].page-content-wrapper .bg-text {
        left: 50%;
        transform: translateX(-50%)
    }
}

section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper,
section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper {
    float: right;
    width: 50%;
    padding-right: 30px;
    margin-left: auto
}

section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-title,
section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-title {
    text-align: left
}

section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-subtitle,
section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-subtitle {
    margin: 0
}

@media all and (max-width:767px) {

    section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper {
        width: 100%;
        margin: 0;
        text-align: center
    }

    section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-small-title,
    section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-title,
    section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-subtitle,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-small-title,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-title,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .slide-subtitle {
        text-align: center
    }

    section.slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .bg-text,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=right].page-content-wrapper .bg-text {
        left: 50%;
        transform: translateX(-50%)
    }
}

section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper,
section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper {
    text-align: center
}

section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .bg-text,
section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .bg-text {
    left: 50%;
    transform: translateX(-50%)
}

section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-subtitle,
section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-small-title,
section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-title,
section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-subtitle,
section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-small-title,
section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-title {
    text-align: center
}

section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-subtitle,
section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-subtitle {
    margin: 0 auto
}

@media all and (max-width:767px) {

    section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper {
        width: 100%;
        margin: 0;
        text-align: center
    }

    section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-small-title,
    section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-title,
    section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-subtitle,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-small-title,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-title,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .slide-subtitle {
        text-align: center
    }

    section.slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .bg-text,
    section.second-slider.stage-medium .slider-container .slide-content [data-align=center].page-content-wrapper .bg-text {
        left: 50%;
        transform: translateX(-50%)
    }
}

section.slider .slide-nav,
section.second-slider .slide-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3
}

section.slider .slide-nav img:not(.scroll-down),
section.second-slider .slide-nav img:not(.scroll-down) {
    width: 100%;
    display: block;
    height: 41px
}

section.slider .slide-nav .global-website,
section.second-slider .slide-nav .global-website {
    display: inline-flex;
    padding: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 120%
}

section.slider .slide-nav .global-website span.content-text,
section.second-slider .slide-nav .global-website span.content-text {
    font-family: nexaslabboldoblique, "sans-serif";
    font-size: 14px;
    line-height: 120%
}

section.slider .slide-nav .global-website .icon,
section.second-slider .slide-nav .global-website .icon {
    line-height: 0
}

@media all and (max-width:767px) {

    section.slider .slide-nav .global-website,
    section.second-slider .slide-nav .global-website {
        padding: 15px 20px
    }
}

section.slider .slide-nav .global-website:hover,
section.second-slider .slide-nav .global-website:hover {
    text-decoration: none
}

section.slider .slide-nav .scroll-down,
section.second-slider .slide-nav .scroll-down {
    bottom: 20px;
    position: absolute;
    left: 0;
    color: #fff;
    width: 100px;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 2
}

@media all and (max-width:767px) {

    section.slider .slide-nav .scroll-down,
    section.second-slider .slide-nav .scroll-down {
        font-size: 30px
    }
}

section.slider .slide-nav .btn--contact,
section.second-slider .slide-nav .btn--contact {
    display: inline-flex;
    align-items: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 30px;
    margin: 0;
    z-index: 2;
    font-family: nexaslabboldoblique, 'sans-serif';
    font-size: 14px;
    line-height: 120%
}

@media all and (max-width:767px) {

    section.slider .slide-nav .btn--contact,
    section.second-slider .slide-nav .btn--contact {
        padding: 15px 20px
    }
}

section.slider .slide-nav .btn--contact .icon,
section.second-slider .slide-nav .btn--contact .icon {
    line-height: 0;
    margin-left: 10px
}

section.slider .slick-list,
section.slider .slick-track,
section.second-slider .slick-list,
section.second-slider .slick-track {
    height: 100%;
    padding-bottom: 0
}

section.second-slider {
    position: absolute;
    overflow: hidden;
    padding: 60px 0 30px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: opacity .5s
}

section.second-slider .draggable {
    padding-top: 0 !important;
    overflow: initial
}

section.second-slider.active {
    opacity: 1
}

section.second-slider .slider-container {
    overflow: visible
}

section.second-slider .slide {
    justify-content: center
}

section.second-slider .slick-slide {
    transform: scale(1);
    transition: .5s transform, .5s top;
    top: 0
}

section.second-slider .slick-center {
    transform: scale(1.25);
    top: -40px
}

section.second-slider .slick-dots {
    margin: 0;
    bottom: -30px
}

section.second-slider .image {
    transition: .5s padding-top;
    padding: 0 50px;
    width: 340px;
    display: block
}

@media(max-width:1024.98px) {
    section.second-slider .image {
        width: 210px;
        padding: 0 15px
    }
}

section.second-slider img {
    display: inline-block;
    margin-bottom: 10px
}

@media(max-width:1024.98px) {
    section.second-slider img {
        transform: scale(.7) translateY(10%);
        margin-bottom: -10px
    }
}

section.second-slider .slick-center .image {
    padding-top: 0
}

section.second-slider .disable-dots {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    height: 30px;
    z-index: 2
}

section.second-slider .second-slider__title {
    color: #5f6062;
    font-size: .9rem;
    display: inline-block;
    max-width: 175px;
    line-height: 1.3em;
    text-transform: uppercase
}

section.second-slider .slick-current .second-slider__title {
    font-weight: 700
}

section.second-slider .slick-current .second-slider__title span {
    border-bottom: 1px solid #fb89a8
}

.slick-loading .slick-list {
    background: #fff url(/assets/assets/images/ajax-loader.gif) center center no-repeat
}

.single-item {
    background: #fff url(/assets/assets/images/ajax-loader.gif) center center no-repeat;
    height: 100vh
}

.single-item .slide {
    display: none !important
}

.single-item.slick-initialized {
    background: 0 0;
    height: auto
}

.single-item.slick-initialized .slide {
    display: flex !important
}

section.slider.slider--gallery .slick-slider .slick-dots {
    bottom: 15px
}

section.slider.slider--gallery[data-arrows="1"] .slick-slider .slick-arrow {
    display: block !important
}

section.slider.slider--gallery .image .extended {
    display: none
}

section.slider.slider--cover .image {
    position: relative
}

section.slider.slider--cover .image .original {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%
}

@media(max-width:640.98px) {
    section.slider.slider--pro-portal {
        width: calc(100% + 40px);
        margin: 0 -20px
    }
}

@media(max-width:1279.98px) {
    section.slider.slider--pro-portal {
        width: calc(100% + 60px);
        margin: 0 -30px
    }
}

section.slider.slider--pro-portal .slider-container {
    overflow: visible
}

section.slider.slider--pro-portal .slider-container .slide .plyr {
    min-width: 100%;
    min-height: 100%
}

section.slider.slider--pro-portal .slider-container button.slick-next,
section.slider.slider--pro-portal .slider-container button.slick-prev {
    display: block !important;
    background-color: transparent;
    box-shadow: none
}

section.slider.slider--pro-portal .slider-container button.slick-next:before,
section.slider.slider--pro-portal .slider-container button.slick-prev:before {
    width: 2em;
    height: 2em;
    border-top: .4em solid #666b6e;
    border-right: .4em solid #666b6e
}

section.slider.slider--pro-portal .slider-container button.slick-next {
    right: -30px
}

@media(max-width:1279.98px) {
    section.slider.slider--pro-portal .slider-container button.slick-next {
        right: 10px
    }
}

section.slider.slider--pro-portal .slider-container button.slick-prev {
    left: -30px
}

@media(max-width:1279.98px) {
    section.slider.slider--pro-portal .slider-container button.slick-prev {
        left: 10px
    }
}

@media(max-width:768.98px) {
    section.slider.slider--video {
        height: calc(100vw*3/4) !important
    }
}

@media(max-width:768.98px) {
    section.slider.slider--video .slide .plyr {
        min-height: 0
    }
}

@media(max-width:768.98px) {
    section.slider.slider--video .slide .plyr video {
        min-height: 0;
        height: auto;
        object-fit: cover
    }
}

section.slider.slider--reference::before {
    display: block;
    content: '';
    width: 100%;
    padding-bottom: 31.25%
}

@media(max-width:640.98px) {
    section.slider.slider--reference::before {
        padding-bottom: 50%
    }
}

@media(max-width:640.98px) {
    section.slider.slider--reference[data-arrows="1"] .slick-slider .slick-arrow {
        display: none !important
    }
}

section.slider.slider--reference .slider-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

section.slider.slider--reference .slider-container .slick-arrow {
    background-color: rgba(255, 255, 255, .85)
}

section.slider.slider--reference .slider-container .slick-arrow::before {
    border-color: #dc9cc5;
    opacity: 1
}

section.slider.slider--reference .slider-container .slick-arrow:hover {
    background-color: #fff
}

section.slider.slider--reference .image {
    position: relative
}

section.slider.slider--reference .image img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[data-padding="0"] {
    padding: 0
}

@media all and (max-width:768px) {
    [data-padding-mobile="0"] {
        padding: 0
    }
}

[data-padding="10"] {
    padding: 10px
}

@media all and (max-width:768px) {
    [data-padding-mobile="10"] {
        padding: 10px
    }
}

[data-padding="20"] {
    padding: 10px
}

@media all and (max-width:768px) {
    [data-padding-mobile="20"] {
        padding: 10px
    }
}

[data-padding="25"] {
    padding: 10px
}

@media all and (max-width:768px) {
    [data-padding-mobile="25"] {
        padding: 10px
    }
}

[data-padding="40"] {
    padding: 10px
}

@media all and (max-width:768px) {
    [data-padding-mobile="40"] {
        padding: 10px
    }
}

[data-padding="50"] {
    padding: 10px
}

@media all and (max-width:768px) {
    [data-padding-mobile="50"] {
        padding: 10px
    }
}

@media screen and (-ms-high-contrast:active),
all and (-ms-high-contrast:none) {
    section.slider .slider-container .stage-media {
        width: auto !important;
        min-height: 100vh !important;
        max-width: none !important;
        height: auto !important;
        min-width: 100%;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%
    }
}

h1,
h2,
h3,
h4,
h5 {
    /* color: #666b6e; */
    font-family: cerapro-bold, 'sans-serif';
    line-height: 1.2em;
    text-align: center
}

h1.text-left,
h2.text-left,
h3.text-left,
h4.text-left,
h5.text-left {
    text-align: left
}

h2,
h3 {
    margin-bottom: 10px
}

h1 {
    font-size: 3.2em
}

h2 {
    font-size: 2em
}

@media all and (max-width:641px) {
    h2 {
        font-size: 1.6em
    }
}

h3 {
    font-size: 1.6em
}

@media all and (max-width:641px) {
    h3 {
        font-size: 1.4em
    }
}

h4 {
    font-size: 1.3em
}

@media all and (max-width:641px) {
    h4 {
        font-size: 1.2em
    }
}

h5 {
    font-size: 1.1em
}

@media all and (max-width:641px) {
    h5 {
        font-size: 1em
    }
}

.intro-subline {
    /* color: #666b6e; */
    font-family: nexaslabboldoblique, "sans-serif";
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
    font-style: italic
}

h6.h6-subline {
    /* color: #666b6e; */
    font-family: cerapro-regular, 'sans-serif';
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: center
}

@media all and (max-width:641px) {
    h6.h6-subline {
        font-size: 1.2em
    }
}

@media(max-width:641px) {
    h1 {
        font-size: 2.4em
    }
}

.media {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%
}

.media .mobile-image,
.media .desktop-image {
    text-align: center
}

.media .image-wrapper {
    display: inline-block;
    text-align: left;
    width: 100%;
    text-align: center
}

.media[data-video-url],
.media[data-image-url] {
    cursor: pointer
}

.media[data-video-url]::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(/assets/assets/images/play-button.svg);
    background-size: 80px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.media img {
    display: inline-block
}

.media .media-text {
    font-size: 14px;
    text-align: left;
    margin-top: 10px
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-bg.mfp-ready {
    z-index: 6000
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-wrap {
    z-index: 7000
}

@media(min-width:0) {
    .mobile-image {
        display: block
    }

    .desktop-image {
        display: none
    }
}

@media(min-width:640px) {
    .mobile-image {
        display: none
    }

    .desktop-image {
        display: block
    }

    .desktop-image:empty {
        min-height: 50px;
        background-color: #666b6e
    }
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer
}

@media(max-width:900px) {

    .mfp-zoom-out-cur,
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        right: 0;
        top: 0
    }
}

.mfp-close.mfp-bwt-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 30px;
    border: none;
    background: transparent url(/assets/assets/images/close-button.svg) no-repeat;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.mfp-content {
    position: relative;
    margin-top: 50px
}

img.mfp-img {
    padding-top: 0
}

.teaser-image-tile {
    width: 100%;
    position: relative;
    display: block;
    /* color: #666b6e; */
    text-decoration: none
}

.teaser-image-tile .image-wrapper {
    min-height: 3rem
}

.teaser-image-tile:hover {
    /* color: #666b6e */
}

.teaser-image-tile img {
    width: 100%;
    max-width: none
}

.teaser-image-tile img.extended {
    display: block
}

.teaser-image-tile img.original {
    display: none
}

.teaser-image-tile--gradient .tile-label {
    padding: 10px 5em 10px 30px
}

@media(max-width:1080px)and (min-width:641px) {
    .teaser-image-tile--gradient .tile-label {
        padding: 5px 3em 10px 10px
    }
}

.teaser-image-tile--gradient .tile-nav:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 20px;
    top: -20px;
    left: 0;
    background-color: rgba(255, 255, 255, .5)
}

.tile-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
    text-align: left;
    background-color: rgba(255, 255, 255, .8)
}

.tile-nav:hover .arrow-right {
    border: 1px solid #FF88BD
}

.tile-nav:hover .arrow-right span {
    border-color: #FF88BD !important
}

.tile-nav span.icon {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 35px
}

@media(max-width:641px) {
    .tile-nav {
        height: 33% !important
    }
}

.tile-label {
    padding: 22px 20px 15px;
    height: 100%
}

.tile-label.tile-label--w-arrow {
    padding-right: 60px
}

.tile-label-text h5 {
    text-align: left;
    margin-bottom: 5px
}

.tile-label-text {
    overflow: hidden;
    height: 100%
}

.arrow-right {
    width: 35px;
    height: 35px;
    position: absolute;
    display: inline-block;
    border: 1px solid #bbb;
    background-color: transparent !important;
    border-radius: 50%;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: 0
}

.arrow-right span {
    content: '';
    display: inline-block;
    margin-top: 10px;
    margin-left: 7px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #777;
    border-right: 2px solid #777;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(max-width:1080px)and (min-width:641px) {
    .teaser-image-tile .tile-label {
        padding: 12px 10px 10px
    }

    .teaser-image-tile .tile-label.tile-label--w-arrow {
        padding-right: 50px
    }

    .teaser-image-tile .tile-label .tile-headline-subtext {
        font-size: .875em
    }

    .teaser-image-tile .tile-label .arrow-right {
        right: 10px
    }
}

@media(max-width:641px) {
    .teaser-image-tile .tile-headline-subtext {
        font-size: .875em
    }

    .teaser-image-tile img.extended {
        display: none
    }

    .teaser-image-tile img.original {
        display: block
    }
}

.grid-col-md-4 .teaser-image-tile .tile-label {
    padding-bottom: 10px;
    padding-right: 3em
}

.grid-col-md-4 .teaser-image-tile img.extended {
    display: none
}

.grid-col-md-4 .teaser-image-tile img.original {
    display: block
}

.teaser-row .teaser-col img.extended {
    display: none
}

.teaser-row .teaser-col img.original {
    display: block
}

.tile-headline-subtext {
    line-height: 1.3em;
    font-size: .875em
}

.initial-text-container {
    display: none
}

body.experience-editor .tile-nav {
    height: auto
}

.subpage-navigation-teaser,
.service-teaser {
    display: flex;
    display: -ms-flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.subpage-navigation-teaser h3,
.service-teaser h3 {
    color: #fff
}

.subpage-navigation-teaser {
    width: calc(100% + 10px);
    margin: 0 -5px;
    justify-content: center
}

@media(min-width:1024px) {
    .subpage-navigation-teaser[data-navigation-teaser-count="5"] .subpage-navigation-item:nth-child(1) {
        margin-left: 10px
    }
}

@media(min-width:1024px) {
    .subpage-navigation-teaser[data-navigation-teaser-count="5"] .subpage-navigation-item:nth-child(3) {
        margin-right: 10px
    }
}

@media(max-width:1023.98px) {
    .subpage-navigation-teaser {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start
    }
}

@media(max-width:1023.98px) {
    .subpage-navigation-teaser.subpage-navigation-teaser--locked {
        padding-bottom: 2000px !important;
        margin-bottom: -2000px !important
    }

    html.ios .subpage-navigation-teaser.subpage-navigation-teaser--locked {
        position: relative;
        z-index: 3
    }
}

.subpage-navigation-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 calc(25% - 10px);
    min-width: 310px;
    height: 200px;
    margin: 5px;
    padding: 20px;
    z-index: 1
}

.subpage-navigation-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(50% + 50px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.subpage-navigation-item--expanded {
    z-index: 3
}

.subpage-navigation-item--expanded:before {
    content: ''
}

.subpage-navigation-item--expanded .subpage-navigation-item__link span[data-navigation-item-toggle] .icon {
    display: none
}

.subpage-navigation-item--expanded .subpage-navigation-item__link span[data-navigation-item-toggle] .icon+.icon {
    display: block
}

.subpage-navigation-item--expanded .subpage-navigation-item__dropdown {
    display: block
}

.subpage-navigation-item__link {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 50px 10px 10px;
    background-color: #fff;
    font-weight: 700;
    border: 1px solid transparent;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    text-decoration: none;
    z-index: 1;
    transition: all .3s ease
}

.subpage-navigation-item__link>span {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1
}

.subpage-navigation-item__link>span[data-navigation-item-toggle] {
    pointer-events: auto
}

.subpage-navigation-item__link>span[data-navigation-item-toggle] .icon.icon--plus:before {
    font-weight: 700
}

.subpage-navigation-item__link>span[data-navigation-item-toggle] .icon+.icon {
    display: none
}

.subpage-navigation-item__link>span:before {
    position: absolute;
    content: '';
    top: 30%;
    left: 0;
    width: 1px;
    height: 40%;
    background-color: #b5b9bb
}

.subpage-navigation-item__link:hover,
.subpage-navigation-item__link:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    text-decoration: none
}

.subpage-navigation-item__watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 0
}

.subpage-navigation-item__watermark>.icon {
    font-size: 180px;
    line-height: 0;
    opacity: .4
}

.subpage-navigation-item__dropdown {
    display: none;
    position: absolute;
    top: calc(50% + 50px);
    left: 0;
    width: 100%;
    padding: 0 20px 20px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .16)
}

.subpage-navigation-item__dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.subpage-navigation-item__dropdown ul li {
    margin: 0 0 10px;
    padding: 0
}

.subpage-navigation-item__dropdown a {
    display: block;
    padding: 5px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    border: 1px solid #666b6e
}

.subpage-navigation-item__dropdown a:hover,
.subpage-navigation-item__dropdown a:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    text-decoration: none
}

.subpage-navigation-item--image {
    height: 310px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.subpage-navigation-item--image:before {
    height: 100%
}

.subpage-navigation-item--image .subpage-navigation-item__link {
    margin-top: auto
}

.subpage-navigation-item--image .subpage-navigation-item__watermark {
    display: none
}

.subpage-navigation-item--image .subpage-navigation-item__dropdown {
    padding: 20px;
    top: 100%;
    background-color: #fff !important
}

.inpage-navigation {
    position: fixed;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    list-style-type: none
}

@media all and (max-width:767px) {
    .inpage-navigation {
        display: none
    }
}

.inpage-navigation li {
    cursor: pointer;
    padding-bottom: 20px
}

.inpage-navigation li.active .content {
    background-color: #FF88BD
}

.inpage-navigation li .content {
    overflow: hidden;
    border: 1px solid #999;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    white-space: nowrap
}

.inpage-navigation li .content:hover {
    width: 100%;
    background-color: #FF88BD;
    /* color: #666b6e; */
    text-decoration: none
}

.inpage-navigation li .content .inner {
    overflow: hidden;
    transition: width .2s ease-in-out;
    padding: 0 15px 3px;
    font-size: 12px;
    line-height: 1em
}

*[data-accordion-content] {
    display: none
}

[data-accordion-trigger] {
    cursor: pointer
}

span.icon.accordion-plus {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 40px;
    width: 40px
}

span.icon.accordion-plus::before {
    position: absolute;
    top: 13px;
    right: 15px;
    font-weight: 700;
    /* color: #666b6e; */
    transition: transform 300ms ease
}

[data-accordion].active>[data-accordion-trigger]>.icon.accordion-plus::before {
    color: #FF88BD;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

table.download-table {
    /* color: #666b6e; */
    -webkit-box-shadow: 0 0 8px 1px #f0f0f0;
    -moz-box-shadow: 0 0 8px 1px #f0f0f0;
    box-shadow: 0 0 8px 1px #f0f0f0;
    border: 1px solid #f0f0f0;
    border-radius: 2px
}

table.download-table td {
    vertical-align: middle;
    text-align: left;
    padding: 10px
}

table.download-table td:nth-child(1) {
    text-align: center;
    padding: 10px 30px;
    width: 80px
}

table.download-table td:nth-child(3) {
    width: 170px
}

table.download-table td:last-of-type {
    width: 170px;
    text-align: center;
    padding: 10px
}

table.download-table .file-icon {
    display: block;
    height: 20px;
    width: 20px
}

a.download-button {
    border: 1px solid #666b6e;
    /* color: #666b6e; */
    font-size: 12px;
    text-decoration: none;
    padding: 6px 15px 7px;
    transition: none
}

a.download-button:hover {
    border-color: #FF88BD;
    color: #FF88BD
}

a.download-button:hover span.icon {
    color: #FF88BD
}

a.download-button span.icon {
    font-size: 10px
}

a.download-button .btn-text {
    margin-left: 10px
}

.grid-col-md-8 a.download-button .btn-text {
    display: none
}

.grid-col-md-8 table.download-table td:last-of-type {
    text-align: center;
    width: 100px
}

.grid-col-md-8 table.download-table td:nth-child(3) {
    width: 100px
}

.grid-col-md-6 a.download-button .btn-text {
    display: none
}

.grid-col-md-6 table.download-table td:last-of-type {
    text-align: center;
    width: 80px
}

.grid-col-md-6 table.download-table td:nth-child(3) {
    width: 80px
}

.grid-col-md-4 a.download-button .btn-text {
    display: none
}

.grid-col-md-4 table.download-table td:first-of-type {
    padding-left: 10px;
    padding-right: 10px;
    width: 40px
}

.grid-col-md-4 table.download-table td:nth-child(3) {
    width: 60px;
    max-width: 60px
}

.grid-col-md-4 table.download-table td:last-of-type {
    width: 60px;
    max-width: 60px
}

@media(max-width:640px) {
    a.download-button {
        width: 30px;
        height: 30px;
        border-radius: 30px
    }

    a.download-button span.icon {
        margin-right: 0
    }

    .btn-text {
        display: none
    }

    [class*=grid-col] table.download-table td,
    table.download-table td {
        padding: 10px 5px
    }

    [class*=grid-col] table.download-table td:last-of-type,
    table.download-table td:last-of-type {
        text-align: right;
        min-width: auto
    }

    [class*=grid-col] table.download-table td:nth-child(1),
    table.download-table td:nth-child(1) {
        width: auto;
        min-width: auto;
        padding: 10px
    }

    [class*=grid-col] table.download-table td:nth-child(3),
    table.download-table td:nth-child(3) {
        min-width: 60px;
        width: auto
    }

    [class*=grid-col] table.download-table td:last-of-type,
    table.download-table td:last-of-type {
        padding: 10px 15px 10px 10px;
        min-width: 70px;
        width: auto
    }
}

@media(max-width:300px) {
    table.download-table td {
        padding: 10px 0
    }
}

.download-accordion {
    padding: 5px 10px;
    border-top: 1px solid #ececec
}

.download-accordion:last-of-type {
    border-bottom: 1px solid #ececec
}

.download-accordion .accordion-panel {
    position: relative;
    padding: 10px
}

.download-accordion .accordion-panel p:last-child {
    padding: 0
}

.download-accordion .accordion-content {
    padding: 20px 0
}

.download-accordion table.download-table {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.download-list {
    padding: 20px 0
}

.download-list>h4 {
    padding: 30px
}

.download-accordion.product-documents.active {
    background-color: #f9f9f9
}

.product-documents h5,
.download-list h3 {
    text-align: left
}

h5.document-type {
    padding-left: 20px;
    text-transform: uppercase
}

@media(max-width:640px) {

    .product-documents h5,
    .download-list h3 {
        margin-right: 30px
    }

    h5.document-type {
        padding-left: 15px
    }

    .download-table td>a {
        word-break: break-word
    }
}

h3.sub-category {
    padding: 40px 15px 15px 20px
}

.product-documents .accordion-content {
    padding: 0
}

.product-documents .download-table {
    border: none
}

.product-documents table.download-table td.file-first-td {
    width: 0;
    padding: 10px
}

.product-documents span.arrow-right {
    display: inline;
    position: static;
    border: none
}

.product-documents span.arrow-right span {
    width: 7px;
    height: 7px;
    border-top-width: 1px;
    border-right-width: 1px
}

.product-documents a.download-button:hover span.arrow-right span {
    border-color: #FF88BD;
    color: #FF88BD
}

.product-documents a.nounderline {
    text-decoration: none
}

.grid-col-md-4 .sub-category,
.grid-col-sm-16 .sub-category {
    padding-left: 10px
}

.grid-col-md-4 .download-accordion,
.grid-col-sm-16 .download-accordion {
    padding: 5px 0
}

@media(max-width:640px) {
    .download-accordion {
        padding: 5px 0
    }
}

.image-gallery,
.content-slider {
    width: 100%
}

.image-gallery.col-1,
.content-slider.col-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.image-gallery.col-1 .image,
.content-slider.col-1 .image {
    max-width: 100%;
    width: calc(100%/1)
}

.image-gallery.col-1 .image .original,
.content-slider.col-1 .image .original {
    display: inline-block !important
}

.image-gallery.col-1 .image .extended,
.content-slider.col-1 .image .extended {
    display: none !important
}

.image-gallery.col-2,
.content-slider.col-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.image-gallery.col-2 .image,
.content-slider.col-2 .image {
    max-width: 100%;
    width: calc(100%/2)
}

.image-gallery.col-2 .image .original,
.content-slider.col-2 .image .original {
    display: none !important
}

.image-gallery.col-2 .image .extended,
.content-slider.col-2 .image .extended {
    display: inline-block !important
}

.image-gallery.col-3,
.content-slider.col-3 {
    display: block
}

.image-gallery.col-3 .image,
.content-slider.col-3 .image {
    max-width: 100%;
    width: 50%;
    float: left;
    overflow: hidden
}

.image-gallery.col-3 .image .original,
.content-slider.col-3 .image .original {
    display: none
}

.image-gallery.col-3 .image .extended,
.content-slider.col-3 .image .extended {
    display: inline-block !important
}

.image-gallery.col-3 .image:first-of-type .original,
.content-slider.col-3 .image:first-of-type .original {
    display: none !important
}

.image-gallery.col-3 .image:first-of-type .extended,
.content-slider.col-3 .image:first-of-type .extended {
    display: inline-block !important
}

.image-gallery.col-3 .image:nth-of-type(n+2) .original,
.content-slider.col-3 .image:nth-of-type(n+2) .original {
    display: inline-block !important
}

.image-gallery.col-3 .image:nth-of-type(n+2) .extended,
.content-slider.col-3 .image:nth-of-type(n+2) .extended {
    display: none !important
}

.image-gallery.col-4,
.content-slider.col-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.image-gallery.col-4 .image,
.content-slider.col-4 .image {
    max-width: 100%;
    width: calc(100%/4)
}

.image-gallery.col-4 .image .original,
.content-slider.col-4 .image .original {
    display: none !important
}

.image-gallery.col-4 .image .extended,
.content-slider.col-4 .image .extended {
    display: inline-block !important
}

.image-gallery .image,
.content-slider .image {
    position: relative;
    overflow: hidden;
    line-height: 0
}

.image-gallery .image[data-lightbox],
.content-slider .image[data-lightbox] {
    cursor: pointer
}

.image-gallery .image .image__empty,
.content-slider .image .image__empty {
    min-height: 50px;
    background-color: #666b6e
}

.image-gallery .image .original,
.content-slider .image .original {
    display: none !important
}

.image-gallery .image .extended,
.content-slider .image .extended {
    display: inline-block !important
}

@media all and (max-width:767px) {

    .image-gallery .image .original,
    .content-slider .image .original {
        display: inline-block !important
    }

    .image-gallery .image .extended,
    .content-slider .image .extended {
        display: none !important
    }
}

.image-gallery .image img,
.content-slider .image img {
    max-width: inherit;
    width: 100%
}

.image-gallery:after,
.content-slider:after {
    content: '';
    display: table;
    clear: both
}

.image-gallery.slick-slider,
.content-slider.slick-slider {
    margin-bottom: 0
}

.image-gallery.slick-slider button.slick-next,
.image-gallery.slick-slider button.slick-prev,
.content-slider.slick-slider button.slick-next,
.content-slider.slick-slider button.slick-prev {
    display: inline-block;
    background-color: rgba(255, 255, 255, .2);
    width: 30px;
    height: 170px;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 0;
    line-height: 0;
    top: 50%;
    margin-top: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: 80%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0
}

.image-gallery.slick-slider button.slick-next:hover,
.image-gallery.slick-slider button.slick-prev:hover,
.content-slider.slick-slider button.slick-next:hover,
.content-slider.slick-slider button.slick-prev:hover {
    background-color: rgba(255, 255, 255, .5)
}

.image-gallery.slick-slider button.slick-next:before,
.image-gallery.slick-slider button.slick-prev:before,
.content-slider.slick-slider button.slick-next:before,
.content-slider.slick-slider button.slick-prev:before {
    line-height: 1;
    opacity: .75;
    color: #fff;
    font-size: 9px;
    content: '' !important;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border-top: .3em solid #fff;
    border-right: .3em solid #fff
}

.image-gallery.slick-slider button.slick-next,
.content-slider.slick-slider button.slick-next {
    right: 0
}

.image-gallery.slick-slider button.slick-next:before,
.content-slider.slick-slider button.slick-next:before {
    margin-left: -.8em;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.image-gallery.slick-slider button.slick-prev,
.content-slider.slick-slider button.slick-prev {
    left: 0
}

.image-gallery.slick-slider button.slick-prev:before,
.content-slider.slick-slider button.slick-prev:before {
    margin-left: .8em;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.image-gallery.slick-slider .slick-list,
.content-slider.slick-slider .slick-list {
    padding-bottom: 0
}

.image-gallery.slick-slider .slick-slide,
.content-slider.slick-slider .slick-slide {
    height: auto
}

.image-gallery.slick-slider .slick-track,
.content-slider.slick-slider .slick-track {
    display: block
}

.image-gallery.slick-slider .slick-track .slick-slide,
.content-slider.slick-slider .slick-track .slick-slide {
    display: block;
    height: auto
}

.image-gallery.slick-slider .slick-track .slick-slide img,
.content-slider.slick-slider .slick-track .slick-slide img {
    width: 100%;
    height: auto
}

.image-gallery.slick-slider .slick-dots,
.content-slider.slick-slider .slick-dots {
    bottom: 30px
}

.image-gallery.slick-slider .slick-dots li button:before,
.content-slider.slick-slider .slick-dots li button:before {
    background-color: #fff;
    border-color: #afafb0;
    opacity: 1
}

.image-gallery.slick-slider .slick-dots li.slick-active button:before,
.content-slider.slick-slider .slick-dots li.slick-active button:before {
    background-color: #f5b6c7;
    border-color: #f5b6c7
}

.slick-lightbox .slick-lightbox-slick {
    margin-bottom: 0
}

.slick-lightbox .slick-lightbox-slick .slick-list {
    padding-bottom: 0;
    height: auto !important
}

.slick-lightbox .slick-lightbox-inner {
    max-width: 1280px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    padding-top: 65px;
    height: 100%
}

.slick-lightbox .slick-lightbox-inner button.slick-next,
.slick-lightbox .slick-lightbox-inner button.slick-prev {
    display: inline-block;
    background-color: rgba(255, 255, 255, .2);
    width: 30px;
    height: 170px;
    z-index: 1;
    margin-top: -85px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 0;
    line-height: 0;
    top: 50%;
    transform: none;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0
}

.slick-lightbox .slick-lightbox-inner button.slick-next:hover,
.slick-lightbox .slick-lightbox-inner button.slick-prev:hover {
    background-color: rgba(255, 255, 255, .5)
}

.slick-lightbox .slick-lightbox-inner button.slick-next:before,
.slick-lightbox .slick-lightbox-inner button.slick-prev:before {
    line-height: 1;
    opacity: .75;
    color: #fff;
    font-size: 9px;
    content: '' !important;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border-top: .3em solid #fff;
    border-right: .3em solid #fff
}

.slick-lightbox .slick-lightbox-inner button.slick-next {
    right: 0
}

.slick-lightbox .slick-lightbox-inner button.slick-next:before {
    margin-left: -.8em;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-lightbox .slick-lightbox-inner button.slick-prev {
    left: 0
}

.slick-lightbox .slick-lightbox-inner button.slick-prev:before {
    margin-left: .8em;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.slick-lightbox .slick-lightbox-inner .slick-slide .slick-lightbox-slick-item-inner {
    max-width: 100%
}

.slick-lightbox .slick-lightbox-inner .slick-slide img {
    margin: 0;
    max-width: 100%
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick-item:before {
    content: none
}

.slick-lightbox .slick-lightbox-inner .slick-track {
    display: block;
    align-items: stretch;
    justify-content: center;
    height: auto
}

.slick-lightbox .slick-lightbox-inner .slick-track .slick-slide {
    display: block;
    height: auto;
    align-items: stretch;
    justify-content: center
}

.slick-lightbox .slick-lightbox-inner .slick-dots {
    bottom: 15px
}

.slick-lightbox .slick-lightbox-inner .slick-dots li button:before {
    background-color: #fff;
    border-color: #fff;
    opacity: 1
}

.slick-lightbox .slick-lightbox-inner .slick-dots li.slick-active button:before {
    background-color: #FF88BD;
    border-color: #FF88BD
}

.slick-lightbox .slick-lightbox-close {
    width: 35px;
    height: 35px;
    top: 20px;
    right: 0
}

.slick-lightbox .slick-lightbox-close:before {
    content: '';
    background-image: url(/assets/assets/images/close-button.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
    height: 100%
}

.slick-lightbox.gallery .slick-lightbox-inner {
    overflow-y: auto;
    max-height: inherit !important
}

.slick-lightbox.gallery .slick-lightbox-slick-item {
    height: auto !important
}

.slick-lightbox.gallery .slick-slide .slick-lightbox-slick-item-inner {
    width: 100%;
    max-height: inherit !important;
    height: auto !important
}

.slick-lightbox.gallery .slick-slide img {
    width: 100%;
    height: auto !important;
    max-height: inherit !important
}

.image-gallery:not([data-gallery]) {
    display: flex;
    flex-wrap: wrap
}

.image-gallery:not([data-gallery]) div.image {
    display: inline-block;
    flex: 0 0 25%
}

.image-gallery:not([data-gallery]) div.image img {
    width: 100%
}

.image-gallery:not([data-gallery]) div.image:only-of-type {
    flex: 0 0 100%
}

.image-gallery:not([data-gallery]) div.image:only-of-type img {
    width: 100%
}

.image-gallery:not([data-gallery]) div.image:only-of-type img.original {
    display: inline-block
}

.image-gallery:not([data-gallery]) div.image:only-of-type img.extended {
    display: none
}

.image-gallery.exp-gallery {
    display: flex;
    flex-wrap: wrap
}

.image-gallery.exp-gallery div.image {
    display: inline-block;
    flex: 0 0 25%
}

.image-gallery.exp-gallery div.image img {
    width: 100%
}

.form {
    color: #5f6062;
    font-size: 16px;
    padding: 30px;
    background-color: #f7f8f8
}

.form__title {
    font-size: 30px !important;
    text-align: left !important;
    margin-bottom: 40px !important
}

.form__sub-title {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 40px
}

.form--submit {
    margin-top: 40px
}

.form--submit:after {
    display: table;
    content: '';
    clear: both
}

.form--submit--wrapper:after {
    display: table;
    content: '';
    clear: both
}

.form--submit .btn,
.form--submit .ost-jobs .ost-job .action,
.ost-jobs .ost-job .form--submit .action {
    float: left
}

.form--submit__text {
    font-size: 14px;
    padding-top: 40px
}

.form__field {
    margin-bottom: 20px
}

.form__field a {
    color: #5f6062;
    text-decoration: underline
}

.form__field a:hover {
    color: #5f6062
}

.form__field:last-child {
    margin-bottom: 0
}

.form__field__input__elem,
.form__field textarea,
.form__field__select,
.form__field--radio,
.form__field--checkbox {
    color: #5f6062
}

.form__field__input__elem,
.form__field__area,
.form__field__select {
    border: 0;
    padding: 0
}

.form__field__input__elem:focus,
.form__field__input__elem:active,
.form__field__area:focus,
.form__field__area:active,
.form__field__select:focus,
.form__field__select:active {
    outline: none
}

.form__field__input {
    position: relative
}

.form__field__input>.form__field__label {
    order: -1
}

.form__field__input.field--error .form__field__input__elem,
.form__field__input.form__field--error .form__field__input__elem {
    border: 2px solid #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

.form__field__input.field--error label.error,
.form__field__input.form__field--error label.error {
    display: block;
    color: #e5006b;
    font-size: 12px;
    padding: 5px 0
}

.form__field__input.field--error.focused .form__field__input__elem,
.form__field__input.form__field--error.focused .form__field__input__elem {
    border: 1px solid #e5006b
}

.form__field__input__area textarea {
    width: 100%;
    height: 170px;
    border: 1px solid #afafb0;
    resize: none;
    background-color: #fff;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px
}

.form__field__input__area textarea:focus {
    border: 1px solid #7f8081;
    outline: none
}

.form__field__input__area.form__field--error textarea {
    border: 2px solid #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px
}

.form__field__input__area.form__field--error textarea:focus {
    border: 1px solid #e5006b
}

.form__field__input.focused .form__field__input__elem {
    border: 1px solid #7f8081
}

.form__field__input input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.form__field__input input[type=number]::-webkit-inner-spin-button,
.form__field__input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.form__field__input .form__field__input__elem {
    position: relative;
    border: 1px solid #afafb0;
    height: 40px;
    background-color: #fff;
    display: inline-block;
    width: 100%;
    z-index: 2;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px
}

.form__field__input .form__field__input__elem:disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.form__field__input .form__field__input__date {
    padding-right: 35px
}

.form__field__input .form__field__label {
    display: block;
    margin: 0 0 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.form__field__select .selectbox {
    border: 1px solid #afafb0;
    min-width: 100% !important;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    height: 40px;
    padding: 10px;
    position: relative
}

.form__field__select .selectbox.state-focus {
    border: 1px solid #7f8081
}

.form__field__select .selectbox.state-focus:after {
    transform: translateY(-50%) rotate(-180deg)
}

.form__field__select .selectbox:after {
    content: "";
    font-size: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: transform .2s ease;
    transform: translateY(-50%);
    pointer-events: none
}

.form__field__select .selectbox .selectbox-button {
    width: 100%;
    height: 100%;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 30px;
    padding-left: 10px;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block
}

.form__field__select .selectbox .selectbox-button:focus {
    outline: none
}

.form__field__select.form__field--error .selectbox {
    border: 2px solid #e5006b
}

.form__field--radio {
    display: inline-block;
    margin-right: 25px
}

.form__field--radio:last-child {
    margin-right: 0
}

.form__field--radio .form__field--radio__box {
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 10px;
    border-radius: 20px;
    display: inline-block
}

.form__field--radio .form__field__radio {
    visibility: hidden
}

.form__field--radio .form__field__radio--label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 1px;
    top: 1px;
    background-color: #fff;
    border: 1px solid #afafb0;
    border-radius: 50px
}

.form__field--radio .form__field__radio--label:after {
    content: '';
    width: 13px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #8e8e8e;
    opacity: 0;
    border-radius: 50px
}

.form__field--radio .form__field__radio--label:hover:after {
    opacity: .2
}

.form__field--radio .form__field__radio:checked+.form__field__radio--label:after {
    opacity: 1
}

.form__field--checkbox {
    position: relative;
    margin-right: 25px;
    display: inline-block
}

.form__field--checkbox:last-child {
    margin-right: 0
}

.form__field--checkbox .form__field--check__box {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block
}

.form__field--checkbox .form__field__check {
    visibility: hidden
}

.form__field--checkbox .form__field__check--label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 1px;
    top: 1px;
    background-color: #fff;
    border: 1px solid #afafb0
}

.form__field--checkbox .form__field__check--label:after {
    content: '';
    width: 13px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 2px solid #8e8e8e;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form__field--checkbox .form__field__check--label:hover:after {
    opacity: .3
}

.form__field--checkbox .form__field__check:checked+.form__field__check--label:after {
    opacity: 1
}

.form__field--group {
    display: flex;
    justify-content: space-between
}

.form__field--group .form__field__input {
    width: 75%
}

.form__field--group .form__field__input--small {
    width: 25%
}

.form__field--group .form__field__input:last-child {
    padding: 0 0 0 10px
}

.form__field--error .form__field__check--label {
    border: 2px solid #e5006b
}

.form__field--error .form__field__radio--label {
    border: 2px solid #e5006b
}

.form__field--error label.error {
    display: block;
    color: #e5006b;
    font-size: 12px;
    padding: 5px 0
}

.form__field-wrapper {
    position: relative
}

.form__field-wrapper .form__field__input__elem {
    padding: 10px 40px 10px 10px
}

.selectbox-list-box {
    display: none;
    background-color: #fff;
    border: 1px solid #afafb0;
    max-height: 250px;
    overflow-y: auto
}

.selectbox-list-box .selectbox-cancel {
    display: none
}

.selectbox-list-box.top {
    border-top: 1px solid #8e8e8e;
    border-bottom: none;
    margin-top: 0
}

.selectbox-list-box .selectbox-list {
    list-style-type: none;
    padding-top: 10px;
    padding-left: 0
}

.selectbox-list-box .selectbox-list .selectbox-list-item {
    padding: 10px;
    cursor: pointer
}

.selectbox-list-box .selectbox-list .selectbox-list-item[aria-disabled=true] {
    display: none
}

.selectbox-list-box .selectbox-list .selectbox-list-item:hover {
    background-color: #FF88BD;
    color: #fff
}

.f_circleG {
    position: absolute;
    background-color: #fff;
    height: 7px;
    width: 7px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal
}

#frotateG_01 {
    left: 0;
    top: 16px;
    animation-delay: .45s;
    -o-animation-delay: .45s;
    -ms-animation-delay: .45s;
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s
}

#frotateG_02 {
    left: 4px;
    top: 4px;
    animation-delay: .6s;
    -o-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s
}

#frotateG_03 {
    left: 16px;
    top: 0;
    animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s
}

#frotateG_04 {
    right: 4px;
    top: 4px;
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}

#frotateG_05 {
    right: 0;
    top: 16px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s
}

#frotateG_06 {
    right: 4px;
    bottom: 4px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s
}

#frotateG_07 {
    left: 16px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s
}

#frotateG_08 {
    left: 4px;
    bottom: 4px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

@keyframes f_fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #fff
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #fff
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #fff
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #fff
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #fff
    }
}

@media only screen and (max-device-width:640px)and (orientation:portrait) {
    .contact-map {
        display: none
    }
}

@media only screen and (max-device-width:812px)and (orientation:landscape) {
    .contact-map {
        display: none
    }
}

.form--submit__loader {
    display: none;
    float: left;
    position: relative;
    width: 38px;
    height: 38px;
    margin: auto;
    margin-left: 10px;
    transform: scale(.6);
    -o-transform: scale(.6);
    -ms-transform: scale(.6);
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6)
}

.contact-map {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center
}

@media(max-width:769px) {
    .contact-map {
        display: none
    }
}

.datepicker-icon {
    padding: 4px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.datepicker-icon:after {
    content: '';
    display: block;
    width: 18px;
    height: 20px;
    background-image: url(/assets/assets/images/mclip/calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: center
}

.hidden_validate {
    opacity: 0;
    position: absolute;
    z-index: -1000
}

.field.field-submit-button .validation-summary-errors {
    display: none
}

.submit-error-summary .validation-summary-errors {
    display: none
}

.submit-error-summary .field.field-submit-button .validation-summary-errors {
    margin-top: 25px;
    display: block
}

.submit-error-summary .field.field-submit-button .validation-summary-errors li {
    color: #FF88BD
}

.selectbox-2 select.state-open+.selectbox-button {
    box-shadow: none;
    border: 1px solid #8e8e8e;
    border-radius: 0
}

.selectbox-2 select.state-open+.selectbox-button:after {
    transform: rotate(-180deg)
}

.selectbox-2 .selectbox-button {
    display: block;
    padding: 8px 35px 8px 15px;
    min-width: 145px !important;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);
    border: 1px solid transparent;
    user-select: none
}

.selectbox-2 .selectbox-button:after {
    content: "";
    position: absolute;
    right: 10px;
    font-size: 8px;
    top: 16px;
    transition: transform .2s ease
}

.selectbox-2 .selectbox-button:focus {
    outline: none
}

.news-info {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 20px
}

.news-date-time {
    background: url(/assets/assets/images/news-date.png) no-repeat;
    padding: 0 25px 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block
}

.news-breadcrumbs {
    background: url(/assets/assets/images/news-breadcrums.png) no-repeat;
    padding: 0 25px 5px;
    margin-bottom: 20px;
    display: inline-block
}

.news-breadcrumbs span {
    color: #FF88BD
}

.news-breadcrumbs span::after {
    content: '/';
    /* color: #666b6e; */
    margin: 0 3px
}

.news-breadcrumbs span:last-of-type::after {
    content: ''
}

.dots {
    font-weight: 700
}

.dots::before {
    content: '.';
    margin-right: 15px
}

.dots::after {
    content: '.';
    margin-left: 15px
}

.recipient-profile-page p {
    text-align: center
}

.recipient-profile-form {
    background-color: #fff
}

.recipient-profile-form .email-address {
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px
}

.recipient-profile-form .form-content {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 40px 0 80px
}

.recipient-profile-form h4 {
    text-align: left;
    margin-bottom: 30px
}

.recipient-profile-form .interests-section {
    padding-left: 10vw
}

@media all and (max-width:767px) {
    .recipient-profile-form .interests-section {
        padding-left: 0;
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid #e4e4e4
    }

    .recipient-profile-form .interests-section h4 {
        word-break: break-word
    }
}

.recipient-profile-form .selectbox {
    min-width: 100% !important
}

.recipient-profile-form .form__field--checkbox {
    display: block
}

.recipient-profile-form .form__field {
    margin-bottom: 20px
}

.recipient-profile-form .form--submit {
    text-align: center
}

.recipient-profile-form .form--submit .btn,
.recipient-profile-form .form--submit .ost-jobs .ost-job .action,
.ost-jobs .ost-job .recipient-profile-form .form--submit .action {
    float: none
}

section.content-slider:not([data-content-slider]) .slide {
    min-height: 490px;
    margin-bottom: 20px
}

hr.content-slider-line {
    border: none;
    color: #f0f0f0;
    background-color: #f0f0f0;
    height: 1px
}

.content-slider {
    margin-top: 30px
}

.content-slider.slick-slider button.slick-prev:before,
.content-slider.slick-slider button.slick-next:before {
    border-color: #FF88BD
}

.content-slider.slick-slider .slick-dots li:only-child {
    display: none
}

.content-slider .teaser__text {
    padding: 0 70px 20px 0
}

.content-slider .slide[data-align-left] .slide-content {
    justify-content: space-between
}

.content-slider .slide[data-align-left] .teaser__text-container {
    order: 2;
    max-width: 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.content-slider .slide[data-align-left] .teaser__text-container .teaser__text {
    padding-right: 0;
    padding-left: 20px
}

@media all and (max-width:641px) {
    .content-slider .slide[data-align-left] .teaser__text-container .teaser__text {
        padding-left: 0
    }
}

.content-slider .slide[data-align-left] .teaser-col {
    order: 1
}

.content-slider .teaser__text-container {
    background: 0 0;
    max-width: 58.3%;
    -moz-flex: 0 0 58.3%;
    -ms-flex: 0 0 58.3%;
    flex: 0 0 58.3%;
    max-height: none
}

.content-slider .teaser__text-container .teaser__text {
    padding-left: 0;
    width: 100%
}

.content-slider .teaser__text-container .teaser__text ul li:empty {
    display: none
}

.content-slider .teaser__text-container .btn,
.content-slider .teaser__text-container .ost-jobs .ost-job .action,
.ost-jobs .ost-job .content-slider .teaser__text-container .action {
    margin-top: 30px
}

.content-slider .teaser-col {
    flex: 0 0 41.7%;
    -ms-flex: 0 0 41.7%;
    -ms-flex-direction: row;
    max-width: none;
    display: block
}

.content-slider .slide:focus {
    outline: none
}

.content-slider .slide.round img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto
}

.content-slider .slide.round .teaser-col {
    padding: 0 20px
}

.content-slider .slide .slide-content {
    padding: 50px 0 80px;
    width: 85%;
    margin: 0 auto;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row
}

.content-slider .slide .slide-content .teaser-image-tile img.original {
    display: block
}

.content-slider .slide .slide-content .teaser-image-tile img.extended {
    display: none
}

@media(max-width:641px) {
    .content-slider .slide[data-align-left] .teaser__text-container {
        flex-basis: 100%;
        max-width: 100%
    }

    .content-slider .slide-content {
        flex-direction: column;
        flex-wrap: wrap
    }

    .content-slider .slide .slide-content {
        position: relative;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px
    }

    .content-slider .teaser__text-container {
        flex-basis: 100%;
        max-width: 100%;
        order: 2;
        padding-top: 20px
    }

    .content-slider .teaser__text-container .teaser__text {
        padding-left: 0;
        padding-right: 0
    }

    .content-slider .teaser__text-container .teaser__text h4 {
        width: 100%;
        position: absolute;
        top: 20px;
        left: 0;
        margin-bottom: 10px;
        padding-right: 40px
    }

    .content-slider .teaser-col {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        margin-top: 30px;
    }

    .content-slider .slide.round .teaser-col {
        padding: 0
    }
}

@media(max-width:769px)and (min-width:641px) {

    .content-slider .teaser__text-container,
    .content-slider .teaser-col {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }

    .content-slider .teaser__text {
        padding: 0 20px 20px
    }
}

.faq-accordion {
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center
}

.faq-accordion .faq-accordion-list {
    text-align: left
}

.faq-accordion .btn,
.faq-accordion .ost-jobs .ost-job .action,
.ost-jobs .ost-job .faq-accordion .action {
    margin-top: 10px
}

.faq-accordion .media {
    margin-bottom: 20px;
    flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    max-width: 25%;
    align-self: flex-start
}

.faq-accordion [data-accordion] {
    display: none
}

.faq-accordion [data-accordion] .accordion-panel {
    padding-left: 0;
    padding-right: 35px
}

.faq-accordion [data-accordion] .accordion-panel h4 {
    padding: 0 30px 0 0;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.faq-accordion .download-accordion.active h4 {
    color: #FF88BD
}

.faq-accordion .faq-pane {
    display: flex;
    display: -ms-flexbox
}

.faq-accordion .faq-pane ul {
    padding-left: 20px;
    list-style: disc
}

.faq-accordion .faq-pane .faq-pane-content {
    padding-right: 40px
}

.faq-accordion .faq-pane .faq-pane-content .faq-pane-text p {
    padding-bottom: 30px
}

.faq-accordion .faq-pane .faq-pane-content .faq-pane-text ul li {
    padding-bottom: 18px
}

@media(max-width:768px) {
    .faq-accordion {
        padding: 0 20px 10px
    }

    .faq-pane {
        flex-wrap: wrap;
        justify-content: center
    }

    .faq-pane .faq-pane-content {
        max-width: 100%;
        flex-basis: 100%;
        order: 2
    }

    .faq-pane .media {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }

    .faq-pane .media .desktop-image {
        display: none
    }

    .faq-pane .media .mobile-image {
        display: block
    }

    .faq-pane .media:last-child div {
        flex-basis: 100%;
        max-width: 100%;
        order: 1
    }
    .callback .two-cols__form {
        max-width: 100%;
    }
}

@media(max-width:768px)and (min-width:640px) {
    .grid-col-tb-12 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

.service-teaser {
    display: flex;
    display: -ms-flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.service-teaser .tile-description {
    max-height: 85px;
    overflow: hidden;
    /* color: #666b6e; */
    text-align: center;
    font-size: 14px
}

.service-teaser h3 {
    color: #fff
}

.service-teaser h4 {
    margin-top: 20px;
    margin-bottom: 15px
}

.service-teaser .icon-container {
    text-align: center
}

.service-teaser .circle-icon {
    text-align: center;
    width: 120px;
    height: 120px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 10px
}

.service-teaser .circle-icon svg {
    width: 100%;
    height: 100%
}

.service-teaser .service-teaser-item {
    height: 360px;
    flex-basis: 25%;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.service-teaser .service-teaser-item:hover .service-teaser-arrow-right {
    border: 1px solid #FF88BD
}

.service-teaser .service-teaser-item:hover .service-teaser-arrow-right::after {
    border-color: #FF88BD
}

.service-teaser .service-teaser-item .service-teaser-inner {
    padding: 20px
}

.service-teaser .service-teaser-item a {
    display: inline-block;
    padding: 0;
    height: 100%;
    width: 100%;
    text-decoration: none
}

.service-teaser .service-teaser-item .service-teaser-arrow-right {
    width: 30px;
    height: 30px;
    left: 50%;
    bottom: 15px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    position: absolute;
    display: inline-block;
    border: 1px solid #bbb;
    background-color: #fff;
    border-radius: 50%
}

.service-teaser .service-teaser-item .service-teaser-arrow-right::after {
    content: '';
    display: inline-block;
    margin-top: 10px;
    margin-left: 8px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #777;
    border-right: 2px solid #777;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.service-teaser .service-teaser-image {
    flex: 1;
    height: 360px;
    background-size: auto 360px;
    background-repeat: no-repeat
}

.jewellery {
    font-family: cerastencilpro-bold, "sans-serif";
    font-size: 9.5em;
    text-transform: uppercase;
    position: absolute;
    transform: rotate(-90deg);
    bottom: -60px;
    left: 41px;
    color: rgba(255, 255, 255, .3);
    line-height: .8em;
    transform-origin: 0 center
}

@media(max-width:960px) {
    .service-teaser .service-teaser-item {
        flex-basis: 50%
    }
}

@media(max-width:640px) {
    .service-teaser .tile-description {
        display: none
    }

    .service-teaser .service-teaser-item,
    .service-teaser .service-teaser-image {
        height: 299px
    }

    .service-teaser .service-teaser-image {
        background-size: auto 299px
    }
}

.juicer-feed a.j-paginate.juicer-button {
    border-radius: 0
}

.benefits-teaser {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    font-size: 14px;
    flex-wrap: wrap
}

.benefits-teaser.benefits-teaser--hotels .benefits-teaser-item .benefits-image svg,
.benefits-teaser [data-benefit-type=hotels] .benefits-teaser-item .benefits-image svg {
    width: 100%
}

.benefits-teaser.benefits-teaser--hotels .benefits-teaser-item .description-text,
.benefits-teaser [data-benefit-type=hotels] .benefits-teaser-item .description-text {
    font-size: 12px
}

@media(max-width:1024.98px) {
    .benefits-teaser[data-benefits-length="2"] .benefits-teaser-item {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(max-width:1024.98px) {
    .benefits-teaser[data-benefits-length="1"] .benefits-teaser-item {
        flex-basis: 50%;
        max-width: 50%
    }
}

.benefits-teaser.image-gallery.slick-slider button.slick-prev {
    height: 120px
}

.benefits-teaser.image-gallery.slick-slider button.slick-next {
    height: 120px
}

.benefits-teaser[data-benefits-teaser] .slick-track {
    display: flex
}

.benefits-teaser.slick-slider button.slick-next:before,
.benefits-teaser.slick-slider button.slick-prev:before {
    border-color: #FF88BD
}

.benefits-teaser[data-image-square] img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.benefits-teaser[data-description-align=left] .description-text {
    text-align: left
}

.benefits-teaser.reference-benefits-teaser .benefits-teaser-item {
    margin-bottom: 0;
    padding-bottom: 0
}

.benefits-teaser.reference-benefits-teaser .benefits-teaser-item *:last-child {
    margin-bottom: 0
}

.benefits-teaser img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.benefits-teaser .description-text ul {
    text-align: left;
    list-style-type: none
}

.benefits-teaser .description-text ul li {
    position: relative;
    line-height: normal;
    margin-bottom: 7px;
    padding-left: 12px
}

.benefits-teaser .description-text ul li:before {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #666b6e
}

.benefits-teaser .slide-content:focus {
    outline: none
}

.benefits-teaser .benefits-teaser-item {
    position: relative;
    text-align: center;
    padding: 20px 20px 56px;
    overflow: hidden;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column
}

.benefits-teaser .benefits-teaser-item:focus {
    outline: none
}

.benefits-teaser .benefits-teaser-item ul {
    margin: 0
}

.benefits-teaser .benefits-teaser-item p {
    padding-bottom: 0
}

.benefits-teaser .benefits-teaser-item .benefits-image {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-bottom: 17px;
    outline: none;
    align-self: center
}

.benefits-teaser .benefits-teaser-item .benefits-image[href=""],
.benefits-teaser .benefits-teaser-item .benefits-image:not([href]) {
    pointer-events: none
}

.benefits-teaser .benefits-teaser-item .benefits-image img {
    width: 100%
}

.benefits-teaser .benefits-teaser-item .btn,
.benefits-teaser .benefits-teaser-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job .benefits-teaser .benefits-teaser-item .action {
    margin-top: auto;
    align-self: center;
    max-width: 100%
}

.benefits-teaser .benefits-teaser-item h4 {
    margin-bottom: 13px
}

.benefits-teaser .description-text {
    margin-bottom: 20px;
    width: 100%
}

.image-gallery.slick-slider .slick-track .slick-slide.benefits-teaser-item {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: none;
    padding-left: 35px;
    padding-right: 35px
}

@media(min-width:641px)and (max-width:769px) {
    .benefits-teaser[data-count="1"] .benefits-teaser-item {
        flex: 0 0 50%;
        max-width: 50%
    }

    .benefits-teaser[data-count="2"] .benefits-teaser-item {
        flex: 0 0 calc(100%/16*6);
        max-width: calc(100%/16*6)
    }

    .benefits-teaser[data-count="3"] .benefits-teaser-item {
        flex: 0 0 calc(100%/16*4);
        max-width: calc(100%/16*4);
        margin-left: calc(100%/16);
        margin-right: 0;
        padding: 0
    }

    .benefits-teaser[data-count="3"] .benefits-teaser-item:last-of-type {
        margin-left: calc(100%/16);
        margin-right: calc(100%/16)
    }
}

@media(max-width:641px) {
    .benefits-teaser[data-count="1"] .benefits-teaser-item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

section.events-teaser:not([data-events-teaser]) .slide {
    margin-bottom: 0;
    border-bottom: 1px solid
}

.events-teaser.slick-slider .slick-track .slick-slide {
    min-height: auto;
    padding-bottom: 0
}

.events-teaser.slick-slider .slick-track .slick-slide:focus {
    outline: none
}

.events-teaser.slick-slider .slick-track .slick-slide .slide-content {
    position: relative
}

.events-teaser.slick-slider .slick-track .slick-slide .slide-content:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    border-top: 2px solid #e9e9e9;
    width: 100%
}

@media all and (max-width:769px) {
    .events-teaser.slick-slider .slick-track .slick-slide .slide-content:before {
        width: 200%
    }
}

.events-teaser.colored.slick-slider .slick-track .slick-slide .slide-content {
    position: relative
}

.events-teaser.colored.slick-slider .slick-track .slick-slide .slide-content:before {
    display: none
}

.events-teaser .teaser-content {
    width: 100%;
    display: flex;
    min-height: 1px
}

.events-teaser .teaser__text {
    padding-top: 0;
    padding-bottom: 20px
}

.events-teaser .event-icon {
    background-repeat: no-repeat;
    padding-left: 25px;
    display: inline
}

.events-teaser .event-icon.icon-time {
    background-image: url(/assets/assets/images/news-date.png)
}

.events-teaser .event-icon.icon-category {
    background-image: url(/assets/assets/images/news-breadcrums.png)
}

.events-teaser .teaser__text-container {
    flex-direction: column
}

.events-teaser .teaser-calendar {
    width: 100%
}

.events-teaser .event-text {
    display: inline
}

.events-teaser .events-pane {
    display: flex;
    justify-content: space-between;
    padding-right: 40px
}

.events-teaser .events-pane ul {
    margin-top: 40px;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

.events-teaser .events-pane ul.events-info li {
    padding-right: 10px
}

.events-teaser .events-pane ul li {
    padding-bottom: 20px
}

.events-teaser .events-pane ul li a {
    text-decoration: none
}

.events-teaser .events-pane ul li a:focus {
    outline: none
}

.events-teaser .events-pane .events-calendar li {
    white-space: nowrap
}

.events-teaser .events-pane .icon--plus {
    font-size: 11px;
    color: #FF88BD;
    margin-right: 5px
}

@media(max-width:1080px) {
    .events-teaser .slide .slide-content {
        flex-direction: column
    }

    .events-teaser .events-pane {
        padding-right: 0
    }

    .events-teaser .events-pane ul {
        flex: 1
    }

    .events-teaser .teaser__text-container,
    .events-teaser .teaser-col {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:640px) {
    .teaser-content {
        flex-direction: column
    }

    .events-teaser .slide-content .teaser__text-container,
    .events-teaser .slide-content .teaser-col {
        flex-basis: auto;
        max-width: 100%;
        padding: 0
    }

    .events-teaser .slide-content .teaser__text-container {
        padding-top: 20px
    }

    .events-teaser .slide-content .teaser-calendar {
        padding: 0
    }

    .events-teaser .slide-content .teaser-calendar .events-pane {
        flex-wrap: wrap
    }

    .events-teaser .slide-content .teaser-calendar .events-calendar {
        flex-basis: 100%;
        margin-top: 0
    }

    .events-teaser .slide-content .teaser-calendar .events-info {
        flex-basis: 100%
    }
}

.search-overlay {
    min-height: auto
}

.search-overlay .main-container {
    text-align: center;
    padding-bottom: 0
}

.search-overlay .main-container .no-results-container .content-area,
.search-overlay .main-container .no-results-container .p-stage__slide-inner {
    padding-top: 0
}

.search-overlay .main-container section.search-results-container {
    margin-bottom: 0
}

.search-overlay .main-container section.search-results-container .content-area,
.search-overlay .main-container section.search-results-container .p-stage__slide-inner {
    padding-top: 0
}

.search-overlay .main-container .input-wrapper {
    position: relative;
    max-width: 480px;
    width: 100%;
    display: inline-block
}

.search-overlay .main-container .input-wrapper input[type=text] {
    border: 1px solid #afafb0;
    padding: 10px 40px 10px 10px;
    width: 100%;
    height: 40px;
    font-size: 100%
}

.search-overlay .main-container .input-wrapper input[type=text]:focus {
    border-color: #7f8081;
    outline: none
}

.search-overlay .main-container .input-wrapper span.icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.result-wrapper {
    display: flex
}

.result-wrapper .image-wrapper {
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    max-width: 20%;
    margin-right: 80px
}

.result-wrapper .result-content {
    flex: 1;
    -ms-flex: 1
}

ul.search-results {
    text-align: left;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

ul.search-results .headline-link {
    text-decoration: none
}

ul.search-results h4 {
    text-align: left;
    margin-bottom: 10px
}

ul.search-results h4 a {
    text-decoration: none
}

ul.search-results li.search-item {
    padding-bottom: 60px
}

ul.search-results .description-text {
    padding-bottom: 10px
}

ul.search-results a {
    text-decoration: underline;
    font-weight: 400;
    /* color: #666b6e; */
    padding-top: 10px
}

ul.search-results ul.result-breadcrumbs {
    list-style-type: none;
    color: #bbbcbe;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 0
}

ul.search-results ul.result-breadcrumbs li {
    display: inline-block;
    padding-bottom: 0
}

ul.search-results ul.result-breadcrumbs li span.icon {
    font-size: 8px;
    line-height: normal;
    margin: 0 3px
}

ul.search-results ul.result-breadcrumbs li:last-of-type span.icon {
    display: none
}

.interesting-topics h2 {
    margin: 30px 0
}

ul.search-interests-links {
    text-align: left;
    padding-left: 0;
    margin-bottom: 0
}

ul.search-interests-links li {
    display: inline-block;
    border: 1px solid #737373;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding-bottom: 0
}

ul.search-interests-links li:hover {
    box-shadow: 3px 3px 4px #eae8e8
}

ul.search-interests-links li a {
    text-decoration: none;
    padding: 0 10px 2px;
    font-weight: 400
}

ul.search-interests-links li a:hover {
    color: inherit
}

.site-search-icon {
    display: block;
    font-size: 25px;
    line-height: 1;
    /* color: #666b6e; */
    cursor: pointer
}

.site-search-icon:before {
    display: block
}

@media(max-width:640px) {
    .site-search-icon {
        font-size: 22px
    }

    .search-overlay .close-icon {
        position: absolute;
        right: 15px
    }

    .search-overlay .result-wrapper .image-wrapper {
        margin-right: 20px
    }

    .search-overlay .main-container ul.search-results .description-text {
        padding-bottom: 0
    }

    .search-overlay .main-container ul.search-results .description-text p {
        padding-bottom: 0
    }

    .interesting-topics {
        padding: 0 20px
    }

    .interesting-topics ul.search-interests-links li {
        width: 100%;
        text-align: center
    }
}

@media(max-width:769px) {
    .interesting-topics {
        padding: 0 20px
    }
}

.newsroom-press-list {
    margin: 0 -5px
}

.newsroom-press-list .newsroom-press-list-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.newsroom-press-list .newsroom-press-item {
    display: none;
    position: relative;
    padding-bottom: 90px;
    flex-basis: 33%;
    max-width: 33%;
    text-align: center;
    padding: 0 5px
}

.newsroom-press-list .newsroom-press-item .item-content {
    padding: 20px 30px 0
}

.newsroom-press-list .newsroom-press-item .item-content h3 {
    font-size: 18px
}

.newsroom-press-list .newsroom-press-item .date {
    font-size: 12px;
    padding-bottom: 10px
}

.newsroom-press-list .newsroom-press-item h4 {
    margin-bottom: 10px;
    text-align: center
}

.newsroom-press-list .newsroom-press-item .link-wrapper {
    position: relative;
    min-height: 82px;
    text-align: center;
    width: 100%
}

.newsroom-press-list .newsroom-press-item .item-text {
    font-size: 14px;
    margin-bottom: 15px
}

.newsroom-press-list .newsroom-press-item .item-text p {
    padding: 0
}

.newsroom-press-list .load-more {
    text-align: center
}

@media(min-width:640px)and (max-width:767px) {
    .newsroom-press-list .newsroom-press-item {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:640px) {
    .newsroom-press-list .newsroom-press-item {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%
    }
}

.newsroom-slider.newsroom-press-list .slick-slider button.slick-next,
.newsroom-slider.newsroom-press-list .slick-slider button.slick-prev {
    box-shadow: none
}

.newsroom-slider.newsroom-press-list .slick-slider button.slick-next:before,
.newsroom-slider.newsroom-press-list .slick-slider button.slick-prev:before {
    /* border-color: #666b6e */
}

.newsroom-slider.newsroom-press-list .slick-slider button.slick-next {
    right: -30px
}

.newsroom-slider.newsroom-press-list .slick-slider button.slick-prev {
    left: -30px
}

.newsroom-slider.newsroom-press-list [data-load-press] {
    display: none
}

.newsroom-slider.newsroom-press-list .slick-slider .slick-dots {
    bottom: 0
}

ul.pagination {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0
}

ul.pagination li {
    display: inline-block;
    text-align: center;
    line-height: normal;
    cursor: pointer;
    padding-bottom: 3px;
    margin: 0 5px
}

ul.pagination li.pagination-item {
    display: none;
    height: 20px;
    width: 20px
}

ul.pagination li.pagination-item.active {
    background-color: #FF88BD;
    color: #fff
}

ul.pagination li.prev-btn {
    margin-right: 30px
}

ul.pagination li.next-btn {
    margin-left: 30px
}

.icon.icon--arrow-right.icon-left:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(max-width:640px) {
    .pagination .text-block {
        display: none
    }
}

.search-results-container {
    text-align: left;
    margin-bottom: 100px
}

.search-results-container .tab-content {
    border-top: 1px solid #d9d9d9
}

.search-results-container .tab-links {
    display: flex;
    display: -ms-flexbox
}

.search-results-container .tab-links .tab-link-item {
    text-align: center;
    position: relative;
    padding: 5px 10px;
    background-color: #f8f8f8;
    font-size: 14px;
    text-transform: uppercase;
    flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.search-results-container .tab-links .tab-link-item.active {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background-color: #fff;
    font-family: CeraPRO-Bold, 'sans-serif'
}

.search-results-container .tab-links .tab-link-item.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff
}

.search-results-container .tab-content-item {
    padding-top: 40px;
    display: none;
    text-align: center
}

@media(max-width:640px) {
    .search-results-container .tab-links {
        overflow-x: auto;
        width: 100%
    }

    .search-results-container .tab-links .tab-link-item.active {
        border: none;
        background-color: #f8f8f8
    }

    .search-results-container .tab-links .tab-link-item.active:after {
        display: none
    }
}

.career-teaser {
    padding-top: 20px
}

.career-teaser .career-teaser-content .career-items-container {
    display: flex;
    flex-wrap: wrap
}

.career-teaser .load-more {
    padding-top: 30px;
    text-align: center
}

.career-teaser .career-teaser-image {
    display: none;
    height: 350px;
    background-size: auto;
    flex: 1;
    max-width: none;
    background-repeat: no-repeat
}

.career-teaser .career-item {
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    height: auto;
    padding: 20px;
    display: none;
    background-color: #fff
}

.career-teaser .career-item:nth-child(odd) {
    background-color: #f8f8f8
}

@media(min-width:768px) {
    .career-teaser .career-item {
        flex-basis: 50%;
        max-width: 50%;
        height: 350px;
        min-height: 200px;
        padding: 20px 20px 40px
    }

    .career-teaser .career-item:nth-child(odd) {
        background-color: transparent
    }

    .career-teaser .career-item:nth-child(4n),
    .career-teaser .career-item:nth-child(4n+1) {
        background-color: #f8f8f8
    }
}

@media(min-width:1024px) {
    .career-teaser .career-item {
        max-width: 25%;
        flex-basis: 25%
    }

    .career-teaser .career-item:nth-child(4n),
    .career-teaser .career-item:nth-child(4n+1) {
        background-color: transparent
    }

    .career-teaser .career-item:nth-child(8n+1),
    .career-teaser .career-item:nth-child(8n+3),
    .career-teaser .career-item:nth-child(8n-2),
    .career-teaser .career-item:nth-child(8n) {
        background-color: #f8f8f8
    }
}

.career-teaser .career-item h5 {
    width: 100%;
    word-wrap: break-word;
    text-align: left;
    padding-right: 40px;
    max-height: none
}

@media(min-width:768px) {
    .career-teaser .career-item h5 {
        max-height: 64px;
        overflow: hidden
    }
}

.career-teaser .career-item a.btn,
.career-teaser .career-item .ost-jobs .ost-job a.action,
.ost-jobs .ost-job .career-teaser .career-item a.action {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px
}

@media(min-width:768px) {

    .career-teaser .career-item a.btn,
    .career-teaser .career-item .ost-jobs .ost-job a.action,
    .ost-jobs .ost-job .career-teaser .career-item a.action {
        top: auto;
        bottom: 40px;
        left: 20px;
        right: auto
    }
}

.career-teaser .career-item a.btn--arrow-right-mobile span,
.career-teaser .career-item .ost-jobs .ost-job a.action span,
.ost-jobs .ost-job .career-teaser .career-item a.action span {
    display: none
}

@media(min-width:768px) {

    .career-teaser .career-item a.btn--arrow-right-mobile span,
    .career-teaser .career-item .ost-jobs .ost-job a.action span,
    .ost-jobs .ost-job .career-teaser .career-item a.action span {
        display: block
    }
}

.career-teaser ul.info-list {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 0;
    display: none
}

@media(min-width:768px) {
    .career-teaser ul.info-list {
        display: block
    }
}

.career-teaser ul.info-list li {
    padding-bottom: 10px;
    display: flex;
    align-items: center
}

.career-teaser .career-icon-wrapper+div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media(max-width:641px) {
    .career-teaser .career-teaser-image {
        height: 200px;
        background-size: auto 200px
    }
}

.career-filter {
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    flex: 0 0 auto
}

.career-filterbar {
    flex: 1 1 100%;
    width: 100%
}

.career-filterbar-inner {
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.career-filter__checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.career-filter__label {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 1.286;
    /* color: #666b6e; */
    cursor: pointer;
    border: 1px solid #666b6e;
    border-radius: 3px;
    transition: all .2s ease
}

@media(max-width:641px) {
    .career-filter {
        max-width: 100%
    }
}

.career-detail-page {
    padding-top: 20px
}

@media(max-width:767.98px) {
    .career-detail-page .faq-accordion {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:767.98px) {
    .career-detail-page {
        padding-top: 0
    }
}

.career-detail-page h4 {
    margin-bottom: 10px
}

.career-detail-page .text-container {
    text-align: center
}

.career-benefits {
    margin-top: 60px
}

.career-benefits h2 {
    margin-bottom: 20px
}

.career-content {
    display: flex
}

.career-image {
    padding-top: 30px
}

.career-text {
    margin-left: 50px;
    padding-top: 30px
}

.career-text h4 {
    text-align: left
}

.career-text ul {
    margin: 0 0 0 30px;
    padding-left: 0
}

.career-text ul li:last-child {
    padding-bottom: 0
}

.career-text .accordion-content {
    padding-left: 10px;
    padding-right: 10px
}

.career-contacts {
    margin-top: 45px;
    text-align: right
}

.career-contacts .career-contacts-title {
    margin-bottom: 8px;
    text-align: right
}

.career-contacts-name {
    margin-bottom: 8px
}

.career-contacts-item {
    margin-bottom: 8px
}

.career-contacts-link[href*=tel] {
    text-decoration: none
}

.accordion-content .career-contacts {
    margin-top: 0;
    text-align: left
}

.career-footer {
    margin-top: 30px;
    background-color: #f8f8f8;
    padding: 40px 60px;
    display: flex;
    align-items: baseline
}

.career-footer .share-icons {
    margin-left: auto;
    margin-right: auto
}

.career-icon-wrapper {
    display: inline-block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-right: 7px
}

.career-icon-wrapper.location {
    background: url(/assets/assets/images/job-icons/Job-location.svg) no-repeat
}

.career-icon-wrapper.time {
    background: url(/assets/assets/images/job-icons/Working-time-model.svg) no-repeat
}

.career-icon-wrapper.date {
    background: url(/assets/assets/images/job-icons/Date-of-availability.svg) no-repeat
}

.career-icon-wrapper.company {
    background: url(/assets/assets/images/job-icons/Company.svg) no-repeat
}

.career-icon-wrapper+div {
    white-space: nowrap
}

@media(max-width:767.98px) {
    .career-text {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0
    }

    .share-icons {
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        margin-right: 0
    }

    .career-footer {
        align-items: center;
        justify-content: space-between
    }
}

@media(max-width:640.98px) {
    .career-footer {
        flex-direction: column
    }

    .career-footer {
        padding-bottom: 20px
    }

    .career-footer .share-icons {
        order: -1
    }

    .career-footer>* {
        margin-bottom: 20px
    }

    .career-image {
        padding-top: 0
    }

    .career-detail-page .text-container p {
        padding-bottom: 0
    }

    .career-detail-page .career-text {
        margin-top: 0;
        padding-top: 20px
    }

    .career-detail-page .career-benefits {
        margin-top: 35px
    }

    .career-detail-page .text-container {
        margin-top: 0
    }
}

.career-info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width:1023.98px) {
    .career-info {
        flex-wrap: wrap
    }
}

@media(max-width:767.98px) {
    .career-info {
        margin-bottom: 20px
    }
}

.career-info__text-wrap {
    margin-bottom: 20px;
    margin-right: 40px
}

@media(max-width:1023.98px) {
    .career-info__text-wrap {
        margin-right: 0
    }
}

.career-info__text-wrap>* {
    text-align: left
}

@media(max-width:767.98px) {
    .career-info__text-wrap>* {
        text-align: center
    }
}

.career-info__btn-wrap {
    margin-bottom: 20px;
    flex-shrink: 0
}

@media(max-width:767.98px) {
    .career-info__btn-wrap {
        text-align: center;
        width: 100%
    }
}

.career-info .career-info-list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    margin-top: 10px
}

@media(max-width:767.98px) {
    .career-info .career-info-list {
        justify-content: center
    }
}

.career-info .career-info-list li {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    padding-right: 10px
}

@media(max-width:769px) {
    .career-info .career-info-list {
        padding: 0
    }

    .career-info .career-info-list li {
        justify-content: start
    }
}

#map {
    height: 100%
}

.installer-search .btn:empty,
.installer-search .ost-jobs .ost-job .action:empty,
.ost-jobs .ost-job .installer-search .action:empty {
    display: none
}

.installer-search .error-label {
    display: block;
    color: #e5006b;
    font-size: 12px;
    padding: 5px 0
}

.installer-search .gm-style .gm-style-iw-c {
    padding: 12px !important;
    max-height: 457px !important;
    width: 450px
}

.installer-search .gm-style-iw-d {
    max-height: 450px !important
}

.installer-search ul.pagination {
    margin: 40px 0 40px 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.installer-search .range-slider {
    margin-top: 10px
}

.installer-search .info-window {
    font-family: cerapro-regular, "sans-serif"
}

.installer-search .info-window .partner-image img {
    max-height: 433px;
    max-width: 100%
}

.installer-search .info-window .partner-logo {
    margin-top: auto;
    padding-top: 10px
}

.installer-search .info-window .partner-logo img {
    max-width: 100%
}

.installer-search .info-window h5 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 18px
}

.installer-search .info-window .contact-info {
    width: 100%;
    overflow-x: hidden;
    display: flex
}

.installer-search .info-window .contact-half {
    flex: 0 0 50%;
    max-width: 205px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .installer-search .info-window .contact-half {
        flex: none;
        width: 50%
    }
}

.installer-search .info-window .contact-data {
    padding-left: 20px;
    padding-right: 8px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .installer-search .info-window .contact-data {
        width: 50%
    }
}

.installer-search .info-window .phone {
    background: url(/assets/assets/images/info-window-phone.png) no-repeat;
    padding: 8px 0 8px 30px;
    margin: 20px 0 10px;
    display: block;
    text-decoration: none
}

.installer-search .info-window .email {
    background: url(/assets/assets/images/info-window-email.png) no-repeat;
    padding-left: 30px;
    padding-bottom: 2px;
    margin: 10px 0;
    display: block;
    text-decoration: none;
    word-break: break-all;
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none
}

.installer-search .info-window .btn-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px
}

.installer-search .info-window .btn-wrap .btn,
.installer-search .info-window .btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .installer-search .info-window .btn-wrap .action {
    margin-bottom: 5px;
    font-size: 16px
}

.installer-search .info-window.with-contacts .btn-wrap {
    position: static;
    top: auto;
    left: auto;
    transform: translateY(0);
    margin-top: 10px
}

.installer-search-map {
    display: none;
    position: relative;
    height: 640px
}

.installer-search-content {
    padding: 0;
    background-color: transparent;
    position: relative
}

.installer-search-content .mobile,
.installer-search-content .tablet {
    display: none
}

.installer-search-content .installer-search-form-wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.installer-search-content .installer-search-form-wrapper h2 {
    color: #fff;
    position: absolute;
    top: -15px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-left: calc(100%/16)
}

.installer-search-form {
    margin-left: calc(100%/16);
    display: inline-block;
    width: calc(100%/16*5);
    min-width: 400px;
    padding: 30px 30px 20px;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 5px;
    max-height: 160px
}

.installer-search-form.form .form__field__input input.form__field__input__elem.notEmpty+.form__field__label {
    z-index: 3
}

.installer-search-form .input-wrapper {
    display: flex;
    align-items: flex-start
}

.installer-search-form .input-wrapper .form__field__input {
    border-bottom: none;
    width: 120px;
    margin-bottom: 10px
}

.installer-search-form .input-wrapper .btn,
.installer-search-form .input-wrapper .ost-jobs .ost-job .action,
.ost-jobs .ost-job .installer-search-form .input-wrapper .action {
    margin: 26px 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.installer-search-form .range-value {
    margin-left: 20px
}

.installer-search-results ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0
}

.installer-search-results ul .installer-search-results-item {
    position: relative;
    padding: 30px calc(100%/16);
    border-bottom: 1px solid #e1e3e2;
    width: 50%;
    float: left
}

.installer-search-results ul .installer-search-results-item .wrapper {
    position: relative
}

.installer-search-results ul .installer-search-results-item .wrapper-info {
    cursor: pointer
}

.installer-search-results ul .installer-search-results-item .wrapper-info:active,
.installer-search-results ul .installer-search-results-item .wrapper-info:active h4,
.installer-search-results ul .installer-search-results-item .wrapper-info:visited,
.installer-search-results ul .installer-search-results-item .wrapper-info:visited h4 {
    color: #f5b6c7
}

@media all and (min-width:767px) {

    .installer-search-results ul .installer-search-results-item .wrapper-info:hover,
    .installer-search-results ul .installer-search-results-item .wrapper-info:hover h4 {
        color: #f5b6c7
    }
}

.installer-search-results ul .installer-search-results-item:last-of-type {
    border-bottom: 1px solid #e1e3e2
}

.installer-search-results ul .installer-search-results-item.active {
    background-color: #e2e3e5
}

.installer-search-results ul .installer-search-results-item.active a.btn,
.installer-search-results ul .installer-search-results-item.active .ost-jobs .ost-job a.action,
.ost-jobs .ost-job .installer-search-results ul .installer-search-results-item.active a.action {
    display: block
}

.installer-search-results ul .installer-search-results-item .btn-wrap {
    margin-top: 25px
}

.installer-search-results ul .installer-search-results-item .btn-wrap .btn,
.installer-search-results ul .installer-search-results-item .btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .installer-search-results ul .installer-search-results-item .btn-wrap .action {
    position: static;
    display: inline-block
}

.installer-search-results ul .installer-search-results-item .btn-wrap .btn:empty,
.installer-search-results ul .installer-search-results-item .btn-wrap .ost-jobs .ost-job .action:empty,
.ost-jobs .ost-job .installer-search-results ul .installer-search-results-item .btn-wrap .action:empty {
    display: none
}

.installer-search-results ul .installer-search-results-item a.btn,
.installer-search-results ul .installer-search-results-item .ost-jobs .ost-job a.action,
.ost-jobs .ost-job .installer-search-results ul .installer-search-results-item a.action {
    position: absolute;
    bottom: 20px;
    right: 10px;
    display: none
}

.installer-search-results ul .number {
    position: absolute;
    left: calc(100%/16 - 11px);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #FF88BD;
    color: #fff;
    text-align: center;
    font-family: CeraPRO-Bold, 'sans-serif'
}

.installer-search-results ul h4 {
    text-align: left
}

.installer-search-overlay section {
    margin-bottom: 0
}

.installer-search .no-results-page {
    padding-top: 30px;
    overflow: hidden
}

.installer-search .no-results-page .content-area,
.installer-search .no-results-page .p-stage__slide-inner {
    padding-top: 0;
    overflow: hidden
}

.installer-search .phone {
    background: url(/assets/assets/images/phone-icon.png) no-repeat;
    padding-left: 20px;
    margin: 8px 0;
    display: table;
    text-decoration: none
}

.installer-search .email {
    background: url(/assets/assets/images/email-icon.png) no-repeat;
    padding-left: 20px;
    background-position-y: 9px;
    margin: 8px 0;
    display: table;
    text-decoration: none
}

.installer-search .profi-logo {
    float: right;
    margin-left: 10px
}

.installer-search-results-wrapper {
    width: 100%
}

.installer-search .slider-range {
    width: 120px;
    display: inline-block
}

.installer-search .form--submit__loader {
    float: none;
    margin: 30px 50% 0;
    width: 38px;
    height: 38px
}

.installer-search .initial-content {
    display: none
}

html:not([dir=rtl]) .slider-range.noUi-horizontal .noUi-handle {
    right: -6px
}

.slider-range.noUi-horizontal {
    height: 2px;
    cursor: pointer;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.slider-range.noUi-horizontal .noUi-base {
    height: 2px;
    padding: 5px 0
}

.slider-range.noUi-horizontal .noUi-connects {
    background: #b7b9b8;
    height: 2px
}

.slider-range.noUi-horizontal .noUi-connect {
    background: #666c6c;
    height: 2px
}

.slider-range.noUi-horizontal .noUi-handle {
    top: 0;
    cursor: pointer;
    width: 12px;
    height: 12px;
    background-color: #FF88BD;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none
}

.slider-range.noUi-horizontal .noUi-handle::before,
.slider-range.noUi-horizontal .noUi-handle::after {
    display: none
}

@media(max-width:641px) {
    .installer-search-content .mobile {
        display: block
    }

    .installer-search-content .tablet,
    .installer-search-content .desktop {
        display: none
    }

    .installer-search-content .installer-search-form-wrapper {
        bottom: 0;
        border-radius: 0;
        height: 100%
    }

    .installer-search-content .installer-search-form-wrapper h2 {
        font-size: 24px;
        top: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 40%;
        text-align: left;
        min-width: auto
    }

    .installer-search-content .installer-search-form-wrapper .installer-search-form.form {
        position: absolute;
        bottom: 0;
        min-width: auto;
        width: 100%;
        margin: 0;
        border-radius: 0;
        padding: 30px 20px 15px
    }

    .installer-search-content .installer-search-form-wrapper .installer-search-form .form__field__input {
        margin-bottom: 15px
    }

    .installer-search-content .installer-search-form-wrapper .installer-search-form .input-wrapper .btn,
    .installer-search-content .installer-search-form-wrapper .installer-search-form .input-wrapper .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .installer-search-content .installer-search-form-wrapper .installer-search-form .input-wrapper .action {
        font-size: 16px
    }

    .installer-search-map {
        display: none !important
    }

    .wrapper-info {
        pointer-events: none
    }

    .installer-search-results ul li.installer-search-results-item .number {
        display: none
    }

    .installer-search ul.pagination {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .installer-search ul.pagination .text-block {
        display: initial
    }

    .installer-search .error-label {
        top: -5px
    }

    .installer-search .initial-content {
        padding: 20px
    }
}

@media(min-width:641px)and (max-width:769px) {
    .installer-search-content .tablet {
        display: block
    }

    .installer-search-content .mobile,
    .installer-search-content .desktop {
        display: none
    }

    .installer-search-content .installer-search-form-wrapper h2 {
        width: calc(100%/16*5);
        min-width: 400px;
        text-align: left
    }

    .installer-search-results ul li.installer-search-results-item .wrapper {
        padding-left: 35px
    }
}

@media(max-width:769px) {
    .installer-search>.grid-row>.grid-col-md-8:first-of-type {
        order: 2
    }

    .installer-search>.grid-row>.grid-col-md-8:last-of-type {
        order: 1
    }

    .installer-search ul.pagination {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .installer-search-results ul li.installer-search-results-item {
        width: 100%
    }
}

.share-icons {
    display: flex;
    font-size: 14px;
    text-transform: uppercase;
    align-items: center
}

.share-icons .share-icon-wrapper {
    margin: 10px 2px 0;
    display: inline-block;
    height: 30px;
    width: 30px
}

.share-icons .share-icon-wrapper:first-of-type {
    margin-left: 10px
}

.share-icons.newsroom {
    flex-direction: column;
    margin: 40px 0
}

.share-icons.newsroom .share-icon-wrapper {
    height: 40px;
    width: 40px
}

.water-hardness .form-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 50px 0 90px
}

.water-hardness .form-wrapper h2 {
    margin-left: 12.5%;
    text-align: left
}

.water-hardness .water-hardness-content {
    display: none
}

.water-hardness .water-hardness-explanation {
    padding-top: 20px
}

.water-hardness .water-hardness-initial-content {
    padding: 58px 0 30px
}

.water-hardness .background-form {
    position: relative
}

.water-hardness .background-form .mobile {
    display: none
}

.water-hardness .background-form .tablet {
    display: none
}

.water-hardness .standard {
    font-size: 14px;
    font-family: CeraPRO-Bold, 'sans-serif'
}

.water-hardness .water-info {
    padding: 30px 0
}

.water-hardness .water-bar {
    display: flex;
    position: relative;
    margin-top: 20px;
    height: 38px;
    border: 1px solid #c3c7c8;
    width: 100%;
    background: linear-gradient(to right, #f5f9fa, #6386a4)
}

.water-hardness .water-bar .hardness-value {
    position: absolute;
    font-size: 1.1em;
    color: #6386a4;
    font-family: CeraPRO-Bold, 'sans-serif';
    white-space: nowrap;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 5px;
    padding-left: 10px;
    z-index: 2
}

.water-hardness .water-bar .hardness-value.left {
    transform: translateX(-100%) translateY(-50%);
    color: #fff
}

.water-hardness .water-bar .water-value {
    height: 100%;
    width: 30%;
    right: 0;
    background-color: #fff;
    position: absolute;
    z-index: 0
}

.water-hardness .water-bar .bar-border {
    position: relative;
    z-index: 1;
    height: 100%;
    background-color: transparent;
    border-right: 1px solid #c1c6ca
}

.water-hardness .water-bar .bar-border:last-of-type {
    border-right: none
}

.water-hardness .water-bar .bar-border .type-text {
    text-transform: lowercase;
    position: absolute;
    color: #b6b7bb;
    bottom: -25%;
    left: 50%;
    font-size: 12px;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.water-hardness .water-bar .water-value {
    position: absolute
}

.water-hardness .bar-wrapper {
    position: relative;
    padding-bottom: 20px
}

.water-hardness .result-info {
    font-family: CeraPRO-Bold, 'sans-serif';
    font-size: 14px;
    margin: 20px 0 30px
}

.water-hardness h3 {
    text-align: left;
    display: inline-block
}

.water-hardness span.type {
    text-transform: uppercase
}

.water-hardness .input-form {
    width: calc((100%/16)*5);
    min-width: 400px;
    margin-left: 12.5%;
    background-color: #fff;
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    padding: 28px 20px 38px
}

.water-hardness .input-form .form__field__input {
    margin-bottom: 0;
    flex: 1;
    display: block;
    min-width: 0
}

.water-hardness .input-form .form__field__input__elem {
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    -moz-appearance: textfield
}

.water-hardness .input-form .form__field__input__elem::-webkit-inner-spin-button,
.water-hardness .input-form .form__field__input__elem::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.water-hardness .input-form .form__field__input__elem::-webkit-textfield-decoration-container {
    border: 1px transparent solid;
    background: 0 0
}

.water-hardness .input-form .form__field__input.focused .js-clear-input {
    bottom: 8px
}

.water-hardness .input-form .form__field__input .js-clear-input {
    position: absolute;
    z-index: 5;
    right: 5px;
    bottom: 7px;
    padding: 10px;
    border: 0;
    background-color: transparent;
    opacity: 0;
    transition: opacity .35s ease;
    cursor: pointer
}

.water-hardness .input-form .form__field__input .js-clear-input.show {
    opacity: 1
}

.water-hardness .input-form .form__field__input .js-clear-input:focus {
    outline: none
}

.water-hardness .input-form .form__field__input .js-clear-input:before,
.water-hardness .input-form .form__field__input .js-clear-input:after {
    content: '';
    width: 2px;
    height: 13px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #8e8e8e
}

.water-hardness .input-form .form__field__input .js-clear-input:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.water-hardness .input-form .form__field__input .js-clear-input:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.water-hardness .input-form .btn,
.water-hardness .input-form .ost-jobs .ost-job .action,
.ost-jobs .ost-job .water-hardness .input-form .action {
    margin: 26px 0 0 20px;
    font-size: 1em;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    flex: 0 0 auto
}

.water-hardness .input-form .btn.btn__disabled,
.water-hardness .input-form .ost-jobs .ost-job .btn__disabled.action,
.ost-jobs .ost-job .water-hardness .input-form .btn__disabled.action {
    background-color: rgba(241, 150, 198, .5);
    border-color: transparent;
    pointer-events: none
}

.water-hardness .water-description {
    padding-top: 40px;
    display: flex;
    align-items: center
}

.water-hardness .water-description .info-text {
    width: calc((100%/12)*8);
    font-size: 14px
}

.water-hardness .water-description .info-text .scale-data-row {
    display: none
}

.water-hardness .water-description .info-text .scale-data-row.active {
    display: block
}

.water-hardness .water-description .image {
    text-align: center;
    flex: 1;
    position: relative
}

.water-hardness .water-description .image img {
    display: inline-block
}

.water-hardness .water-description .image .units {
    color: #fff;
    font-size: 2em;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.water-hardness .water-description .image .text {
    color: #fff;
    font-size: 3.6em;
    position: absolute;
    font-family: CeraPRO-Bold, 'sans-serif';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.water-hardness .asterisk-text {
    color: #c2c3c5;
    font-size: 12px;
    padding-top: 80px
}

.water-hardness .not-found {
    padding-top: 30px;
    display: none
}

@media(max-width:641px) {
    .water-hardness .water-hardness-content {
        padding: 0 20px
    }

    .water-hardness .water-description .info-text {
        width: 100%
    }

    .water-hardness .water-description .image {
        display: none
    }

    .water-hardness .form-wrapper {
        bottom: 0;
        padding-top: 30px
    }

    .water-hardness .form-wrapper h2 {
        width: 60%;
        margin-left: 20px;
        line-height: 1em
    }

    .water-hardness .input-form {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-width: auto;
        margin-left: 0;
        background-color: rgba(255, 255, 255, .8)
    }

    .water-hardness .background-form .desktop {
        display: none
    }

    .water-hardness .background-form .mobile {
        display: block
    }

    .water-hardness .background-form .tablet {
        display: none
    }
}

@media(min-width:640px)and (max-width:769px) {
    .water-hardness .input-form {
        width: 37.5%
    }

    .water-hardness .background-form .desktop {
        display: none
    }

    .water-hardness .background-form .mobile {
        display: none
    }

    .water-hardness .background-form .tablet {
        display: block
    }
}

.sales-rep-search .form-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 50px 0 90px
}

.sales-rep-search .form-wrapper h2,
.sales-rep-search .form-wrapper__title {
    margin-left: 12.5%;
    text-align: left;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.sales-rep-search-initial-content {
    padding: 6.25% 0
}

.sales-rep-search-content {
    display: none
}

.sales-rep-search-content__row {
    margin: 12px 0
}

.sales-rep-search-content__col {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e2e4e3
}

@media(max-width:640.98px) {
    .sales-rep-search-content__col {
        border-width: 1px 1px 0
    }
}

.sales-rep-search-content__col:last-child {
    border-right: 1px solid #e2e4e3
}

@media(max-width:640.98px) {
    .sales-rep-search-content__col:last-child {
        border-bottom: 1px solid #e2e4e3
    }
}

.sales-rep-search-grafix {
    display: block;
    min-height: 330px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.sales-rep-search .background-form {
    position: relative
}

.sales-rep-search .background-form img {
    width: 100%
}

.sales-rep-search .background-form .mobile {
    display: none
}

.sales-rep-search .background-form .tablet {
    display: none
}

.sales-rep-search h3 {
    text-align: left;
    display: inline-block
}

.sales-rep-search h4 {
    text-align: left;
    padding-bottom: 10px
}

.sales-rep-search span.type {
    text-transform: uppercase
}

.sales-rep-search .input-form {
    margin-top: 10px;
    margin-left: 12.5%;
    padding: 28px 20px 38px;
    display: flex;
    align-items: flex-start;
    min-width: 400px;
    width: calc((100%/16)*5);
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05)
}

.sales-rep-search .input-form .form__field__input {
    margin-bottom: 0;
    flex: 1;
    display: block;
    min-width: 0
}

.sales-rep-search .input-form .form__field__input__elem {
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    -moz-appearance: textfield
}

.sales-rep-search .input-form .form__field__input__elem::-webkit-inner-spin-button,
.sales-rep-search .input-form .form__field__input__elem::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.sales-rep-search .input-form .form__field__input__elem::-webkit-textfield-decoration-container {
    border: 1px transparent solid;
    background: 0 0
}

.sales-rep-search .input-form .form__field__input.focused .js-clear-input {
    bottom: 8px
}

.sales-rep-search .input-form .form__field__input .js-clear-input {
    position: absolute;
    z-index: 5;
    right: 5px;
    bottom: 7px;
    padding: 10px;
    border: 0;
    background-color: transparent;
    opacity: 0;
    transition: opacity .35s ease;
    cursor: pointer
}

.sales-rep-search .input-form .form__field__input .js-clear-input.show {
    opacity: 1
}

.sales-rep-search .input-form .form__field__input .js-clear-input:focus {
    outline: none
}

.sales-rep-search .input-form .form__field__input .js-clear-input:before,
.sales-rep-search .input-form .form__field__input .js-clear-input:after {
    content: '';
    width: 2px;
    height: 13px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #8e8e8e
}

.sales-rep-search .input-form .form__field__input .js-clear-input:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.sales-rep-search .input-form .form__field__input .js-clear-input:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.sales-rep-search .input-form .btn,
.sales-rep-search .input-form .ost-jobs .ost-job .action,
.ost-jobs .ost-job .sales-rep-search .input-form .action {
    margin: 26px 0 0 20px;
    font-size: 1em;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    flex: 0 0 auto
}

.sales-rep-search .input-form .btn.btn__disabled,
.sales-rep-search .input-form .ost-jobs .ost-job .btn__disabled.action,
.ost-jobs .ost-job .sales-rep-search .input-form .btn__disabled.action {
    background-color: rgba(241, 150, 198, .5);
    border-color: transparent;
    pointer-events: none
}

.sales-rep-search .sales-rep-search-result {
    position: relative;
    padding: 12.5% 6.25% 6.25% 25%
}

.sales-rep-search .sales-rep-search-result__title {
    margin: 0 0 12px;
    padding: 0;
    text-align: left
}

.sales-rep-search .sales-rep-search-result__address {
    margin-bottom: 5px
}

.sales-rep-search .sales-rep-search-result__phone {
    padding-top: 12px
}

.sales-rep-search .sales-rep-search-result__phone+.sales-rep-search-result__phone {
    padding-top: 0
}

.sales-rep-search .sales-rep-search-result .phone-old {
    margin: 8px 0;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    background-image: url(/assets/assets/images/hand-phone-icon.png);
    background-repeat: no-repeat;
    background-position: -3px 1px;
    background-size: auto 22px
}

.sales-rep-search .sales-rep-search-result .phone {
    margin: 8px 0;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    background-image: url(/assets/assets/images/phone-icon.png);
    background-repeat: no-repeat;
    background-position: left 3px
}

.sales-rep-search .sales-rep-search-result .email {
    margin: 8px 0;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    background-image: url(/assets/assets/images/email-icon.png);
    background-repeat: no-repeat;
    background-position: left 9px
}

.sales-rep-search .sales-rep-search-not-found {
    padding-top: 6.25%;
    display: none
}

@media(max-width:641px) {
    .sales-rep-search .form-wrapper {
        bottom: 0;
        padding-top: 30px
    }

    .sales-rep-search .form-wrapper h2 {
        width: 60%;
        margin-left: 20px;
        line-height: 1em
    }

    .sales-rep-search .input-form {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-width: auto;
        margin-left: 0;
        background-color: rgba(255, 255, 255, .8);
        border-radius: 0
    }

    .sales-rep-search .sales-rep-search-result {
        padding: 12.5% 20px 10%
    }

    .sales-rep-search .background-form .desktop {
        display: none
    }

    .sales-rep-search .background-form .mobile {
        display: block
    }

    .sales-rep-search .background-form .tablet {
        display: none
    }
}

@media(min-width:640px)and (max-width:769px) {
    .sales-rep-search .input-form {
        width: 37.5%
    }

    .sales-rep-search .background-form .desktop {
        display: none
    }

    .sales-rep-search .background-form .mobile {
        display: none
    }

    .sales-rep-search .background-form .tablet {
        display: block
    }
}

.country-page,
.search-overlay,
.installer-search-overlay,
.product-modal {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    z-index: 4;
    position: fixed;
    display: none;
    background-color: #fff;
    min-height: 100vh;
    top: 0;
    width: 100%;
    left: 0;
    /* color: #666b6e; */
    height: 100%;
    overflow-y: auto
}

.country-page.up,
.search-overlay.up,
.installer-search-overlay.up,
.product-modal.up {
    opacity: 1;
    display: block;
    z-index: 4000
}

.country-page .page-content-wrapper,
.search-overlay .page-content-wrapper,
.installer-search-overlay .page-content-wrapper,
.product-modal .page-content-wrapper {
    margin: 0 auto;
    width: 100%;
    overflow: hidden
}

.country-page .main-container,
.search-overlay .main-container,
.installer-search-overlay .main-container,
.product-modal .main-container {
    height: auto;
    padding-bottom: 60px;
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden
}

.country-page .page-header-old,
.search-overlay .page-header-old,
.installer-search-overlay .page-header-old,
.product-modal .page-header-old {
    text-align: center;
    font-size: 24px;
    font-weight: 700
}

@media all and (max-width:767px) {

    .country-page .page-header-old,
    .search-overlay .page-header-old,
    .installer-search-overlay .page-header-old,
    .product-modal .page-header-old {
        margin-top: 55px;
        margin-bottom: 50px
    }
}

.country-page .btn,
.country-page .ost-jobs .ost-job .action,
.ost-jobs .ost-job .country-page .action,
.search-overlay .btn,
.search-overlay .ost-jobs .ost-job .action,
.ost-jobs .ost-job .search-overlay .action,
.installer-search-overlay .btn,
.installer-search-overlay .ost-jobs .ost-job .action,
.ost-jobs .ost-job .installer-search-overlay .action,
.product-modal .btn,
.product-modal .ost-jobs .ost-job .action,
.ost-jobs .ost-job .product-modal .action {
    margin-top: 25px
}

.close-icon {
    position: absolute;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #FF88BD;
    height: 40px;
    width: 40px;
    box-shadow: 2px 2px 12px #888;
    cursor: pointer;
    font-size: 0
}

.close-icon .icon--close {
    color: #fff
}

.close-icon .icon--close:before {
    font-size: 16px
}

.country-page section,
.search-overlay section {
    margin-bottom: 70px
}

.installer-search-overlay,
.search-overlay {
    min-height: auto !important
}

.career-application-form .top-text {
    text-align: center
}

.career-application-form .top-text .btn,
.career-application-form .top-text .ost-jobs .ost-job .action,
.ost-jobs .ost-job .career-application-form .top-text .action {
    margin: 40px 0
}

.career-application-form .form-wrapper {
    width: calc(100%/8*6)
}

.career-application-form .form-wrapper h5 {
    text-align: left
}

.career-application-form .form-wrapper form {
    background-color: transparent;
    padding: 30px 0;
    /* color: #666b6e */
}

.career-application-form .form-wrapper form .form__field--checkbox {
    display: flex
}

.career-application-form .form-wrapper form .form__field--checkbox .form__field--check__box {
    flex: 0 0 20px
}

.career-application-form .form-wrapper button.btn,
.career-application-form .form-wrapper .ost-jobs .ost-job button.action,
.ost-jobs .ost-job .career-application-form .form-wrapper button.action {
    margin-top: 10px
}

.career-application-form .form-wrapper .data-upload {
    clear: both;
    padding: 5px 0
}

.career-application-form .form-wrapper .data-upload .text {
    display: inline;
    padding-right: 5px
}

.career-application-form .form-wrapper .data-upload .error {
    color: #e5006b;
    font-size: 12px
}

.career-application-form .form-wrapper .upload-wrapper {
    padding-top: 10px;
    border-bottom: 1px solid #b5b9bb;
    margin-bottom: 40px;
    padding-bottom: 20px
}

.career-application-form .form-wrapper .upload-form {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between
}

.career-application-form .form-wrapper .upload-form .text {
    margin: 0 0 10px
}

.career-application-form .form-wrapper .upload-form .btn.btn__upload,
.career-application-form .form-wrapper .upload-form .ost-jobs .ost-job .btn__upload.action,
.ost-jobs .ost-job .career-application-form .form-wrapper .upload-form .btn__upload.action {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 2px dashed #afafb0;
    font-size: 16px;
    color: #0059a0;
    box-shadow: none
}

.career-application-form .form-wrapper .upload-form .btn.btn__upload:before,
.career-application-form .form-wrapper .upload-form .ost-jobs .ost-job .btn__upload.action:before,
.ost-jobs .ost-job .career-application-form .form-wrapper .upload-form .btn__upload.action:before {
    content: none
}

.career-application-form .form-wrapper .upload-form .btn.btn__upload:after,
.career-application-form .form-wrapper .upload-form .ost-jobs .ost-job .btn__upload.action:after,
.ost-jobs .ost-job .career-application-form .form-wrapper .upload-form .btn__upload.action:after {
    display: inline-block;
    position: relative;
    right: -10px;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url(/assets/assets/images/file-upload.svg);
    background-size: cover
}

.career-application-form .form-wrapper .upload-form .btn.btn__upload .upload-icon,
.career-application-form .form-wrapper .upload-form .ost-jobs .ost-job .btn__upload.action .upload-icon,
.ost-jobs .ost-job .career-application-form .form-wrapper .upload-form .btn__upload.action .upload-icon {
    display: none
}

.career-application-form .form-wrapper .add-document {
    margin-top: 20px;
    cursor: pointer
}

.career-application-form .form-wrapper .add-document img {
    width: 8px;
    display: inline-block;
    margin-right: 5px
}

.career-application-form .form-wrapper .asterisk {
    font-size: 14px;
    color: #b5b9bb
}

.career-application-form .form-wrapper .form__field {
    margin-bottom: 20px
}

.career-application-form .form--submit__loader {
    float: left;
    margin-top: 10px
}

.career-application-form .form--submit {
    margin-bottom: 30px
}

@media(max-width:769px) {
    .career-photo {
        display: none
    }

    .career-application-form .form-wrapper {
        width: 100%;
        padding: 20px
    }

    .career-application-form .top-text {
        padding: 20px
    }
}

.vertical-simple-teaser {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.vertical-simple-teaser div.vertical-teaser-item {
    width: calc((100% - 60px)/4);
    text-align: center;
    min-height: 470px;
    padding: 20px;
    display: flex;
    margin-right: 20px;
    margin-bottom: 20px
}

@media all and (max-width:769px) {
    .vertical-simple-teaser div.vertical-teaser-item {
        margin-right: 0
    }
}

@media all and (max-width:641px) {
    .vertical-simple-teaser div.vertical-teaser-item {
        margin-right: 0
    }
}

.vertical-simple-teaser div.vertical-teaser-item:last-of-type {
    margin-right: 0
}

.vertical-simple-teaser div.vertical-teaser-item .btn,
.vertical-simple-teaser div.vertical-teaser-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job .vertical-simple-teaser div.vertical-teaser-item .action {
    margin-left: auto;
    margin-right: auto
}

.vertical-simple-teaser div.vertical-teaser-item img {
    display: block
}

.vertical-teaser-dashboard {
    padding: 20px 0 0 10px;
    height: 100%
}

.vertical-teaser-dashboard:after {
    content: '';
    display: block;
    clear: both
}

@media all and (max-width:769px) {
    .vertical-teaser-dashboard {
        padding-left: 0;
        padding-right: 0
    }
}

.vertical-teaser-dashboard div.vertical-teaser-item {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    padding: 20px;
    height: 100%;
    border: 1px solid #b5b9bb;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .1)
}

@media all and (max-width:769px) {
    .vertical-teaser-dashboard div.vertical-teaser-item {
        width: calc(50% - 10px)
    }
}

@media all and (max-width:641px) {
    .vertical-teaser-dashboard div.vertical-teaser-item {
        width: 100%;
        height: auto
    }
}

.vertical-teaser-dashboard div.vertical-teaser-item:last-of-type {
    margin-left: 20px
}

@media all and (max-width:641px) {
    .vertical-teaser-dashboard div.vertical-teaser-item:last-of-type {
        margin-left: 0;
        margin-top: 20px
    }
}

.vertical-teaser-dashboard div.vertical-teaser-item .flex-wrapper {
    display: flex;
    align-items: center
}

div.vertical-teaser-item {
    position: relative;
    display: flex;
    flex-direction: column
}

div.vertical-teaser-item.vertical-teaser-item--promo {
    text-align: center
}

div.vertical-teaser-item.vertical-teaser-item--promo h4 {
    font-family: avallon, Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-align: center;
    color: #e5006b
}

div.vertical-teaser-item.vertical-teaser-item--promo .btn,
div.vertical-teaser-item.vertical-teaser-item--promo .ost-jobs .ost-job .action,
.ost-jobs .ost-job div.vertical-teaser-item.vertical-teaser-item--promo .action {
    align-self: center
}

div.vertical-teaser-item .content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: calc(100% - 20px)
}

div.vertical-teaser-item h4,
div.vertical-teaser-item .tooltip {
    text-align: left;
    margin-bottom: 10px
}

div.vertical-teaser-item h4 {
    font-size: 18px;
    color: #005d8f
}

div.vertical-teaser-item .tooltip {
    position: absolute;
    top: 5px;
    right: 5px
}

div.vertical-teaser-item .tooltip .tooltip__text {
    right: -10.5px;
    left: auto
}

div.vertical-teaser-item .tooltip .tooltip__text:before,
div.vertical-teaser-item .tooltip .tooltip__text:after {
    right: 14px;
    left: auto
}

div.vertical-teaser-item .tooltip .tooltip__text:before {
    right: 13px
}

div.vertical-teaser-item .vertical-teaser-text {
    margin-bottom: 15px;
    text-align: left;
    font-size: 14px
}

div.vertical-teaser-item .content-wrapper {
    margin-top: auto;
    min-height: 1px;
    text-align: center
}

div.vertical-teaser-item .btn,
div.vertical-teaser-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job div.vertical-teaser-item .action {
    white-space: normal;
    width: auto;
    max-width: 100%;
    align-self: flex-start
}

div.vertical-teaser-item img {
    flex-shrink: 0;
    margin-bottom: 30px;
    align-self: center;
    display: inline-block
}

@media(max-width:769px) {
    .vertical-simple-teaser div.vertical-teaser-item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.horizontal-simple-teaser {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.horizontal-simple-teaser.full-wrap .horizontal-teaser-item {
    max-width: 100%;
    flex: 0 0 100%
}

@media(max-width:769px) {
    .horizontal-simple-teaser.full-wrap .horizontal-teaser-item {
        padding-left: 0
    }
}

.horizontal-simple-teaser.full-wrap .horizontal-teaser-item:last-of-type:before {
    content: none
}

.horizontal-simple-teaser .content-side {
    float: left;
    width: calc(50% - 30px);
    padding-top: 20px;
    padding-bottom: 20px
}

.horizontal-simple-teaser .background-side {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    height: 100%
}

.horizontal-simple-teaser div.horizontal-teaser-item {
    padding: 0;
    position: relative;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.horizontal-simple-teaser div.horizontal-teaser-item div.grid-col-md-8 {
    display: flex;
    flex-direction: column
}

.horizontal-simple-teaser div.horizontal-teaser-item div.grid-col-md-8:first-of-type {
    padding-top: 20px;
    padding-bottom: 30px
}

.horizontal-simple-teaser div.horizontal-teaser-item:first-of-type:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0
}

.horizontal-simple-teaser div.horizontal-teaser-item:last-of-type {
    padding-left: 30px
}

.horizontal-simple-teaser div.horizontal-teaser-item:last-of-type:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0
}

.horizontal-simple-teaser div.horizontal-teaser-item h4 {
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #005d8f
}

.horizontal-simple-teaser div.horizontal-teaser-item .horizontal-teaser-text {
    margin-bottom: 30px;
    text-align: left;
    font-size: 14px
}

.horizontal-simple-teaser div.horizontal-teaser-item .btn,
.horizontal-simple-teaser div.horizontal-teaser-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job .horizontal-simple-teaser div.horizontal-teaser-item .action {
    margin-top: auto;
    white-space: normal;
    width: auto;
    align-self: baseline
}

.horizontal-simple-teaser div.horizontal-teaser-item img {
    flex-shrink: 0;
    float: right
}

@media(max-width:641px) {
    .horizontal-simple-teaser div.horizontal-teaser-item .horizontal-teaser-text {
        opacity: 0
    }

    .horizontal-simple-teaser div.horizontal-teaser-item .btn.btn--grey,
    .horizontal-simple-teaser div.horizontal-teaser-item .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .horizontal-simple-teaser div.horizontal-teaser-item .action {
        color: #666b6e;
        border-color: #fff;
        background-color: #fff
    }

    .horizontal-simple-teaser div.horizontal-teaser-item .btn.btn--grey:hover,
    .horizontal-simple-teaser div.horizontal-teaser-item .ost-jobs .ost-job .action:hover,
    .ost-jobs .ost-job .horizontal-simple-teaser div.horizontal-teaser-item .action:hover {
        color: #fff;
        border-color: #FF88BD;
        background-color: #FF88BD
    }
}

@media(max-width:769px) {
    .horizontal-simple-teaser div.horizontal-teaser-item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .horizontal-simple-teaser div.horizontal-teaser-item .grid-col-md-8 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .horizontal-simple-teaser div.horizontal-teaser-item:after,
    .horizontal-simple-teaser div.horizontal-teaser-item:before {
        display: none
    }
}

.partner-contact-form .form--submit {
    margin-top: 0
}

.partner-contact-form .form--submit__text {
    padding: 10px 0 20px
}

.partner-devices-page {
    padding-bottom: 100px
}

.partner-devices-page .partner-map {
    height: 250px
}

.partner-devices-page .table-wrapper {
    width: 100%
}

.partner-devices-page .form__field__input {
    max-width: 200px;
    float: left;
    margin-top: 30px
}

.partner-devices-page .form__field__input .icon--search {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 2
}

.partner-devices-page .select-wrapper {
    float: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 56px 0 20px 10px
}

.partner-devices-page .select-wrapper .form__field__select {
    margin: 0
}

.partner-devices-page .select-wrapper .selectbox {
    width: 70px !important
}

.partner-devices-page .select-wrapper .select-label {
    margin: 0 10px 0 0
}

@media all and (max-width:641px) {
    .partner-devices-page .select-wrapper .select-label {
        display: none
    }
}

.partner-devices-page table.partner-table {
    border-spacing: 0;
    width: 100% !important;
    border-collapse: collapse;
    margin: 0 0 30px;
    table-layout: fixed
}

.partner-devices-page table.partner-table th {
    text-align: left;
    padding: 15px 10px 15px 20px
}

.partner-devices-page table.partner-table th .icon.icon--arrow-down.sort {
    font-size: 10px;
    margin-left: 5px;
    cursor: pointer
}

.partner-devices-page table.partner-table th .icon.icon--arrow-down.sort:before {
    transform: rotate(180deg)
}

.partner-devices-page table.partner-table th .icon.icon--arrow-down.sort.down:before {
    transform: none
}

.partner-devices-page table.partner-table tr {
    border: 1px solid #b5b9bb;
    border-bottom: none
}

.partner-devices-page table.partner-table tr:last-of-type {
    border-bottom: 1px solid #b5b9bb
}

.partner-devices-page table.partner-table tbody tr {
    height: auto;
    cursor: pointer
}

.partner-devices-page table.partner-table tbody tr.device-unregistered {
    cursor: default
}

.partner-devices-page table.partner-table tbody tr td {
    padding: 15px 10px 15px 20px;
    vertical-align: middle
}

.partner-devices-page table.partner-table tbody tr td:first-of-type {
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px;
    padding-left: 60px
}

.partner-devices-page table.partner-table tbody tr td:last-of-type .td-content {
    display: block;
    position: relative
}

.partner-devices-page table.partner-table tbody tr td:last-of-type .td-content:after {
    background-image: url(/assets/assets/icons/arrow-right.svg);
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: transform .2s ease;
    width: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (max-width:641px) {
    .partner-devices-page table.partner-table tbody tr td:last-of-type .td-content:after {
        display: none
    }
}

.partner-devices-page table.partner-table tbody tr td .status {
    display: inline-flex;
    align-items: center
}

.partner-devices-page table.partner-table tbody tr td img {
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px
}

.partner-devices-page table.partner-table tbody tr.device-unregistered td:last-of-type .td-content:after {
    background-image: none
}

.partner-devices-page .table-pagination {
    text-align: center
}

.partner-devices-page .device-error {
    background-color: rgba(255, 0, 0, .1)
}

.partner-devices-page .device-error td:first-of-type {
    background-image: url(/assets/assets/images/partner-devices/new-alert.svg)
}

.partner-devices-page .device-warning {
    background-color: rgba(255, 255, 0, .1)
}

.partner-devices-page .device-warning td:first-of-type {
    background-image: url(/assets/assets/images/partner-devices/new-warning.svg)
}

.partner-devices-page .device-unregistered {
    background-color: #f7f8f8
}

.partner-devices-page .device-unregistered td:first-of-type {
    background-image: url(/assets/assets/images/partner-devices/new-pending.svg)
}

.partner-devices-page .device-registered {
    background-color: rgba(0, 0, 255, .1)
}

.partner-devices-page .device-registered td:first-of-type {
    background-image: url(/assets/assets/images/partner-devices/new-check.svg)
}

@media screen and (max-width:769px) {
    .partner-devices-page .table-wrapper {
        padding: 20px;
        overflow-x: auto
    }
}

@media screen and (max-width:640px) {
    .partner-devices-page .table-wrapper {
        padding: 20px
    }

    .partner-devices-page .form__field__input {
        max-width: 180px
    }

    .partner-devices-page table.partner-table {
        border: 0
    }

    .partner-devices-page table.partner-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .partner-devices-page table.partner-table tbody tr {
        display: block;
        margin-bottom: .625em
    }

    .partner-devices-page table.partner-table tbody tr td {
        border: 1px solid #d0d0d0;
        display: flex;
        font-size: .8em;
        text-align: right;
        padding-left: 10px
    }

    .partner-devices-page table.partner-table tbody tr td::before {
        content: attr(data-label);
        font-weight: 700;
        text-transform: uppercase;
        flex: 1;
        text-align: left
    }

    .partner-devices-page table.partner-table tbody tr td .td-content {
        flex: 1
    }

    .partner-devices-page table.partner-table tbody tr td:last-child {
        border-bottom: 0
    }
}

.partner-landing .image {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.partner-landing .landing-content {
    padding: 5% 20px 20% 10%;
    color: #fff
}

.partner-landing .landing-content h1 {
    text-align: left;
    color: #fff;
    width: 52%
}

.partner-landing .landing-content .btn,
.partner-landing .landing-content .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-landing .landing-content .action {
    margin-top: 20px
}

.partner-landing .landing-content .btn.btn--grey,
.partner-landing .landing-content .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-landing .landing-content .action {
    border-color: #fff;
    color: #fff
}

.partner-landing .landing-content .btn.btn--grey:hover,
.partner-landing .landing-content .ost-jobs .ost-job .action:hover,
.ost-jobs .ost-job .partner-landing .landing-content .action:hover,
.partner-landing .landing-content .btn.btn--grey:focus,
.partner-landing .landing-content .ost-jobs .ost-job .action:focus,
.ost-jobs .ost-job .partner-landing .landing-content .action:focus {
    border-color: #FF88BD;
    color: #FF88BD
}

.partner-landing .landing-login {
    margin: 30px 0 70px;
    width: 40%
}

@media(max-width:1080px) {
    .partner-landing h1 {
        font-size: 2em
    }

    .partner-landing .landing-login {
        margin-bottom: 40px
    }
}

@media(max-width:641px) {
    .partner-landing .landing-content {
        top: 5%;
        left: 5%
    }

    .partner-landing .landing-content h1 {
        width: 100%
    }

    .partner-landing .landing-login {
        width: 100%;
        margin: 20px 0
    }

    .partner-landing .landing-register {
        margin-top: 20px
    }
}

@media(max-width:321px) {
    .partner-landing .landing-content h1 {
        font-size: 1.1em
    }
}

.partner-registration--2021 .partner-registration__top-content {
    max-width: 400px
}

.partner-registration--2021 .partner-registration__top-content h1 {
    margin-bottom: 10px;
    font-size: 30px
}

.partner-registration--2021 .partner-registration__middle {
    padding: 0 0 60px
}

.partner-registration--2021 .partner-registration__cards {
    justify-content: space-between
}

@media(max-width:1023.98px) {
    .partner-registration--2021 .partner-registration__cards {
        justify-content: space-around
    }
}

.partner-registration--2021 .partner-registration__cards .card {
    width: calc(33.3% - 10px);
    max-width: 100%;
    margin: 0;
    background-color: transparent;
    border: 0
}

@media(max-width:1023.98px) {
    .partner-registration--2021 .partner-registration__cards .card {
        width: calc(50% - 40px)
    }
}

@media(max-width:767.98px) {
    .partner-registration--2021 .partner-registration__cards .card {
        width: 100%;
        max-width: 360px;
        margin: 20px 0
    }
}

.partner-registration--2021 .partner-registration__cards .card__content {
    text-align: center
}

.partner-registration--2021 .partner-registration__cards .card__content h3 {
    font-size: 18px
}

.partner-registration--2021 .partner-registration__cards .card__content p {
    font-size: 14px
}

.partner-registration__top {
    position: relative
}

.partner-registration__nav {
    width: 100%
}

.partner-registration__nav ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none
}

@media(max-width:1023.98px) {
    .partner-registration__nav ul {
        white-space: nowrap;
        overflow-x: auto
    }
}

.partner-registration__nav ul li {
    margin: 15px 0;
    padding: 0
}

@media(max-width:1023.98px) {
    .partner-registration__nav ul li {
        margin: 15px 30px
    }

    .partner-registration__nav ul li:last-child {
        padding-right: 15px
    }
}

.partner-registration__nav ul li a {
    color: #666b6e;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none
}

.partner-registration__nav ul li a:hover,
.partner-registration__nav ul li a:focus {
    color: #FF88BD
}

.partner-registration__nav ul li a.active {
    color: #FF88BD;
    font-weight: 700
}

.partner-registration__top-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 56.25%
}

@media(max-width:767.98px) {
    .partner-registration__top-image {
        padding-top: 150%
    }
}

.partner-registration__top-content {
    position: absolute;
    top: 50%;
    left: 100px;
    width: 100%;
    max-width: 640px;
    padding: 60px 30px;
    color: #fff;
    background-color: rgba(98, 134, 164, .9);
    transform: translateY(-50%)
}

@media(max-width:767.98px) {
    .partner-registration__top-content {
        left: 5%;
        width: 90%;
        padding: 40px 20px
    }
}

.partner-registration__top-content h1 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 40px;
    text-align: left
}

@media(max-width:767.98px) {
    .partner-registration__top-content h1 {
        margin-bottom: 20px;
        font-size: 28px
    }
}

.partner-registration__top-content ul {
    margin: 0;
    list-style: none
}

.partner-registration__top-content ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 20px
}

.partner-registration__top-content ul li:before {
    position: absolute;
    top: 0;
    left: 29.5px;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #fff
}

@media(max-width:767.98px) {
    .partner-registration__top-content ul li:before {
        left: 23.5px
    }
}

.partner-registration__top-content ul li:first-child:before {
    top: 50%;
    height: 50%
}

.partner-registration__top-content ul li:last-child {
    padding-bottom: 0
}

.partner-registration__top-content ul li:last-child:before {
    top: auto;
    bottom: 50%;
    height: 50%
}

.partner-registration__top-content ul li>span {
    position: relative;
    display: block;
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 50%;
    background-color: #fff
}

@media(max-width:767.98px) {
    .partner-registration__top-content ul li>span {
        width: 48px;
        min-width: 48px;
        height: 48px
    }
}

.partner-registration__top-content ul li>span .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 32px;
    line-height: 0;
    color: #6286a4;
    transform: translate(-50%, -50%)
}

@media(max-width:767.98px) {
    .partner-registration__top-content ul li>span .icon {
        font-size: 24px
    }
}

.partner-registration__top-content ul li p {
    margin: 0 12px 0 0;
    padding: 0
}

.partner-registration__middle {
    padding: 60px 30px
}

.partner-registration__cards {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap
}

.partner-registration__cards>.card {
    max-width: 360px
}

.partner-registration .card {
    width: calc(33.3% - 40px);
    margin: 20px;
    background-color: #f7f8f8;
    border: 1px solid #b5b9bb
}

@media(max-width:1023.98px) {
    .partner-registration .card {
        width: calc(50% - 40px)
    }
}

@media(max-width:767.98px) {
    .partner-registration .card {
        width: 100%;
        margin: 20px 0
    }
}

.partner-registration .card--flex {
    display: flex;
    flex-direction: column
}

.partner-registration .card--flex .card__btns {
    margin-top: auto
}

.partner-registration .card__img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #b5b9bb
}

.partner-registration .card__img:before {
    display: block;
    width: 100%;
    content: '';
    padding-top: 56.25%
}

.partner-registration .card__content {
    padding: 20px 30px 0
}

.partner-registration .card__btns {
    padding: 0 30px 20px;
    text-align: center
}

.partner-registration__form {
    position: relative;
    padding: 30px 60px;
    background-color: #fff;
    border: 1px solid #b5b9bb;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .1)
}

@media(max-width:1023.98px) {
    .partner-registration__form {
        padding: 30px
    }
}

@media(max-width:767.98px) {
    .partner-registration__form {
        padding: 20px
    }
}

.partner-registration__form h3 {
    text-align: left
}

.partner-registration__form .form {
    background-color: transparent
}

.partner-registration__form .form__field--single {
    margin-bottom: 30px
}

.partner-registration__form .form .form__field--error .form__field__label {
    opacity: 1
}

.partner-registration__form .form .form__field--error .notEmpty {
    opacity: 1
}

.partner-registration__form .form .form__field--error .notEmpty~.form__field__label {
    top: 3px;
    bottom: auto;
    font-size: 12px;
    color: #afafb0
}

.partner-registration__form .form .form__field--error .error {
    top: 100%;
    width: auto;
    height: auto;
    padding: 5px 10px;
    font-size: 12px
}

.partner-registration__form .form .form__field--error .selectbox-button {
    display: block
}

.partner-registration__form .form__error {
    display: none;
    margin-top: 20px
}

.partner-registration__form .form__error p {
    font-size: 24px;
    text-align: center;
    color: #971033
}

.partner-registration__form .form--uid-valid input[name=Uid] {
    position: relative;
    user-select: none;
    pointer-events: none
}

.partner-registration__form .form--uid-valid input[name=Uid]~span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -40px;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #47ba5b;
    color: #fff;
    font-size: 12px;
    line-height: 0;
    transform: translateY(-50%)
}

.partner-registration__form .form--uid-valid input[name=Uid]~span:before {
    content: ""
}

.partner-registration__form .form--error .form__error {
    display: block
}

.partner-registration__form--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat;
    z-index: 1
}

.partner-registration__form .partner-registration__error {
    display: none
}

.partner-registration__form .partner-registration__error p {
    font-size: 24px;
    text-align: center;
    color: #971033
}

.partner-registration__form--error .partner-registration__error {
    display: block
}

.partner-product-registration .registration-info {
    padding: 30px
}

.partner-product-registration .registration-info h1 {
    padding-bottom: 20px
}

.form-group.form-error .form-group-content {
    border: 1px solid #FF88BD
}

.form-group .form-group-content {
    position: relative;
    background-color: #f7f8f8;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 30px 10px
}

.form-group .error-message {
    padding-bottom: 20px;
    color: #FF88BD
}

.partner-product-form {
    background-color: transparent
}

.partner-product-form .form-group {
    margin-bottom: 30px
}

.partner-product-form .form-group div.form__field__input {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 5px
}

.partner-product-form .asterisk-text {
    margin: 20px 0;
    text-align: center
}

.partner-product-form .btn,
.partner-product-form .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-product-form .action {
    margin: 20px 0 0
}

.partner-product-form .btn__remove {
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transition: box-shadow .2s ease-in;
    -moz-transition: box-shadow .2s ease-in;
    -ms-transition: box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    border-radius: 100%
}

.partner-product-form .btn__remove:hover {
    box-shadow: 0 0 10px 0 #6c6c6c
}

.partner-welcome-banner {
    position: relative;
    padding: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.partner-welcome-banner .content {
    top: 30px;
    left: 30px
}

.partner-welcome-banner .content h3,
.partner-welcome-banner .content h4 {
    color: #fff;
    margin-bottom: 30px;
    text-align: left
}

.partner-welcome-banner .content .btn--grey,
.partner-welcome-banner .content .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-welcome-banner .content .action {
    color: #fff;
    border-color: #fff;
    margin-top: 30px
}

.partner-welcome-banner .content .btn--grey:hover,
.partner-welcome-banner .content .ost-jobs .ost-job .action:hover,
.ost-jobs .ost-job .partner-welcome-banner .content .action:hover,
.partner-welcome-banner .content .btn--grey:focus,
.partner-welcome-banner .content .ost-jobs .ost-job .action:focus,
.ost-jobs .ost-job .partner-welcome-banner .content .action:focus {
    border-color: #FF88BD;
    color: #FF88BD
}

.partner-device-details {
    position: relative
}

.partner-device-details h2 {
    text-transform: uppercase
}

.partner-device-details .msg-text {
    font-family: CeraPRO-Bold, 'sans-serif';
    font-size: 24px
}

.partner-device-details .bwt-back-circle {
    color: #fff;
    background-color: #3e6280;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0
}

.partner-device-details .bwt-back-circle .left {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 10px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.partner-device-details .map {
    height: 200px
}

.partner-device-details .client-panel {
    padding: 20px;
    background-color: #f7f8f8
}

.partner-device-details .client-panel .btn,
.partner-device-details .client-panel .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-device-details .client-panel .action {
    margin-top: 30px;
    margin-bottom: 10px
}

.partner-device-details .mb-10 {
    margin-bottom: 10px
}

.partner-device-details .next-event {
    background-color: #f7f8f8;
    border-radius: 5px;
    padding: 20px;
    padding-left: 70px;
    margin-top: 20px;
    font-size: 14px;
    background-image: url(/assets/assets/images/partner-devices/next-event-icon.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 90%
}

@media all and (max-width:769px) {
    .partner-device-details .next-event {
        display: inline-block
    }
}

@media all and (max-width:769px) {
    .partner-device-details .next-event {
        text-align: left
    }
}

.partner-device-details .next-event div:first-of-type {
    font-family: CeraPRO-Bold, 'sans-serif'
}

@media all and (max-width:769px) {
    .partner-device-details .device-info {
        text-align: center
    }
}

.partner-device-details .device-info-headline {
    font-size: 30px;
    font-family: CeraPRO-Bold, 'sans-serif'
}

.partner-device-details .panel-headline {
    padding: 15px 0;
    font-size: 24px;
    font-family: CeraPRO-Bold, 'sans-serif'
}

.partner-device-details .device-details-panel {
    padding-left: 20px
}

.partner-device-details .device-panel {
    border: 1px solid #d0d0d0;
    padding: 20px 20px 30px
}

.partner-device-details .device-panel img {
    width: auto;
    max-width: 125px;
    max-height: 200px;
    margin-top: 10px;
    display: inline-block
}

.partner-device-details .text-center {
    text-align: center
}

.partner-device-details .grey-check {
    width: 60px;
    height: 60px
}

.partner-device-details table.history-table {
    margin: 0 0 20px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.partner-device-details table.history-table tr {
    border: 1px solid #b5b9bb
}

.partner-device-details table.history-table thead {
    background-color: #f0f1f2
}

.partner-device-details table.history-table th,
.partner-device-details table.history-table td {
    padding: 10px 25px;
    vertical-align: middle;
    text-align: left
}

.partner-device-details table.history-table th {
    padding: 15px 25px
}

.partner-device-details table.history-table td {
    font-size: 16px
}

.partner-device-details table.history-table td:last-of-type {
    font-family: CeraPRO-Bold, 'sans-serif'
}

.partner-device-details table.history-table td img {
    width: 38px;
    height: 38px;
    display: inline-block
}

.icon--arrow-right.left:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(max-width:769px) {
    .partner-device-details {
        padding: 0 20px
    }

    .partner-device-details .device-details-panel {
        padding: 0
    }

    .partner-device-details table.history-table {
        border: 0
    }

    .partner-device-details table.history-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .partner-device-details table.history-table tbody tr {
        display: block;
        margin-bottom: .625em;
        border: none
    }

    .partner-device-details table.history-table tbody tr td {
        border: 1px solid #d0d0d0;
        display: block;
        font-size: .8em;
        text-align: right;
        padding-left: 10px;
        border-top: none
    }

    .partner-device-details table.history-table tbody tr td:first-of-type {
        border-top: 1px solid #d0d0d0
    }

    .partner-device-details table.history-table tbody tr td::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        text-transform: uppercase
    }
}

.magazine-article .news-info {
    text-align: center
}

@media(max-width:641px) {
    .magazine-article h1 {
        margin-bottom: 20px;
        font-size: 1.8em
    }
}

.magazine-article h1 p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.magazine-article .text-container h5 {
    text-align: left
}

.magazine-article .tile-nav:before {
    height: 10px;
    top: -10px
}

.magazine-article--page .magazine-article__anchor-target--init {
    flex-direction: row-reverse
}

@media(max-width:769px) {
    .magazine-article--page .magazine-article__anchor-target--init {
        flex-direction: row
    }
}

.magazine-article--page .magazine-article__anchor-bar {
    margin: 30px 0 30px 30px;
    padding: 20px;
    background-color: #f7f8f8
}

@media(max-width:769px) {
    .magazine-article--page .magazine-article__anchor-bar {
        margin: 20px 0 0
    }
}

.magazine-article--page .magazine-article__anchor-bar ul {
    padding: 0;
    list-style: none
}

.magazine-article--page .magazine-article__anchor-bar a {
    color: #FF88BD
}

@media all and (max-width:641px) {
    .media-text {
        text-align: center;
        padding: 0 20px
    }
}

.magazine-share {
    width: 100%;
    justify-content: center;
    padding: 30px 10px;
    display: flex;
    align-items: center;
    background-color: #f7f9f8;
    margin: 30px 0 75px
}

@media all and (max-width:641px) {
    .magazine-share {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px
    }
}

.magazine-share__title {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase
}

@media all and (max-width:641px) {
    .magazine-share__title {
        font-size: 12px
    }
}

.magazine-share__item {
    margin: 0 5px
}

.magazine-share__item a {
    display: flex;
    align-items: center;
    text-decoration: none
}

.magazine-share__item a:hover span {
    color: #FF88BD
}

.magazine-share__item a span {
    display: block;
    margin: 0 5px 0 0;
    padding: 1px 5px 1px 10px;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.334;
    color: #666b6e;
    font-weight: 400;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

@media all and (max-width:769px) {
    .magazine-share__item a span {
        display: none
    }
}

.magazine-quote {
    text-align: center;
    padding: 30px calc(100%/12)
}

.magazine-quote .quote-text {
    font-size: 1.4em;
    font-family: nexaslabboldoblique, "sans-serif"
}

.magazine-quote .quote-end {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 20px;
    width: 33%;
    display: inline-block;
    font-size: 14px
}

@media all and (max-width:641px) {
    .magazine-quote {
        padding: 30px 20px
    }

    .magazine-quote .quote-end {
        width: 100%
    }
}

.hash-tags {
    margin-top: 50px
}

@media all and (max-width:769px) {
    .hash-tags {
        padding-left: 30px
    }
}

@media all and (max-width:641px) {
    .hash-tags {
        padding-left: 20px
    }
}

.hash-tags .hash-tag {
    color: #FF88BD;
    font-size: 14px;
    text-decoration: none
}

.hash-tags .hash-tag:hover {
    text-decoration: underline
}

.magazine-tags {
    margin-top: 20px;
    margin-bottom: 30px
}

@media all and (max-width:769px) {
    .magazine-tags {
        padding-left: 30px
    }
}

@media all and (max-width:641px) {
    .magazine-tags {
        padding-left: 20px
    }
}

.magazine-tags>div {
    font-size: 14px;
    display: inline-block;
    background-color: #f7f9f8;
    padding: 0 10px
}

.category-tags {
    margin-bottom: 20px
}

.category-tags .tag {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px 1px;
    margin-right: 10px;
    margin-bottom: 20px;
    color: #666b6e;
    border: 1px solid #666b6e;
    border-radius: 2px;
    font-size: 14px
}

.magazine-page--loading {
    position: relative;
    pointer-events: none;
    cursor: not-allowed
}

.magazine-page--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat
}

.magazine-page .share-icons.magazine {
    flex-direction: column;
    margin: 65px 0 50px
}

.magazine-page-inner-no-results {
    display: none;
    text-align: center
}

.magazine-page-inner--hidden {
    display: none
}

.magazine-page .filters {
    position: relative;
    padding-bottom: 18px;
    width: 100%;
    height: 180px
}

.magazine-page .filters-wrapper {
    margin-left: -8px;
    margin-right: -8px
}

@media(max-width:641px) {
    .magazine-page .filters-wrapper {
        margin-right: 0
    }
}

@media screen and (min-width:642px)and (max-width:1279px) {
    .magazine-page .filters-wrapper {
        margin-left: -6px;
        margin-right: 0
    }
}

.magazine-page .filters .slick-list {
    padding: 0
}

.magazine-page .filters .slick-prev {
    z-index: 3;
    left: 6px;
    top: 10px;
    height: 80px;
    width: 24px;
    max-height: none !important;
    color: transparent;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: -2px 0 5px rgba(0, 0, 0, .15);
    transform: none !important
}

@media screen and (min-width:1025px) {
    .magazine-page .filters .slick-prev:hover {
        background-color: rgba(255, 255, 255, .8)
    }
}

.magazine-page .filters .slick-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    border: 0 !important;
    opacity: 1 !important;
    background-color: #FF88BD;
    transform: rotate(-50deg)
}

.magazine-page .filters .slick-prev:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 5px;
    margin-left: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background-color: #FF88BD;
    transform: rotate(50deg)
}

.magazine-page .filters .slick-next {
    z-index: 3;
    right: 6px;
    top: 10px;
    height: 80px;
    width: 24px;
    max-height: none !important;
    color: transparent;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 2px 0 5px rgba(0, 0, 0, .15);
    transform: none !important
}

@media(max-width:1279px) {
    .magazine-page .filters .slick-next {
        right: 0
    }
}

@media screen and (min-width:1025px) {
    .magazine-page .filters .slick-next:hover {
        background-color: rgba(255, 255, 255, .8)
    }
}

.magazine-page .filters .slick-next:before {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -5px;
    margin-right: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    border: 0 !important;
    opacity: 1 !important;
    background-color: #FF88BD;
    transform: rotate(50deg)
}

.magazine-page .filters .slick-next:after {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: 5px;
    margin-right: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background-color: #FF88BD;
    transform: rotate(-50deg)
}

.magazine-page .filters .filter {
    position: relative;
    padding: 10px 6px;
    width: 162px;
    outline: none
}

.magazine-page .filters .filter__content {
    padding-bottom: 12px;
    transition: all .3s ease-in
}

.magazine-page .filters .filter__thumbnail {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    height: 80px;
    background-size: cover;
    background-position: center center
}

.magazine-page .filters .filter__title {
    padding: 0 8px;
    display: block;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    color: #5f6062;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease-in
}

@media screen and (min-width:1025px) {
    .magazine-page .filters .filter:hover .filter__content {
        background-color: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        transition: all .3s ease-in
    }

    .magazine-page .filters .filter:hover .filter__title {
        color: #FF88BD;
        transition: all .3s ease-in
    }
}

.magazine-page .filters .filter.active .filter__content {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    transition: all .3s ease-in
}

.magazine-page .filters .filter.active .filter__title {
    color: #FF88BD;
    transition: all .3s ease-in
}

.magazine-page .filters input[type=checkbox] {
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 1px;
    width: 1px
}

.magazine-page .filters input[type=checkbox]+label {
    cursor: pointer;
    display: block
}

.magazine-page-search {
    margin-bottom: 32px;
    width: 100%
}

.magazine-page-search__wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 480px
}

.magazine-page-search__field {
    padding: 7px 50px 7px 20px;
    display: block;
    width: 100%;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    color: #5f6062;
    background-color: #fff;
    outline: none;
    border-radius: 3px;
    border: 1px solid #b5b9bb;
    transition: all .25s ease-in
}

.magazine-page-search__field:focus {
    border-color: #5f6062;
    transition: all .25s ease-in
}

.magazine-page-search__field:placeholder {
    color: #b5b9bb
}

.magazine-page-search__field::placeholder {
    color: #b5b9bb
}

.magazine-page-search__field::-webkit-input-placeholder {
    color: #b5b9bb
}

.magazine-page-search__field:-moz-placeholder {
    color: #b5b9bb
}

.magazine-page-search__field::-moz-placeholder {
    color: #b5b9bb
}

.magazine-page-search__field:-ms-input-placeholder {
    color: #b5b9bb
}

.magazine-page-search__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    height: auto;
    width: 50px;
    color: #666b6e;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    background: 0 0;
    outline: none;
    border: 0;
    box-shadow: none;
    cursor: pointer
}

.top-articles-section {
    background-color: #f7f8f8;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.top-articles-section.slider,
.top-articles-section.slider.stage-medium {
    margin-bottom: 40px;
    padding-bottom: 0 !important
}

.top-articles-section,
section.slider.top-articles-section,
section.slider.top-articles-section.stage-medium {
    height: 550px
}

body.experience-editor .top-articles-section,
.experience-editor .top-articles-section,
body.experience-editor section.slider.top-articles-section,
.experience-editor section.slider.top-articles-section,
body.experience-editor section.slider.top-articles-section.stage-medium,
.experience-editor section.slider.top-articles-section.stage-medium {
    height: auto
}

@media screen and (max-width:1024px) {

    .top-articles-section,
    section.slider.top-articles-section,
    section.slider.top-articles-section.stage-medium {
        height: auto
    }

    .top-articles-section .slick-slider,
    .top-articles-section .slick-list,
    .top-articles-section .slider-container,
    .top-articles-section .slick-track,
    .top-articles-section .slick-slide,
    section.slider.top-articles-section .slick-slider,
    section.slider.top-articles-section .slick-list,
    section.slider.top-articles-section .slider-container,
    section.slider.top-articles-section .slick-track,
    section.slider.top-articles-section .slick-slide,
    section.slider.top-articles-section.stage-medium .slick-slider,
    section.slider.top-articles-section.stage-medium .slick-list,
    section.slider.top-articles-section.stage-medium .slider-container,
    section.slider.top-articles-section.stage-medium .slick-track,
    section.slider.top-articles-section.stage-medium .slick-slide {
        height: auto
    }
}

.top-articles-section .slider .slider-container .single-item,
section.slider.top-articles-section .slider-container .single-item,
section.slider.top-articles-section.stage-medium .slider-container .single-item {
    outline: none
}

.top-articles-section .slider .slider-container .slide,
section.slider.top-articles-section .slider-container .slide,
section.slider.top-articles-section.stage-medium .slider-container .slide {
    display: block !important;
    outline: none
}

.top-articles-section .slider .slider-container .slide:after,
section.slider.top-articles-section .slider-container .slide:after,
section.slider.top-articles-section.stage-medium .slider-container .slide:after {
    display: none
}

section.slider.top-articles-section .slider-container button.slick-next,
section.slider.top-articles-section .slider-container button.slick-prev {
    height: 160px;
    text-shadow: none;
    color: transparent;
    background-color: rgba(255, 255, 255, .5)
}

@media(max-width:641px) {

    section.slider.top-articles-section .slider-container button.slick-next,
    section.slider.top-articles-section .slider-container button.slick-prev {
        top: 60px;
        height: 100px;
        transform: none
    }
}

@media screen and (min-width:1025px) {

    section.slider.top-articles-section .slider-container button.slick-next:hover,
    section.slider.top-articles-section .slider-container button.slick-prev:hover {
        background-color: #fff
    }
}

section.slider.top-articles-section .slider-container button.slick-prev {
    box-shadow: 2px 0 5px rgba(0, 0, 0, .15)
}

section.slider.top-articles-section .slider-container button.slick-prev:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    border: 0 !important;
    opacity: 1 !important;
    background-color: #FF88BD;
    transform: rotate(-50deg)
}

section.slider.top-articles-section .slider-container button.slick-prev:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 5px;
    margin-left: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background-color: #FF88BD;
    transform: rotate(50deg)
}

section.slider.top-articles-section .slider-container button.slick-next {
    box-shadow: -2px 0 5px rgba(0, 0, 0, .15)
}

section.slider.top-articles-section .slider-container button.slick-next:before {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -5px;
    margin-right: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    border: 0 !important;
    opacity: 1 !important;
    background-color: #FF88BD;
    transform: rotate(50deg)
}

section.slider.top-articles-section .slider-container button.slick-next:after {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: 5px;
    margin-right: -7px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background-color: #FF88BD;
    transform: rotate(-50deg)
}

.slider .slider-container .slide-content.magazine-article,
section.slider .slider-container .slide-content.magazine-article,
section.slider.stage-medium .slider-container .slide-content.magazine-article,
.magazine-page-inner .magazine-article {
    position: static;
    display: flex;
    height: auto;
    min-height: 550px;
    align-self: flex-start
}

@media screen and (max-width:1024px) {

    .slider .slider-container .slide-content.magazine-article,
    section.slider .slider-container .slide-content.magazine-article,
    section.slider.stage-medium .slider-container .slide-content.magazine-article,
    .magazine-page-inner .magazine-article {
        display: block;
        min-height: 0
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__image-holder,
section.slider .slider-container .slide-content.magazine-article .magazine-article__image-holder,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image-holder,
.magazine-page-inner .magazine-article .magazine-article__image-holder {
    padding: 30px 80px 40px;
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%
}

@media screen and (max-width:1024px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__image-holder,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image-holder,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image-holder,
    .magazine-page-inner .magazine-article .magazine-article__image-holder {
        padding: 20px 20px 30px;
        max-width: none
    }
}

@media screen and (max-width:768px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__image-holder,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image-holder,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image-holder,
    .magazine-page-inner .magazine-article .magazine-article__image-holder {
        padding-bottom: 20px
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__image,
section.slider .slider-container .slide-content.magazine-article .magazine-article__image,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image,
.magazine-page-inner .magazine-article .magazine-article__image {
    position: relative;
    padding-bottom: 50%;
    display: none;
    width: 100%;
    height: auto;
    outline: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.slider .slider-container .slide-content.magazine-article .magazine-article__image:before,
section.slider .slider-container .slide-content.magazine-article .magazine-article__image:before,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image:before,
.magazine-page-inner .magazine-article .magazine-article__image:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    content: '';
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
    background-color: #000
}

.slider .slider-container .slide-content.magazine-article .magazine-article__image:after,
section.slider .slider-container .slide-content.magazine-article .magazine-article__image:after,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image:after,
.magazine-page-inner .magazine-article .magazine-article__image:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    content: '';
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/assets/icons/bwt-hovering-logo.svg)
}

@media screen and (min-width:1025px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__image,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image,
    .magazine-page-inner .magazine-article .magazine-article__image {
        padding-bottom: 100%;
        display: block;
        height: auto
    }
}

@media screen and (min-width:1025px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__image:hover:before,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image:hover:before,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image:hover:before,
    .magazine-page-inner .magazine-article .magazine-article__image:hover:before {
        visibility: visible;
        opacity: .5;
        transition: all .3s ease-in
    }

    .slider .slider-container .slide-content.magazine-article .magazine-article__image:hover:after,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image:hover:after,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image:hover:after,
    .magazine-page-inner .magazine-article .magazine-article__image:hover:after {
        visibility: visible;
        opacity: .8;
        transition: all .3s ease-in
    }
}

@media screen and (min-width:1025px)and (max-width:1280px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__image,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image,
    .magazine-page-inner .magazine-article .magazine-article__image {
        padding-bottom: 0;
        height: 100%
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__image--mobile,
section.slider .slider-container .slide-content.magazine-article .magazine-article__image--mobile,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image--mobile,
.magazine-page-inner .magazine-article .magazine-article__image--mobile {
    display: block
}

@media screen and (min-width:1025px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__image--mobile,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__image--mobile,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__image--mobile,
    .magazine-page-inner .magazine-article .magazine-article__image--mobile {
        display: none
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__content,
section.slider .slider-container .slide-content.magazine-article .magazine-article__content,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__content,
.magazine-page-inner .magazine-article .magazine-article__content {
    position: relative;
    padding: 40px 70px 100px 0;
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
    text-align: left
}

@media screen and (max-width:1024px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__content,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__content,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__content,
    .magazine-page-inner .magazine-article .magazine-article__content {
        padding: 0 20px 30px;
        max-width: none
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__categories,
section.slider .slider-container .slide-content.magazine-article .magazine-article__categories,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__categories,
.magazine-page-inner .magazine-article .magazine-article__categories {
    padding-bottom: 24px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1024px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__categories,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__categories,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__categories,
    .magazine-page-inner .magazine-article .magazine-article__categories {
        padding-bottom: 15px
    }
}

@media screen and (max-width:768px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__categories,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__categories,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__categories,
    .magazine-page-inner .magazine-article .magazine-article__categories {
        display: none
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__category,
section.slider .slider-container .slide-content.magazine-article .magazine-article__category,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__category,
.magazine-page-inner .magazine-article .magazine-article__category {
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 1px 12px;
    min-height: 20px;
    border: 1px solid #666b6e;
    border-radius: 2px
}

.slider .slider-container .slide-content.magazine-article .magazine-article__category-text,
section.slider .slider-container .slide-content.magazine-article .magazine-article__category-text,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__category-text,
.magazine-page-inner .magazine-article .magazine-article__category-text {
    display: block;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #666b6e;
    text-transform: uppercase
}

.slider .slider-container .slide-content.magazine-article .magazine-article__title,
section.slider .slider-container .slide-content.magazine-article .magazine-article__title,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__title,
.magazine-page-inner .magazine-article .magazine-article__title {
    margin-bottom: 20px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    color: #707070;
    font-weight: 400;
    text-align: left
}

@media screen and (max-width:768px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__title,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__title,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__title,
    .magazine-page-inner .magazine-article .magazine-article__title {
        font-size: 18px;
        line-height: 1.3889
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__title p,
section.slider .slider-container .slide-content.magazine-article .magazine-article__title p,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__title p,
.magazine-page-inner .magazine-article .magazine-article__title p {
    margin: 0;
    padding: 0
}

.slider .slider-container .slide-content.magazine-article .magazine-article__title a,
section.slider .slider-container .slide-content.magazine-article .magazine-article__title a,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__title a,
.magazine-page-inner .magazine-article .magazine-article__title a {
    text-decoration: none;
    color: #666b6e
}

.slider .slider-container .slide-content.magazine-article .magazine-article__title a:hover,
.slider .slider-container .slide-content.magazine-article .magazine-article__title a:focus,
section.slider .slider-container .slide-content.magazine-article .magazine-article__title a:hover,
section.slider .slider-container .slide-content.magazine-article .magazine-article__title a:focus,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__title a:hover,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__title a:focus,
.magazine-page-inner .magazine-article .magazine-article__title a:hover,
.magazine-page-inner .magazine-article .magazine-article__title a:focus {
    color: #b5b9bb
}

.slider .slider-container .slide-content.magazine-article .magazine-article__short,
section.slider .slider-container .slide-content.magazine-article .magazine-article__short,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__short,
.magazine-page-inner .magazine-article .magazine-article__short {
    margin-bottom: 35px;
    min-height: 125px;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.715;
    color: #666b6e;
    font-weight: 400
}

@media screen and (max-width:1024px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__short,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__short,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__short,
    .magazine-page-inner .magazine-article .magazine-article__short {
        min-height: 0
    }
}

@media screen and (max-width:768px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__short,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__short,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__short,
    .magazine-page-inner .magazine-article .magazine-article__short {
        display: none
    }
}

.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap,
section.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__btn-wrap,
.magazine-page-inner .magazine-article .magazine-article__btn-wrap {
    display: flex;
    justify-content: flex-start
}

.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .btn,
.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .action,
section.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .btn,
section.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.slider .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .action,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .btn,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__btn-wrap .action,
.magazine-page-inner .magazine-article .magazine-article__btn-wrap .btn,
.magazine-page-inner .magazine-article .magazine-article__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .magazine-page-inner .magazine-article .magazine-article__btn-wrap .action {
    margin: 0;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 1.26667
}

.slider .slider-container .slide-content.magazine-article .magazine-article__extra,
section.slider .slider-container .slide-content.magazine-article .magazine-article__extra,
section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__extra,
.magazine-page-inner .magazine-article .magazine-article__extra {
    position: absolute;
    bottom: 45px;
    right: 75px
}

@media screen and (max-width:1024px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__extra,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__extra,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__extra,
    .magazine-page-inner .magazine-article .magazine-article__extra {
        bottom: 25px;
        right: 25px
    }
}

@media screen and (max-width:768px) {

    .slider .slider-container .slide-content.magazine-article .magazine-article__extra,
    section.slider .slider-container .slide-content.magazine-article .magazine-article__extra,
    section.slider.stage-medium .slider-container .slide-content.magazine-article .magazine-article__extra,
    .magazine-page-inner .magazine-article .magazine-article__extra {
        display: none
    }
}

.magazine-article {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px
}

@media screen and (max-width:768px) {
    .magazine-article {
        padding-bottom: 0
    }
}

.magazine-article:before {
    position: absolute;
    content: '';
    display: none;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: auto;
    background-color: #e1e3e4
}

@media screen and (max-width:768px) {
    .magazine-article:before {
        left: 20px;
        right: 20px
    }
}

.magazine-article+.magazine-article:before {
    display: block
}

.slider .slider-container .slide-content.magazine-article,
section.slider .slider-container .slide-content.magazine-article,
section.slider.stage-medium .slider-container .slide-content.magazine-article {
    padding-top: 0;
    padding-bottom: 0
}

.article-share {
    position: relative
}

.article-share__toggler {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
    display: block;
    appearance: none;
    outline: none;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.article-share__toggler-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.article-share__toggler-label {
    display: block;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 2;
    color: #666b6e;
    font-weight: 400;
    white-space: nowrap
}

.active .article-share__toggler-label--show {
    display: none
}

.article-share__toggler-label--hide {
    display: none;
    padding: 1px 7px;
    font-size: 12px;
    line-height: 1.334;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.active .article-share__toggler-label--hide {
    display: block
}

.article-share__toggler-img-wrap {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px
}

.article-share__toggler-img {
    margin: 0 1px 1px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FF88BD;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/assets/icons/share-simple.svg);
    transition: all .3s ease
}

.active .article-share__toggler-img {
    transform: scale(1.25);
    background-image: url(/assets/assets/icons/plus-simple.svg)
}

.article-share__toggler-ico {
    display: block
}

.article-share__toggler-ico--share {
    width: 25px;
    height: auto
}

.article-share__list {
    display: none;
    position: absolute;
    z-index: 1;
    right: 4px;
    bottom: 100%;
    margin: 0;
    padding: 0;
    list-style: none outside none
}

.article-share__item {
    position: relative;
    margin: 0 0 -6px;
    padding: 0;
    display: block
}

.article-share__item-link {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    text-decoration: none;
    outline: none;
    border: 0;
    background: 0 0;
    cursor: pointer;
    background-clip: padding-box;
    outline: none
}

.article-share__item-link:hover,
.article-share__item-link:focus {
    text-decoration: none;
    outline: none
}

.article-share__item-link:after {
    content: '';
    margin-left: 10px;
    margin-right: 6px;
    margin-bottom: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-clip: padding-box;
    outline: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background-repeat: no-repeat;
    background-position: center center
}

.article-share__item-link[data-sharer=facebook]:after {
    background-color: #3b5998;
    background-size: 10px auto;
    background-image: url(/assets/assets/icons/facebook-simple.svg)
}

.article-share__item-link[data-sharer=twitter]:after {
    background-color: #1da1f2;
    background-size: 24px auto;
    background-image: url(/assets/assets/icons/twitter-simple.svg)
}

.article-share__item-link[data-sharer=pinterest]:after {
    background-color: #cb2027;
    background-size: 20px auto;
    background-image: url(/assets/assets/icons/pinterest-simple.svg)
}

.article-share__item-link[data-sharer=linkedin]:after {
    background-color: #0077b5;
    background-size: 24px 24px;
    background-image: url(/assets/assets/icons/linkedin-simple.svg)
}

.article-share__item-label {
    display: block;
    padding: 1px 5px 1px 10px;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.334;
    color: #666b6e;
    font-weight: 400;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.magazine-teaser {
    width: 100%
}

.magazine-teaser--bottom {
    border-top: 1px solid #e1e3e4
}

.magazine-teaser-col {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.magazine-teaser__btn-wrap {
    display: none;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e1e3e4
}

.magazine-teaser__btn-wrap button.btn[data-load-articles],
.magazine-teaser__btn-wrap .ost-jobs .ost-job button.action[data-load-articles],
.ost-jobs .ost-job .magazine-teaser__btn-wrap button.action[data-load-articles] {
    margin: 60px auto;
    vertical-align: top
}

.similar-article {
    display: block;
    text-decoration: none;
    outline: none
}

.similar-articles {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px
}

.similar-articles__list {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.similar-articles__list.centered {
    justify-content: center
}

.similar-articles__item {
    margin: 0 0 20px;
    display: block;
    padding: 0 10px 12px;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%
}

@media screen and (max-width:1024px) {
    .similar-articles__item {
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media screen and (max-width:769px) {
    .similar-articles__item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width:641px) {
    .similar-articles__item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.similar-article:hover,
.similar-article:focus {
    text-decoration: none;
    outline: none
}

.similar-article__image-wrap {
    position: relative;
    margin-bottom: 20px
}

@media screen and (max-width:641px) {
    .similar-article__image-wrap {
        margin-bottom: 10px
    }
}

.similar-article__image-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    content: '';
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
    background-color: #000
}

@media screen and (min-width:1025px) {
    .similar-article:hover .similar-article__image-wrap:before {
        visibility: visible;
        opacity: .5;
        transition: all .3s ease-in
    }
}

.similar-article__image-wrap:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    content: '';
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 58px auto;
    background-image: url(/assets/assets/icons/bwt-hovering-logo.svg)
}

@media screen and (min-width:1025px) {
    .similar-article:hover .similar-article__image-wrap:after {
        visibility: visible;
        opacity: .8;
        transition: all .3s ease-in
    }
}

.similar-article__image {
    display: none;
    width: 100%;
    height: auto
}

@media screen and (min-width:1025px) {
    .similar-article__image--desktop {
        display: block
    }
}

@media screen and (max-width:1024px) {
    .similar-article__image--mobile {
        display: block
    }
}

.similar-article__title {
    margin: 0;
    font-size: "CeraPRO-Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3333;
    font-weight: 400;
    color: #707070;
    text-align: center;
    text-decoration: none
}

.similar-article__title p {
    padding: 0;
    margin: 0
}

.counter {
    padding: 40px 10px;
    margin: 30px 0
}

.counter .counter-item {
    text-align: center;
}

.counter .counter-item .counter-count {
    font-size: 4em;
    font-family: cerapro-bold, "sans-serif"
}

.counter .counter-item .counter-count+sup {
    display: inline-block;
    font-size: 3em;
    font-family: CeraPRO-Bold, 'sans-serif';
    position: relative;
    top: -8px
}

.pool-references {
    padding-top: 30px
}

.pool-references h4 {
    padding-left: 30px
}

@media all and (max-width:769px) {
    .pool-references h4 {
        padding-left: 20px;
        padding-right: 20px
    }
}

.icon-check {
    background-image: url(/assets/assets/images/ic_done_white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 2px;
    width: 17.6px;
    height: 13.4px;
    display: inline-block
}

.reference-gallery-wrapper {
    width: 100%
}

.reference-gallery {
    display: flex;
    flex-wrap: wrap
}

.reference-gallery .reference-gallery-item {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    cursor: pointer
}

@media all and (max-width:641px) {
    .reference-gallery .reference-gallery-item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.reference-gallery .reference-gallery-item:hover .pool-details {
    display: block
}

.reference-gallery .reference-gallery-ph {
    flex: 1;
    overflow-y: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0
}

.reference-gallery .pool-details {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px 20px;
    background-color: rgba(255, 255, 255, .9);
    text-align: center
}

.reference-gallery .pool-details::before {
    content: '';
    width: 100%;
    display: block;
    height: 10px;
    background-color: rgba(255, 255, 255, .8);
    top: 0;
    transform: translateY(-100%);
    position: absolute;
    left: 0
}

.reference-gallery .pool-details .btn,
.reference-gallery .pool-details .ost-jobs .ost-job .action,
.ost-jobs .ost-job .reference-gallery .pool-details .action {
    margin-top: 15px
}

.references-filters {
    display: block;
    margin-bottom: 50px;
    padding: 30px 30px 0;
    width: 100%;
    text-align: left
}

@media all and (max-width:769px) {
    .references-filters {
        padding-left: 20px;
        padding-right: 20px
    }
}

.references-filters.hidden {
    display: none
}

.references-filters .filter-toggles {
    width: 100%
}

.references-filters .filter-toggle {
    position: relative;
    display: inline-block;
    padding: 7px 45px 7px 20px;
    margin-right: 20px;
    border: 1px solid #b5b9bb;
    border-radius: 3px;
    cursor: pointer
}

.references-filters .filter-toggle:after {
    content: "";
    display: table;
    clear: both
}

@media all and (max-width:641px) {
    .references-filters .filter-toggle {
        margin-bottom: 20px
    }
}

.references-filters .filter-toggle.active {
    background-color: #FF88BD;
    border-color: #FF88BD;
    color: #fff
}

.references-filters .filter-toggle.active span.icon--arrow-down,
.references-filters .filter-toggle.active span.icon-check {
    display: none
}

.references-filters .filter-toggle.active span.icon--close {
    display: inline
}

.references-filters .filter-toggle.selected {
    background-color: #FF88BD;
    border-color: #FF88BD;
    color: #fff
}

.references-filters .filter-toggle.selected span.icon--arrow-down,
.references-filters .filter-toggle.selected span.icon--close {
    display: none
}

.references-filters .filter-toggle.selected span.icon-check {
    display: inline
}

@media all and (max-width:641px) {
    .references-filters .filter-toggle {
        width: 100%;
        display: block
    }
}

.references-filters .filter-toggle .title {
    float: left
}

.references-filters .filter-toggle span {
    float: right;
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 12px;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.references-filters .filter-toggle span.icon--close,
.references-filters .filter-toggle span.icon-check {
    display: none
}

.references-filters .filter-toggle span.icon-check {
    background-position-y: 0
}

.references-filters .filter-content-item {
    display: none
}

.references-filters .filter {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-top: 20px
}

@media all and (max-width:641px) {
    .references-filters .filter {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 20px;
        margin-top: 0
    }
}

.references-filters .filter:last-of-type {
    margin-right: 0
}

.references-filters .filter input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.references-filters .filter input[type=checkbox]:checked+label {
    background-color: #FF88BD;
    border-color: #FF88BD;
    color: #fff
}

.references-filters .filter input[type=checkbox]:checked+label .icon-check {
    display: inline-block;
    width: 12.74px;
    height: 9.7px;
    background-position-y: -1px
}

.references-filters .filter input[type=checkbox]:checked+label .icon.icon--close {
    font-size: 8px
}

.references-filters .filter input[type=checkbox]+label {
    background-color: #fff;
    border: 1px solid;
    border-color: #b5b9bb;
    border-radius: 4px;
    padding: 4px 25px 3px 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px
}

.references-filters .filter input[type=checkbox]+label span {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (max-width:641px) {
    .references-filters .filter input[type=checkbox]+label span {
        right: 30px
    }
}

.references-filters .filter input[type=checkbox]+label .icon.icon--close {
    display: none
}

@media all and (max-width:641px) {
    .references-filters .filter input[type=checkbox]+label {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.references-filters .filter .icon-check {
    display: none;
    font-size: 10px;
    margin-left: 5px
}

@media all and (max-width:641px) {
    .references-filters .filter .icon-check {
        right: 30px
    }
}

.references-filters .filter span.icon {
    display: none;
    font-size: 10px;
    margin-left: 5px
}

.references-filters .filter.active span.icon {
    display: inline-block
}

.references-filters .selectbox {
    display: inline-block;
    padding: 5px 20px;
    min-width: auto !important;
    background-color: #fff;
    border: 1px solid;
    border-color: #b5b9bb;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 20px;
    margin-right: 20px
}

button[data-load-references] {
    margin-top: 40px
}

.no-touch-device .references-filters .filter-toggle.selected:hover {
    background-color: #65695e;
    border-color: #65695e
}

.no-touch-device .references-filters .filter-toggle.selected:hover .icon.icon--close {
    display: inline
}

.no-touch-device .references-filters .filter-toggle.selected:hover .icon-check {
    display: none
}

.no-touch-device .references-filters .filter:hover input[type=checkbox]:checked+label {
    background-color: #65695e;
    border-color: #65695e;
    color: #fff
}

.no-touch-device .references-filters .filter:hover input[type=checkbox]:checked+label .icon-check {
    display: none
}

.no-touch-device .references-filters .filter:hover input[type=checkbox]:checked+label .icon.icon--close {
    display: inline;
    right: 7px
}

.reference-item .slider-wrapper {
    position: relative
}

.reference-item .detail-pane {
    position: absolute;
    top: 30px;
    right: calc(100%/16);
    width: calc(100%/16*6);
    background-color: rgba(255, 255, 255, .9);
    max-height: calc(100% - 100px);
    overflow-y: auto
}

@media all and (max-width:769px) {
    .reference-item .detail-pane {
        width: calc(100%/16*7)
    }
}

@media all and (max-width:641px) {
    .reference-item .detail-pane {
        position: static;
        width: 100%;
        max-height: none
    }
}

.reference-item .detail-pane .info {
    padding: 20px
}

.reference-item .detail-pane h5 {
    padding-bottom: 10px;
    text-align: left
}

.reference-item .detail-pane ul.info-list {
    list-style-type: none;
    padding-left: 0
}

.reference-item .detail-pane .left-col {
    flex: 0 0 calc(100%/6*2);
    max-width: calc(100%/6*2);
    padding-right: 10px;
    word-break: break-all
}

.reference-item .detail-pane .right-col {
    flex: 0 0 calc(100%/6*4);
    max-width: calc(100%/6*4)
}

.reference-item .detail-pane .panel-footer {
    position: relative;
    padding: 30px 55px 30px 20px;
    background-color: #f7f8f8;
    border-top: 1px solid #e1e3e4
}

.reference-item .detail-pane .panel-footer .detail-arrow {
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 31px;
    height: 31px;
    background: url(/assets/assets/images/pool-reference/detail-arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.reference-item .detail-close {
    position: absolute;
    cursor: pointer;
    top: 30px;
    right: calc(100%/16);
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    -moz-transform: translate(50%, -50%) rotate(45deg);
    -ms-transform: translate(50%, -50%) rotate(45deg);
    -o-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
    width: 40px;
    height: 40px;
    background: url(/assets/assets/images/pool-reference/close-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transition: transform .3s ease-in;
    -moz-transition: transform .3s ease-in;
    -ms-transition: transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in
}

.reference-item .detail-close.closed {
    -webkit-transform: translate(50%, -50%) rotate(90deg);
    -moz-transform: translate(50%, -50%) rotate(90deg);
    -ms-transform: translate(50%, -50%) rotate(90deg);
    -o-transform: translate(50%, -50%) rotate(90deg);
    transform: translate(50%, -50%) rotate(90deg)
}

@media all and (max-width:641px) {
    .reference-item .detail-close {
        display: none
    }
}

section.reference-slider {
    width: 100%
}

section.reference-slider .slide-content {
    position: relative
}

section.reference-slider .slide-content .image {
    position: relative;
    height: 100%
}

.slick-slider button.slick-next,
.slick-slider button.slick-prev {
    display: inline-block;
    background-color: rgba(255, 255, 255, .2);
    width: 30px;
    height: 170px;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 0;
    line-height: 0;
    top: 50%;
    margin-top: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: 80%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0
}

.slick-slider button.slick-next:hover,
.slick-slider button.slick-prev:hover {
    background-color: rgba(255, 255, 255, .5)
}

.slick-slider button.slick-next:before,
.slick-slider button.slick-prev:before {
    line-height: 1;
    opacity: .75;
    color: #fff;
    font-size: 9px;
    content: '' !important;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border-top: .3em solid #fff;
    border-right: .3em solid #fff
}

.slick-slider button.slick-next {
    right: 0
}

.slick-slider button.slick-next:before {
    margin-left: -.8em;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-slider button.slick-prev {
    left: 0
}

.slick-slider button.slick-prev:before {
    margin-left: .8em;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.slick-slider .slick-dots {
    bottom: 30px
}

.slick-slider .slick-dots li button:before {
    background-color: #fff;
    border-color: #afafb0;
    opacity: 1
}

.slick-slider .slick-dots li.slick-active button:before {
    background-color: #f5b6c7;
    border-color: #f5b6c7
}

.slick-slider .stage-media {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%
}

@media all and (min-width:767px) {
    .slick-slider .stage-media.stage-media-mobile {
        display: none
    }
}

@media all and (max-width:767px) {
    .slick-slider .stage-media {
        display: none
    }

    .slick-slider .stage-media.stage-media-mobile {
        display: block
    }
}

@media only screen and (max-device-width:850px)and (orientation:landscape) {
    .reference-item .detail-close {
        display: none
    }

    .reference-item .detail-pane {
        position: static;
        width: 100%;
        max-height: none
    }
}

.document-list-container .col-sm-3 {
    float: left;
    width: 25%;
    padding-right: 20px
}

@media all and (max-width:641px) {
    .document-list-container .col-sm-3 {
        display: none
    }
}

.document-list-container .col-sm-9 {
    float: left;
    width: 75%
}

@media all and (max-width:641px) {
    .document-list-container .col-sm-9 {
        width: 100%
    }
}

.document-list-container .oxomi-nav-list li {
    padding-bottom: 0
}

.document-list-container .oxomi-nav-list .oxomi-link {
    color: #4e709b;
    font-size: 14px
}

.document-list-container .oxomi-nav-list .oxomi-link:hover {
    background: 0 0
}

.document-list-container .oxomi-nav-list .oxomi-link:focus {
    background: 0 0
}

.no-touch-device .document-list-container .oxomi-nav-list .oxomi-link:hover {
    background-color: #4e709b;
    color: #fff
}

.no-touch-device .document-list-container .oxomi-nav-list .oxomi-link:focus {
    background: 0 0
}

.competition-form .form__field__input.form__field--error label.error {
    line-height: 12px
}

.competition-form [text-input][required]+label:after {
    content: '*';
    display: inline-block
}

div.horizontal-teaser-item .device-wlan-code-form button.btn,
div.horizontal-teaser-item .device-wlan-code-form .ost-jobs .ost-job button.action,
.ost-jobs .ost-job div.horizontal-teaser-item .device-wlan-code-form button.action {
    margin: 22px 0 0 10px
}

@media all and (max-width:641px) {

    div.horizontal-teaser-item .device-wlan-code-form button.btn,
    div.horizontal-teaser-item .device-wlan-code-form .ost-jobs .ost-job button.action,
    .ost-jobs .ost-job div.horizontal-teaser-item .device-wlan-code-form button.action {
        margin-left: 0
    }
}

.device-wlan-code-form {
    position: relative;
    padding: 20px;
    padding-right: 150px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 150px;
    background-color: transparent
}

@media(max-width:1023.98px) {
    .device-wlan-code-form {
        background-image: none !important;
        padding-right: 20px
    }
}

.device-wlan-code-form .inputs-container {
    display: flex;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap
}

.device-wlan-code-form .inputs-container:after {
    content: '';
    display: block;
    clear: both
}

.device-wlan-code-form h4 {
    text-align: left
}

.device-wlan-code-form .inputs-container .product-code {
    padding-right: 20px;
    width: 100%;
    min-width: 130px;
    flex: 0 0 33.333%;
    max-width: 33.333%
}

.device-wlan-code-form .form__field__input {
    max-width: 80px;
    margin: 0 10px 0 0
}

.device-wlan-code-form .form__field__input:first-of-type {
    position: relative;
    margin: 0 30px 0 0
}

.device-wlan-code-form .form__field__input:first-of-type:after {
    position: absolute;
    content: '';
    bottom: calc(50% - 1px);
    left: calc(100% + 10px);
    width: 10px;
    height: 2px;
    background-color: #8e8e8e
}

.device-wlan-code-form .wpa-error {
    position: absolute;
    bottom: 60px;
    left: 20px;
    color: #e5006b
}

.device-wlan-code-form .form-group p {
    padding: 0
}

.device-wlan-code-form .form-group-content {
    padding: 0
}

.device-wlan-code-form .line {
    margin: 22px 10px 0;
    float: left
}

.device-wlan-code-form .inputs-container .btn,
.device-wlan-code-form .inputs-container .ost-jobs .ost-job .action,
.ost-jobs .ost-job .device-wlan-code-form .inputs-container .action {
    margin-left: 0 !important;
    margin-bottom: 0;
    float: none;
    flex: 0 0 auto
}

@media all and (max-width:641px) {

    .device-wlan-code-form .inputs-container .btn,
    .device-wlan-code-form .inputs-container .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .device-wlan-code-form .inputs-container .action {
        margin-top: 20px
    }
}

.device-wlan-code-form .wpa-key-wrapper {
    opacity: 0;
    margin-top: 10px;
    padding-right: 25px;
    display: flex;
    align-items: center
}

@media all and (max-width:641px) {
    .device-wlan-code-form .wpa-key-wrapper {
        padding-right: 0
    }
}

.device-wlan-code-form .wpa-key-wrapper label:first-of-type {
    flex: 40%
}

.device-wlan-code-form .wpa-key-wrapper div:last-of-type {
    flex: 60%
}

.device-wlan-code-form .wpa-key {
    height: 34px;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-family: CeraPRO-Bold, 'sans-serif';
    font-size: 20px;
    color: #666b6e;
    background-color: #fff;
    border: 1px solid #a9a9a9
}

.sc-form-wrapper .field,
form.sc-bwt-form .field {
    position: relative;
    margin-bottom: 20px;
    clear: both
}

.sc-form-wrapper .field h5,
form.sc-bwt-form .field h5 {
    text-align: left
}

.sc-form-wrapper .field input+label:first-of-type,
form.sc-bwt-form .field input+label:first-of-type {
    display: block;
    margin: 0 0 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.sc-form-wrapper .field.field-list-box select,
form.sc-bwt-form .field.field-list-box select {
    width: 100%;
    font-family: cerapro-regular, "sans-serif";
    font-size: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 1px solid #afafb0
}

.sc-form-wrapper .field.field-list-box select option,
form.sc-bwt-form .field.field-list-box select option {
    padding: 10px
}

.sc-form-wrapper .field.field-list-box select:focus,
form.sc-bwt-form .field.field-list-box select:focus {
    outline: none
}

.sc-form-wrapper .field.focused input[type=text],
.sc-form-wrapper .field.focused input[type=tel],
.sc-form-wrapper .field.focused input[type=email],
.sc-form-wrapper .field.focused input[type=number],
.sc-form-wrapper .field.focused textarea,
form.sc-bwt-form .field.focused input[type=text],
form.sc-bwt-form .field.focused input[type=tel],
form.sc-bwt-form .field.focused input[type=email],
form.sc-bwt-form .field.focused input[type=number],
form.sc-bwt-form .field.focused textarea {
    border: 1px solid #7f8081
}

.sc-form-wrapper .field.focused input[type=text].input-validation-error,
.sc-form-wrapper .field.focused input[type=tel].input-validation-error,
.sc-form-wrapper .field.focused input[type=email].input-validation-error,
.sc-form-wrapper .field.focused input[type=number].input-validation-error,
.sc-form-wrapper .field.focused textarea.input-validation-error,
form.sc-bwt-form .field.focused input[type=text].input-validation-error,
form.sc-bwt-form .field.focused input[type=tel].input-validation-error,
form.sc-bwt-form .field.focused input[type=email].input-validation-error,
form.sc-bwt-form .field.focused input[type=number].input-validation-error,
form.sc-bwt-form .field.focused textarea.input-validation-error {
    border: 1px solid #e5006b
}

.sc-form-wrapper .field input[type=radio],
.sc-form-wrapper .field input[type=checkbox],
form.sc-bwt-form .field input[type=radio],
form.sc-bwt-form .field input[type=checkbox] {
    background: #fff;
    border: 1px solid #afafb0;
    display: inline-block;
    height: 20px;
    margin: 0 10px 0 0;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer
}

.sc-form-wrapper .field input[type=radio].input-validation-error,
.sc-form-wrapper .field input[type=checkbox].input-validation-error,
form.sc-bwt-form .field input[type=radio].input-validation-error,
form.sc-bwt-form .field input[type=checkbox].input-validation-error {
    border: 2px solid #e5006b
}

.sc-form-wrapper .field input[type=radio],
form.sc-bwt-form .field input[type=radio] {
    border-radius: 50%;
    box-shadow: 0 2px 2px -1px #878c8f;
    margin-left: 0;
    margin-top: -5px;
    margin-right: 10px
}

.sc-form-wrapper .field input[type=radio]:checked:after,
form.sc-bwt-form .field input[type=radio]:checked:after {
    background: #878c8f;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    border-radius: 50%
}

.sc-form-wrapper .field input[type=checkbox]:checked:before,
form.sc-bwt-form .field input[type=checkbox]:checked:before {
    content: '';
    display: block;
    width: 13px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 2px solid #8e8e8e;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sc-form-wrapper .field input[type=text],
.sc-form-wrapper .field input[type=tel],
.sc-form-wrapper .field input[type=email],
.sc-form-wrapper .field input[type=number],
.sc-form-wrapper .field input[type=date],
form.sc-bwt-form .field input[type=text],
form.sc-bwt-form .field input[type=tel],
form.sc-bwt-form .field input[type=email],
form.sc-bwt-form .field input[type=number],
form.sc-bwt-form .field input[type=date] {
    position: relative;
    border: 1px solid #afafb0;
    height: 40px;
    background-color: #fff;
    display: inline-block;
    width: 100%;
    z-index: 2;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px
}

.sc-form-wrapper .field input[type=text]:focus,
.sc-form-wrapper .field input[type=tel]:focus,
.sc-form-wrapper .field input[type=email]:focus,
.sc-form-wrapper .field input[type=number]:focus,
.sc-form-wrapper .field input[type=date]:focus,
form.sc-bwt-form .field input[type=text]:focus,
form.sc-bwt-form .field input[type=tel]:focus,
form.sc-bwt-form .field input[type=email]:focus,
form.sc-bwt-form .field input[type=number]:focus,
form.sc-bwt-form .field input[type=date]:focus {
    outline: none
}

.sc-form-wrapper .field input[type=text].input-validation-error,
.sc-form-wrapper .field input[type=tel].input-validation-error,
.sc-form-wrapper .field input[type=email].input-validation-error,
.sc-form-wrapper .field input[type=number].input-validation-error,
.sc-form-wrapper .field input[type=date].input-validation-error,
form.sc-bwt-form .field input[type=text].input-validation-error,
form.sc-bwt-form .field input[type=tel].input-validation-error,
form.sc-bwt-form .field input[type=email].input-validation-error,
form.sc-bwt-form .field input[type=number].input-validation-error,
form.sc-bwt-form .field input[type=date].input-validation-error {
    border: 2px solid #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

.sc-form-wrapper .field input[type=number],
form.sc-bwt-form .field input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.sc-form-wrapper .field input[type=number]::-webkit-inner-spin-button,
.sc-form-wrapper .field input[type=number]::-webkit-outer-spin-button,
form.sc-bwt-form .field input[type=number]::-webkit-inner-spin-button,
form.sc-bwt-form .field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.sc-form-wrapper .field textarea,
form.sc-bwt-form .field textarea {
    width: 100%;
    height: 170px;
    border: 1px solid #afafb0;
    resize: none;
    background-color: #fff;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px
}

.sc-form-wrapper .field textarea:focus,
form.sc-bwt-form .field textarea:focus {
    outline: none
}

.sc-form-wrapper .field textarea.input-validation-error,
form.sc-bwt-form .field textarea.input-validation-error {
    border: 2px solid #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px
}

.sc-form-wrapper .field.field-inline,
form.sc-bwt-form .field.field-inline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    margin-top: 26px;
    border: 0;
    background-color: transparent
}

.sc-form-wrapper .field.field-inline .width--50,
form.sc-bwt-form .field.field-inline .width--50 {
    width: 50px
}

.sc-form-wrapper .field.field-inline .width--100,
form.sc-bwt-form .field.field-inline .width--100 {
    width: 100px
}

.sc-form-wrapper .field.field-inline .width--150,
form.sc-bwt-form .field.field-inline .width--150 {
    width: 150px
}

.sc-form-wrapper .field.field-inline .width--200,
form.sc-bwt-form .field.field-inline .width--200 {
    width: 200px
}

.sc-form-wrapper .field.field-inline .width--250,
form.sc-bwt-form .field.field-inline .width--250 {
    width: 250px
}

.sc-form-wrapper .field.field-inline input+label,
form.sc-bwt-form .field.field-inline input+label {
    padding: 0 0 0 10px
}

.sc-form-wrapper .field.field-checkbox>label:first-of-type,
.sc-form-wrapper .field.field-checkbox-with-html>label:first-of-type,
form.sc-bwt-form .field.field-checkbox>label:first-of-type,
form.sc-bwt-form .field.field-checkbox-with-html>label:first-of-type {
    font-weight: 400
}

.sc-form-wrapper .field.field-checkbox .fields-checkbox,
.sc-form-wrapper .field.field-checkbox .fields-label,
.sc-form-wrapper .field.field-checkbox-with-html .fields-checkbox,
.sc-form-wrapper .field.field-checkbox-with-html .fields-label,
form.sc-bwt-form .field.field-checkbox .fields-checkbox,
form.sc-bwt-form .field.field-checkbox .fields-label,
form.sc-bwt-form .field.field-checkbox-with-html .fields-checkbox,
form.sc-bwt-form .field.field-checkbox-with-html .fields-label {
    display: inline-block;
    vertical-align: top
}

.sc-form-wrapper .field.field-checkbox .fields-label,
.sc-form-wrapper .field.field-checkbox-with-html .fields-label,
form.sc-bwt-form .field.field-checkbox .fields-label,
form.sc-bwt-form .field.field-checkbox-with-html .fields-label {
    max-width: calc(100% - 36px)
}

.sc-form-wrapper .field.field-radio-button-list label:first-of-type,
.sc-form-wrapper .field.field-checkbox-list label:first-of-type,
form.sc-bwt-form .field.field-radio-button-list label:first-of-type,
form.sc-bwt-form .field.field-checkbox-list label:first-of-type {
    margin: 0 0 10px
}

.sc-form-wrapper .field.field-radio-button-list label:first-of-type~label,
.sc-form-wrapper .field.field-checkbox-list label:first-of-type~label,
form.sc-bwt-form .field.field-radio-button-list label:first-of-type~label,
form.sc-bwt-form .field.field-checkbox-list label:first-of-type~label {
    margin: 0 20px 0 0
}

.sc-form-wrapper .field-radio-button-list--column .field-radio-button-list,
form.sc-bwt-form .field-radio-button-list--column .field-radio-button-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.sc-form-wrapper .field-radio-button-list--column .field-radio-button-list label:first-of-type~label,
form.sc-bwt-form .field-radio-button-list--column .field-radio-button-list label:first-of-type~label {
    margin: 0 0 12px
}

.sc-form-wrapper input[type=submit],
form.sc-bwt-form input[type=submit] {
    font-family: cerapro-regular, "sans-serif";
    display: inline-block;
    text-align: center;
    letter-spacing: .5px;
    text-decoration: none;
    cursor: pointer;
    width: auto;
    margin-bottom: 3px;
    padding: .5em 1.3em .6em;
    font-size: 1.1em;
    line-height: 1em;
    transition: box-shadow 100ms linear;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #666b6e;
    border: 1px solid #666b6e;
    background: 0 0
}

.sc-form-wrapper input[type=submit]:focus,
.sc-form-wrapper input[type=submit]:hover,
.sc-form-wrapper input[type=submit]:active,
form.sc-bwt-form input[type=submit]:focus,
form.sc-bwt-form input[type=submit]:hover,
form.sc-bwt-form input[type=submit]:active {
    text-decoration: none;
    outline: none
}

.sc-form-wrapper input[type=submit].disabled,
form.sc-bwt-form input[type=submit].disabled {
    pointer-events: none
}

.sc-form-wrapper input[type=submit]:hover,
.sc-form-wrapper input[type=submit]:focus,
form.sc-bwt-form input[type=submit]:hover,
form.sc-bwt-form input[type=submit]:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    background-color: #fff
}

.sc-form-wrapper input[type=submit].btn.btn--pink,
.sc-form-wrapper .ost-jobs .ost-job input.action[type=submit].btn--pink,
.ost-jobs .ost-job .sc-form-wrapper input.action[type=submit].btn--pink,
form.sc-bwt-form input[type=submit].btn.btn--pink,
form.sc-bwt-form .ost-jobs .ost-job input.action[type=submit].btn--pink,
.ost-jobs .ost-job form.sc-bwt-form input.action[type=submit].btn--pink {
    color: #fff;
    border-color: #FF88BD;
    background-color: #FF88BD
}

.sc-form-wrapper input[type=submit].btn.btn--pink:hover,
.sc-form-wrapper .ost-jobs .ost-job input.action[type=submit].btn--pink:hover,
.ost-jobs .ost-job .sc-form-wrapper input.action[type=submit].btn--pink:hover,
.sc-form-wrapper input[type=submit].btn.btn--pink:focus,
.sc-form-wrapper .ost-jobs .ost-job input.action[type=submit].btn--pink:focus,
.ost-jobs .ost-job .sc-form-wrapper input.action[type=submit].btn--pink:focus,
form.sc-bwt-form input[type=submit].btn.btn--pink:hover,
form.sc-bwt-form .ost-jobs .ost-job input.action[type=submit].btn--pink:hover,
.ost-jobs .ost-job form.sc-bwt-form input.action[type=submit].btn--pink:hover,
form.sc-bwt-form input[type=submit].btn.btn--pink:focus,
form.sc-bwt-form .ost-jobs .ost-job input.action[type=submit].btn--pink:focus,
.ost-jobs .ost-job form.sc-bwt-form input.action[type=submit].btn--pink:focus {
    color: #FF88BD;
    border-color: #FF88BD;
    background-color: #fff
}

.sc-form-wrapper .selectbox,
form.sc-bwt-form .selectbox {
    border: 1px solid #afafb0;
    min-width: 100% !important;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    height: 40px;
    padding: 10px;
    position: relative
}

.sc-form-wrapper .selectbox select,
form.sc-bwt-form .selectbox select {
    position: absolute;
    left: -4px;
    top: -4px;
    display: block !important;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.sc-form-wrapper .selectbox select.input-validation-error+.selectbox-button,
form.sc-bwt-form .selectbox select.input-validation-error+.selectbox-button {
    border: 2px solid #e5006b
}

.sc-form-wrapper .selectbox.state-focus,
form.sc-bwt-form .selectbox.state-focus {
    border: 1px solid #7f8081
}

.sc-form-wrapper .selectbox.state-focus:after,
form.sc-bwt-form .selectbox.state-focus:after {
    transform: translateY(-50%) rotate(-180deg)
}

.sc-form-wrapper .selectbox:after,
form.sc-bwt-form .selectbox:after {
    content: "";
    font-size: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: transform .2s ease;
    transform: translateY(-50%);
    pointer-events: none
}

.sc-form-wrapper .selectbox .selectbox-button,
form.sc-bwt-form .selectbox .selectbox-button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background-color: #fff
}

.sc-form-wrapper .selectbox .selectbox-button:focus,
form.sc-bwt-form .selectbox .selectbox-button:focus {
    outline: none
}

.sc-form-wrapper .field.field-file-loader .file-loader__input.input-validation-error+.file-loader__btn-wrap .btn,
.sc-form-wrapper .field.field-file-loader .file-loader__input.input-validation-error+.file-loader__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .sc-form-wrapper .field.field-file-loader .file-loader__input.input-validation-error+.file-loader__btn-wrap .action,
form.sc-bwt-form .field.field-file-loader .file-loader__input.input-validation-error+.file-loader__btn-wrap .btn,
form.sc-bwt-form .field.field-file-loader .file-loader__input.input-validation-error+.file-loader__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job form.sc-bwt-form .field.field-file-loader .file-loader__input.input-validation-error+.file-loader__btn-wrap .action {
    border-color: #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

.sc-form-wrapper .field.field-file-loader .file-loader__file,
form.sc-bwt-form .field.field-file-loader .file-loader__file {
    background-color: #fff;
    border: 2px dashed #afafb0
}

.sc-form-wrapper .field.field-file-loader .file-loader__file .icon.icon--accept-arrow,
form.sc-bwt-form .field.field-file-loader .file-loader__file .icon.icon--accept-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #46b145;
    color: #fff
}

.sc-form-wrapper .field.field-file-loader .file-loader__file .close-icon,
form.sc-bwt-form .field.field-file-loader .file-loader__file .close-icon {
    background-color: #666b6e;
    border: 0;
    box-shadow: none
}

.sc-form-wrapper .field.field-file-loader .file-loader__file .close-icon:hover,
form.sc-bwt-form .field.field-file-loader .file-loader__file .close-icon:hover {
    background-color: #afafb0
}

.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap {
    width: 100%
}

.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .btn,
.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .action,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .btn,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .action {
    width: 100%;
    height: 100%;
    padding: 20px;
    background: #fff;
    border: 2px dashed #afafb0;
    font-size: 16px;
    color: #0059a0;
    box-shadow: none
}

.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .btn:before,
.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .ost-jobs .ost-job .action:before,
.ost-jobs .ost-job .sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .action:before,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .btn:before,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .ost-jobs .ost-job .action:before,
.ost-jobs .ost-job form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .action:before {
    content: none
}

.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .btn:after,
.sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .ost-jobs .ost-job .action:after,
.ost-jobs .ost-job .sc-form-wrapper .field.field-file-loader .file-loader__btn-wrap .action:after,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .btn:after,
form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .ost-jobs .ost-job .action:after,
.ost-jobs .ost-job form.sc-bwt-form .field.field-file-loader .file-loader__btn-wrap .action:after {
    display: inline-block;
    position: relative;
    right: -10px;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url(/assets/assets/images/file-upload.svg);
    background-size: cover
}

.sc-form-wrapper .field-validation-error,
form.sc-bwt-form .field-validation-error {
    color: #e5006b;
    font-size: 12px;
    padding: 5px 0;
    display: block
}

.sc-form-wrapper form {
    padding: 20px;
    overflow: hidden
}

.sc-form-wrapper form>div {
    clear: both
}

.sc-form-wrapper [class^=body-field-] {
    float: left;
    clear: none
}

.sc-form-wrapper .body-field-12 {
    width: 75%
}

@media all and (max-width:769px) {
    .sc-form-wrapper .body-field-12 {
        width: 100%
    }
}

.sc-form-wrapper .body-field-12+.body-field-4 {
    padding-left: 10px;
    clear: right
}

@media all and (max-width:769px) {
    .sc-form-wrapper .body-field-12+.body-field-4 {
        padding-left: 0
    }
}

.sc-form-wrapper .body-field-12+.body-field-8-1,
.sc-form-wrapper .body-field-12+.body-field-8-2,
.sc-form-wrapper .body-field-12+.body-field-12 {
    clear: both
}

.sc-form-wrapper .body-field-4 {
    width: 25%
}

@media all and (max-width:769px) {
    .sc-form-wrapper .body-field-4 {
        width: 100%
    }
}

.sc-form-wrapper .body-field-4+.body-field-12 {
    padding-left: 10px;
    clear: right
}

@media all and (max-width:769px) {
    .sc-form-wrapper .body-field-4+.body-field-12 {
        padding-left: 0
    }
}

.sc-form-wrapper .body-field-4+.body-field-8-1,
.sc-form-wrapper .body-field-4+.body-field-8-2,
.sc-form-wrapper .body-field-4+.body-field-4 {
    clear: both
}

.sc-form-wrapper .body-field-8-1 {
    width: 50%;
    padding-right: 5px
}

@media all and (max-width:769px) {
    .sc-form-wrapper .body-field-8-1 {
        width: 100%;
        padding-right: 0
    }
}

.sc-form-wrapper .body-field-8-1+.body-field-8-1,
.sc-form-wrapper .body-field-8-1+.body-field-12,
.sc-form-wrapper .body-field-8-1+.body-field-4 {
    clear: both
}

.sc-form-wrapper .body-field-8-2 {
    width: 50%;
    padding-left: 5px
}

@media all and (max-width:769px) {
    .sc-form-wrapper .body-field-8-2 {
        width: 100%;
        padding-left: 0
    }
}

.sc-form-wrapper .body-field-8-2+.body-field-12,
.sc-form-wrapper .body-field-8-2+.body-field-4,
.sc-form-wrapper .body-field-8-2+.body-field-8-2,
.sc-form-wrapper .body-field-8-2+.body-field-8-1 {
    clear: both
}

.sc-form-wrapper .gray-background {
    background-color: #f7f8f8
}

.sc-form-wrapper .white-background {
    background-color: #fff
}

.partner-dashboard-card {
    position: relative;
    width: 100%;
    padding: 20px;
    border: 1px solid #b5b9bb;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    height: 100%
}

.partner-dashboard-card .vertical-teaser-item {
    height: 100%
}

.partner-dashboard-card .vertical-teaser-item--promo {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px
}

@media all and (max-width:641px) {
    .partner-dashboard-card .vertical-teaser-item--promo {
        margin: -20px -10px
    }
}

.partner-dashboard-card .vertical-teaser-item .btn,
.partner-dashboard-card .vertical-teaser-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-dashboard-card .vertical-teaser-item .action {
    margin: 0
}

.partner-dashboard-card.partner-dashboard-card--aligned {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.partner-dashboard-card.partner-dashboard-card--aligned>p {
    margin-bottom: auto
}

@media all and (max-width:641px) {
    .partner-dashboard-card {
        padding: 20px 10px
    }
}

.partner-dashboard-card .device-wlan-code-form {
    position: static;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.partner-dashboard-card .flex-wrapper {
    display: flex;
    align-items: center
}

.partner-dashboard-card .tooltip {
    position: absolute;
    top: 5px;
    right: 5px
}

.partner-dashboard-card .tooltip .tooltip__text {
    right: -10.5px;
    left: auto
}

.partner-dashboard-card .tooltip .tooltip__text:before,
.partner-dashboard-card .tooltip .tooltip__text:after {
    right: 14px;
    left: auto
}

.partner-dashboard-card .tooltip .tooltip__text:before {
    right: 13px
}

.partner-dashboard-card h4 {
    margin-bottom: 10px;
    text-align: left;
    font-size: 18px;
    color: #005d8f
}

.partner-dashboard-card p,
.partner-dashboard-card label {
    font-size: 14px
}

.partner-dashboard-card .btn--grey,
.partner-dashboard-card .ost-jobs .ost-job .action,
.ost-jobs .ost-job .partner-dashboard-card .action {
    margin-top: 30px
}

.grid-row.grid-row--dashboard {
    width: calc(100% + 20px);
    max-width: none;
    margin: 0 -20px 0 0
}

.grid-row.grid-row--dashboard .grid-col:first-of-type .card-container,
.grid-row.grid-row--dashboard .grid-col:last-of-type .card-container,
.grid-row.grid-row--dashboard .grid-col-sm-16.grid-col-md-16 .card-container {
    padding: 20px 20px 0 0
}

.grid-row.grid-row--dashboard .card-container,
.grid-row.grid-row--dashboard .vertical-teaser-dashboard {
    padding: 20px 20px 0 0
}

.grid-row.grid-row--dashboard .twp {
    margin: 20px 20px 0 0
}

.card-container {
    padding: 20px 10px 0;
    height: 100%
}

@media all and (max-width:769px) {
    .card-container {
        padding-left: 0;
        padding-right: 0
    }
}

.grid-col-sm-16.grid-col-md-16 .card-container {
    padding-left: 0;
    padding-right: 0
}

.grid-row .grid-col-md-8:first-of-type .card-container,
.grid-row .grid-col-md-4:first-of-type .card-container,
.grid-row .grid-col:first-of-type .card-container {
    padding-left: 0
}

.grid-row .grid-col-md-8:last-of-type .card-container,
.grid-row .grid-col-md-4:last-of-type .card-container,
.grid-row .grid-col:last-of-type .card-container {
    padding-right: 0
}

.my-devices-dashboard ul {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0
}

.my-devices-dashboard ul li {
    position: relative;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 2px;
    padding: 0;
    display: flex;
    flex-direction: column
}

@media(max-width:480px) {
    .my-devices-dashboard ul li {
        background-position-y: 10px
    }
}

.my-devices-dashboard ul li:after {
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    background-image: url(/assets/assets/icons/arrow-right.svg);
    right: 10px;
    top: 50%;
    transition: transform .2s ease;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px
}

.my-devices-dashboard ul li a {
    padding: 8px 10px;
    padding-left: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    text-decoration: none
}

@media(max-width:480px) {
    .my-devices-dashboard ul li a {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }
}

.my-devices-dashboard ul li a:hover,
.my-devices-dashboard ul li a:focus {
    color: inherit
}

.my-devices-dashboard ul li .text-wrap {
    line-height: 1.3;
    margin-right: 30px;
    flex-shrink: 0;
    max-width: 50%
}

@media(max-width:480px) {
    .my-devices-dashboard ul li .text-wrap {
        margin-right: 15px;
        max-width: 100%
    }
}

.my-devices-dashboard ul li .text {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .4px
}

.my-devices-dashboard ul li .name {
    font-size: 12px
}

.my-devices-dashboard ul li .status {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    color: #666b6e;
    margin-left: auto;
    margin-right: 15px;
    font-size: 14px;
    text-align: right
}

@media(max-width:480px) {
    .my-devices-dashboard ul li .status {
        text-align: left;
        font-size: 12px;
        margin-top: 10px;
        margin-left: 0
    }

    .my-devices-dashboard ul li .status.mt-0 {
        margin-top: 0
    }
}

.my-devices-dashboard ul li.device-error {
    background-size: 30px;
    background-color: #fde9ec;
    background-image: url(/assets/assets/images/partner-devices/new-alert.svg)
}

.my-devices-dashboard ul li.device-error .status {
    color: #ed2b43
}

.my-devices-dashboard ul li.device-warning {
    background-size: 30px;
    background-color: #fdf9e7;
    background-image: url(/assets/assets/images/partner-devices/new-warning.svg)
}

.my-devices-dashboard ul li.device-unregistered {
    background-size: 30px;
    background-color: #f7f8f8;
    background-image: url(/assets/assets/images/partner-devices/new-pending.svg)
}

.my-devices-dashboard ul li.device-unregistered a {
    pointer-events: none
}

.my-devices-dashboard ul li.device-unregistered:after {
    display: none
}

.my-devices-dashboard ul li.device-unregistered .status {
    margin-right: 0
}

.my-devices-dashboard ul li.device-registered {
    background-size: 30px;
    background-color: #e6eaf1;
    background-image: url(/assets/assets/images/partner-devices/new-check.svg)
}

.my-devices-dashboard ul li.device-registered .status {
    display: none
}

.partner-dashboard-registration .dashboard-registration-form {
    position: relative;
    background-color: #f7f8f8;
    display: flex;
    padding: 5px 20px 15px;
    align-items: baseline;
    border: 1px solid #b5b9bb;
    flex-wrap: wrap
}

.partner-dashboard-registration .registration-date,
.partner-dashboard-registration .product-code {
    max-width: 180px;
    margin: 0 10px 0 0
}

@media(max-width:1023.98px) {

    .partner-dashboard-registration .registration-date,
    .partner-dashboard-registration .product-code {
        max-width: calc(50% - 10px);
        flex: 1
    }
}

.partner-dashboard-registration .registration-date .form__field__input .form__field-wrapper:before {
    content: ""
}

.partner-dashboard-registration .registration-date .form__field__input .form__field-wrapper:before {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #5f6062;
    font-size: 20px;
    line-height: 0;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: none
}

.partner-dashboard-registration .registration-date .form__field__input.form__field--error .form__field-wrapper:before {
    content: none
}

.partner-dashboard-registration .field-label {
    font-family: cerapro-bold, 'sans-serif';
    display: block
}

@media(max-width:640.98px) {
    .partner-dashboard-registration .field-label {
        font-size: 14px
    }
}

.partner-dashboard-registration .dash {
    border-bottom: 2px solid #8e8e8e;
    width: 10px;
    margin: 0 5px
}

@media all and (max-width:641px) {
    .partner-dashboard-registration .dash {
        margin: 0 10px
    }
}

.partner-dashboard-registration .registration-tooltip {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 180px;
    text-align: center;
    background-color: #f5b5c9;
    border-top-left-radius: 20px 100%;
    border-bottom-left-radius: 20px 100%
}

@media(max-width:1279.98px) {
    .partner-dashboard-registration .registration-tooltip {
        display: none
    }
}

.partner-dashboard-registration .registration-tooltip p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    color: #fff
}

.partner-dashboard-registration .registration-tooltip small {
    font-size: 12px
}

.partner-dashboard-registration .registration-tooltip b {
    font-size: 19px
}

.partner-dashboard-registration .registration-tooltip span {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    color: #b5b9bb;
    background-color: #fff
}

.btn.btn__upload,
.ost-jobs .ost-job .btn__upload.action {
    position: relative;
    padding-left: 40px
}

.btn.btn__upload input[type=file],
.ost-jobs .ost-job .btn__upload.action input[type=file] {
    display: none
}

.btn.btn__upload label,
.ost-jobs .ost-job .btn__upload.action label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.btn.btn__upload .upload-icon,
.ost-jobs .ost-job .btn__upload.action .upload-icon {
    background: url(/assets/assets/images/career-upload-icon.svg) no-repeat;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px
}

.uploaded-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    position: relative;
    word-wrap: break-word;
    text-align: left;
    background-color: #fff;
    border: 2px dashed #afafb0
}

.uploaded-file .file-name {
    display: inline;
    margin-right: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.uploaded-file .icon-done {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 6px 0 0;
    border-radius: 50%;
    background-color: #46b145;
    color: #fff;
    font-size: 12px
}

.uploaded-file .icon-done:before {
    content: ""
}

.uploaded-file .btn__remove {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #666b6e;
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 12px
}

.uploaded-file .btn__remove:before {
    content: ""
}

.uploaded-file .btn__remove:hover {
    background-color: #afafb0
}

.bwt-popup,
.country-redirect-overlay,
.product-360-popup {
    z-index: 6000;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    background: rgba(0, 0, 0, .3);
    padding: 25px 0;
    top: 0;
    position: fixed;
    align-items: baseline;
    left: 0
}

.bwt-popup.open,
.open.country-redirect-overlay,
.open.product-360-popup {
    display: flex
}

@media(max-width:750px) {

    .bwt-popup,
    .country-redirect-overlay,
    .product-360-popup {
        padding-top: 80px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media all and (max-width:641px) {

    .bwt-popup,
    .country-redirect-overlay,
    .product-360-popup {
        padding: 0
    }
}

.bwt-popup .redirect-overlay,
.country-redirect-overlay .redirect-overlay,
.product-360-popup .redirect-overlay {
    position: relative;
    background-color: rgba(255, 255, 255, .9);
    width: 640px;
    min-height: 480px;
    padding: 40px 80px;
    margin: auto
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .bwt-popup .redirect-overlay,
    .country-redirect-overlay .redirect-overlay,
    .product-360-popup .redirect-overlay {
        height: 480px
    }
}

.bwt-popup .redirect-overlay--upload,
.country-redirect-overlay .redirect-overlay--upload,
.product-360-popup .redirect-overlay--upload,
.bwt-popup .redirect-overlay--success,
.country-redirect-overlay .redirect-overlay--success,
.product-360-popup .redirect-overlay--success,
.bwt-popup .redirect-overlay--error,
.country-redirect-overlay .redirect-overlay--error,
.product-360-popup .redirect-overlay--error {
    padding-bottom: 20px;
    min-height: 0;
    text-align: left
}

.bwt-popup .redirect-overlay--upload .redirect-overlay-title,
.country-redirect-overlay .redirect-overlay--upload .redirect-overlay-title,
.product-360-popup .redirect-overlay--upload .redirect-overlay-title,
.bwt-popup .redirect-overlay--success .redirect-overlay-title,
.country-redirect-overlay .redirect-overlay--success .redirect-overlay-title,
.product-360-popup .redirect-overlay--success .redirect-overlay-title,
.bwt-popup .redirect-overlay--error .redirect-overlay-title,
.country-redirect-overlay .redirect-overlay--error .redirect-overlay-title,
.product-360-popup .redirect-overlay--error .redirect-overlay-title {
    text-align: left
}

.bwt-popup .redirect-overlay--upload,
.country-redirect-overlay .redirect-overlay--upload,
.product-360-popup .redirect-overlay--upload,
.bwt-popup .redirect-overlay--success,
.country-redirect-overlay .redirect-overlay--success,
.product-360-popup .redirect-overlay--success,
.bwt-popup .redirect-overlay--error,
.country-redirect-overlay .redirect-overlay--error,
.product-360-popup .redirect-overlay--error {
    padding-bottom: 20px;
    min-height: 0;
    text-align: left
}

.bwt-popup .redirect-overlay--upload .redirect-overlay-title,
.country-redirect-overlay .redirect-overlay--upload .redirect-overlay-title,
.product-360-popup .redirect-overlay--upload .redirect-overlay-title,
.bwt-popup .redirect-overlay--success .redirect-overlay-title,
.country-redirect-overlay .redirect-overlay--success .redirect-overlay-title,
.product-360-popup .redirect-overlay--success .redirect-overlay-title,
.bwt-popup .redirect-overlay--error .redirect-overlay-title,
.country-redirect-overlay .redirect-overlay--error .redirect-overlay-title,
.product-360-popup .redirect-overlay--error .redirect-overlay-title {
    text-align: left
}

@media(max-width:680px) {

    .bwt-popup .redirect-overlay,
    .country-redirect-overlay .redirect-overlay,
    .product-360-popup .redirect-overlay {
        width: auto;
        height: 100%;
        display: inline-table
    }
}

@media(max-width:680px) {

    .mclip-form__wrap .bwt-popup .redirect-overlay,
    .mclip-form__wrap .country-redirect-overlay .redirect-overlay,
    .mclip-form__wrap .product-360-popup .redirect-overlay {
        display: inline-flex
    }
}

.bwt-popup .redirect-overlay p,
.country-redirect-overlay .redirect-overlay p,
.product-360-popup .redirect-overlay p {
    padding-top: 20px;
    padding-bottom: 20px
}

@media all and (max-width:641px) {

    .bwt-popup .redirect-overlay,
    .country-redirect-overlay .redirect-overlay,
    .product-360-popup .redirect-overlay {
        width: 100%;
        height: 100%;
        display: inline-table
    }
}

.bwt-popup .redirect-overlay .btn--pink,
.country-redirect-overlay .redirect-overlay .btn--pink,
.product-360-popup .redirect-overlay .btn--pink {
    margin: 10px 0 20px
}

.bwt-popup .redirect-overlay .btn--white,
.country-redirect-overlay .redirect-overlay .btn--white,
.product-360-popup .redirect-overlay .btn--white {
    margin: 10px 0 30px
}

.bwt-popup .redirect-overlay .close-icon,
.country-redirect-overlay .redirect-overlay .close-icon,
.product-360-popup .redirect-overlay .close-icon {
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

@media all and (max-width:641px) {

    .bwt-popup .redirect-overlay .close-icon,
    .country-redirect-overlay .redirect-overlay .close-icon,
    .product-360-popup .redirect-overlay .close-icon {
        right: 20px;
        top: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bwt-popup__inner {
    display: flex;
    flex-direction: column
}

.bwt-popup__btn-wrap {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -10px
}

.redirect-overlay .bwt-popup__btn-wrap .btn,
.redirect-overlay .bwt-popup__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .redirect-overlay .bwt-popup__btn-wrap .action {
    margin: 0;
    margin-bottom: 10px
}

.bwt-popup__btn-wrap .btn:not(:last-child),
.bwt-popup__btn-wrap .ost-jobs .ost-job .action:not(:last-child),
.ost-jobs .ost-job .bwt-popup__btn-wrap .action:not(:last-child) {
    margin-right: 20px
}

.bwt-popup__btn-wrap.vertical-alignment {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px
}

.bwt-popup__btn-wrap.vertical-alignment .btn,
.bwt-popup__btn-wrap.vertical-alignment .ost-jobs .ost-job .action,
.ost-jobs .ost-job .bwt-popup__btn-wrap.vertical-alignment .action {
    margin-right: 0;
    min-width: 150px
}

.bwt-popup__btn-wrap.vertical-alignment .btn:not(:last-child),
.bwt-popup__btn-wrap.vertical-alignment .ost-jobs .ost-job .action:not(:last-child),
.ost-jobs .ost-job .bwt-popup__btn-wrap.vertical-alignment .action:not(:last-child) {
    margin-bottom: 30px
}

.bwt-popup .text-counter,
.country-redirect-overlay .text-counter,
.product-360-popup .text-counter {
    margin: 15px 0 20px
}

.bwt-popup .note-btn-group,
.country-redirect-overlay .note-btn-group,
.product-360-popup .note-btn-group {
    vertical-align: top
}

.bwt-popup .note-btn-group .note-btn,
.country-redirect-overlay .note-btn-group .note-btn,
.product-360-popup .note-btn-group .note-btn {
    vertical-align: top
}

.bwt-popup .note-color-btns,
.country-redirect-overlay .note-color-btns,
.product-360-popup .note-color-btns {
    margin-left: 10px;
    padding-top: 1px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start
}

.bwt-popup .note-color-btn,
.country-redirect-overlay .note-color-btn,
.product-360-popup .note-color-btn {
    margin-right: 12px;
    position: relative;
    display: block;
    height: 22px;
    width: 22px;
    border-radius: 1px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s linear
}

.bwt-popup .note-color-btn:hover,
.country-redirect-overlay .note-color-btn:hover,
.product-360-popup .note-color-btn:hover {
    opacity: .8;
    transition: opacity .2s linear
}

.bwt-popup .note-color-btn__radio,
.country-redirect-overlay .note-color-btn__radio,
.product-360-popup .note-color-btn__radio {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0
}

.bwt-popup .note-color-btn__radio:checked~.note-color-btn__bd,
.country-redirect-overlay .note-color-btn__radio:checked~.note-color-btn__bd,
.product-360-popup .note-color-btn__radio:checked~.note-color-btn__bd {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.bwt-popup .note-color-btn__bd,
.country-redirect-overlay .note-color-btn__bd,
.product-360-popup .note-color-btn__bd {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    border: 1px solid #fff;
    border-radius: 1px;
    box-shadow: 0 0 0 2px rgba(241, 150, 199, .8)
}

@media all and (max-width:641px) {

    .bwt-popup.login-popup .redirect-overlay,
    .login-popup.country-redirect-overlay .redirect-overlay,
    .login-popup.product-360-popup .redirect-overlay {
        padding: 80px 40px
    }
}

.country-redirect-overlay .redirect-overlay {
    max-width: 480px;
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 40px
}

@media all and (max-width:641px) {
    .country-redirect-overlay .redirect-overlay {
        width: 95%;
        padding: 40px 20px
    }
}

.country-redirect-overlay .redirect-overlay .form {
    padding: 30px 0;
    background-color: transparent
}

.country-redirect-overlay .redirect-overlay .form__field__input {
    height: 60px
}

.country-redirect-overlay .redirect-overlay .selectbox {
    height: 60px;
    padding: 10px 20px;
    border: 1px solid #b5b9bb;
    border-radius: 32px
}

.country-redirect-overlay .redirect-overlay .selectbox:after {
    top: 50%;
    right: 120px;
    transform: translateY(-50%) rotate(180deg)
}

.country-redirect-overlay .redirect-overlay .selectbox.state-open {
    border-radius: 0 0 32px 32px
}

.country-redirect-overlay .redirect-overlay .selectbox.state-open .selectbox-button {
    padding: 10px 20px;
    background-color: #afafb0;
    border-radius: 0 0 32px 32px
}

.country-redirect-overlay .redirect-overlay .selectbox.state-open~.btn[data-go-to],
.country-redirect-overlay .redirect-overlay .ost-jobs .ost-job .selectbox.state-open~.action[data-go-to],
.ost-jobs .ost-job .country-redirect-overlay .redirect-overlay .selectbox.state-open~.action[data-go-to] {
    display: none
}

.country-redirect-overlay .redirect-overlay .selectbox.state-open:after {
    right: 20px;
    transform: translateY(-50%) rotate(0deg)
}

.country-redirect-overlay .redirect-overlay .selectbox .selectbox-button,
.country-redirect-overlay .redirect-overlay .selectbox .selectbox-list-item {
    font-weight: 700
}

.country-redirect-overlay .redirect-overlay .selectbox .selectbox-button {
    padding: 10px 120px 10px 20px;
    border-radius: 32px;
    overflow: hidden
}

.country-redirect-overlay .redirect-overlay .selectbox .selectbox-list-item {
    padding: 18px 20px
}

.country-redirect-overlay .redirect-overlay .selectbox .selectbox-list-item.state-selected {
    display: none
}

.country-redirect-overlay .redirect-overlay .selectbox .selectbox-list-box {
    bottom: 100% !important;
    top: auto !important;
    max-height: 260px;
    overflow: hidden;
    border-color: #b5b9bb;
    border-radius: 32px 32px 0 0
}

.country-redirect-overlay .redirect-overlay .selectbox .selectbox-list {
    width: calc(100% + 12px);
    max-height: 260px;
    overflow-y: auto
}

@media all and (max-width:641px) {
    .country-redirect-overlay .redirect-overlay .selectbox .selectbox-list {
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.country-redirect-overlay .redirect-overlay .btn[data-go-to],
.country-redirect-overlay .redirect-overlay .ost-jobs .ost-job .action[data-go-to],
.ost-jobs .ost-job .country-redirect-overlay .redirect-overlay .action[data-go-to] {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    margin: 0;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 28px;
    line-height: 0;
    text-decoration: none;
    border-radius: 0 32px 32px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.registration-upload-popup h3 {
    text-align: left
}

.registration-upload-popup p {
    text-align: left
}

.registration-upload-popup .upload-area:after {
    content: '';
    display: block;
    clear: both
}

.registration-upload-popup .upload-area h5 {
    float: left;
    margin-bottom: 5px
}

@media all and (max-width:641px) {
    .registration-upload-popup .upload-area h5 {
        margin-right: 10px
    }
}

.registration-upload-popup .upload-area .btn,
.registration-upload-popup .upload-area .ost-jobs .ost-job .action,
.ost-jobs .ost-job .registration-upload-popup .upload-area .action {
    float: right
}

@media all and (max-width:641px) {

    .registration-upload-popup .upload-area .btn,
    .registration-upload-popup .upload-area .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .registration-upload-popup .upload-area .action {
        float: left
    }
}

.registration-upload-popup .upload-area-meta {
    margin-bottom: 35px
}

.registration-upload-popup .font-14 {
    font-size: 14px;
    text-align: left
}

.registration-upload-popup .popup-footer {
    text-align: left;
    border-top: 1px solid #b5b9bb;
    margin-top: 30px
}

.registration-upload-popup .popup-footer--upload {
    border-top: 0
}

.registration-upload-popup .popup-footer .form__field--checkbox .form__field--check__box,
.registration-upload-popup .popup-footer .form__field--checkbox .form__field__check-text {
    vertical-align: top
}

.registration-upload-popup .popup-footer .form__field--checkbox .form__field__check-text {
    margin-top: -2px;
    display: inline-block
}

.registration-upload-popup .popup-footer .btn.btn--pink.btn__disabled,
.registration-upload-popup .popup-footer .ost-jobs .ost-job .btn--pink.btn__disabled.action,
.ost-jobs .ost-job .registration-upload-popup .popup-footer .btn--pink.btn__disabled.action {
    background-color: rgba(241, 150, 198, .5);
    border-color: transparent;
    pointer-events: none
}

.registration-upload-popup .uploaded-file {
    border: 1px solid #ccc;
    background-color: transparent
}

.registration-upload-popup .upload-container {
    text-align: left;
    margin-top: 30px
}

.registration-upload-popup .upload-container.upload-container--upload-popup {
    margin-top: 18px;
    padding-bottom: 24px;
    display: none;
    border-bottom: 1px solid #b5b9bb
}

.registration-upload-popup .upload-container .btn--pink {
    margin-top: 20px;
    margin-bottom: 0
}

.registration-result-popup p {
    text-align: left
}

.my-pearls-dashboard .pearls-content {
    padding: 10px 40px;
    background-color: #6286a4;
    background-image: url(/assets/assets/images/partner-dashboard/pearls-coins.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 40px) center;
    background-size: contain
}

.my-pearls-dashboard .pearls-count {
    margin: 0 0 15px;
    padding: 0;
    font-family: cerapro-bold, 'sans-serif';
    color: #fff;
    font-size: 48px;
    line-height: 1.25
}

.sc-bwt-form.pp-service-request-form .field {
    margin-bottom: 20px;
    clear: both
}

.sc-bwt-form.pp-service-request-form .form-body {
    padding: 30px 50px
}

@media all and (max-width:641px) {
    .sc-bwt-form.pp-service-request-form .form-body {
        padding: 30px 20px
    }
}

.sc-bwt-form.pp-service-request-form .body-left-section {
    float: left;
    width: 50%;
    max-width: 50%;
    padding-right: 70px;
    padding-top: 30px
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-left-section {
        padding-right: 0;
        width: 100%;
        max-width: 100%
    }
}

@media all and (max-width:641px) {
    .sc-bwt-form.pp-service-request-form .body-left-section {
        width: 100%;
        max-width: 100%;
        padding-right: 0
    }
}

.sc-bwt-form.pp-service-request-form .body-left-section .field-single-line-text {
    margin-top: 100px
}

.sc-bwt-form.pp-service-request-form .body-left-section .field-single-line-text label {
    top: -50px
}

.sc-bwt-form.pp-service-request-form .body-right-section {
    float: left;
    width: 50%;
    max-width: 50%;
    clear: right;
    padding-left: 70px;
    padding-top: 30px
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-right-section {
        padding-left: 0;
        width: 100%;
        max-width: 100%
    }
}

@media all and (max-width:641px) {
    .sc-bwt-form.pp-service-request-form .body-right-section {
        width: 100%;
        max-width: 100%;
        padding-left: 0
    }
}

.sc-bwt-form.pp-service-request-form .body-checkboxes {
    clear: both
}

.sc-bwt-form.pp-service-request-form .body-section-title {
    text-align: left
}

.sc-bwt-form.pp-service-request-form .body-radios label:not(:empty) {
    margin-right: 100px;
    font-weight: 700
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-radios label:not(:empty) {
        display: block;
        margin-bottom: 10px
    }
}

.sc-bwt-form.pp-service-request-form .body-radios .field.field-radio-button-list {
    margin-bottom: 0;
    padding-bottom: 50px;
    border-bottom: 1px solid #b5b9bb
}

.sc-bwt-form.pp-service-request-form .body-radios .field-radio-button-list--column .field.field-radio-button-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.sc-bwt-form.pp-service-request-form .body-radios .field-radio-button-list--column .field.field-radio-button-list label {
    margin-bottom: 12px
}

.sc-bwt-form.pp-service-request-form .field-pp-user-info .value {
    display: flex;
    align-items: center;
    position: relative;
    border: 1px solid #afafb0;
    height: 40px;
    background-color: #f3f2f1;
    width: 100%;
    z-index: 2;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px;
    cursor: not-allowed
}

.sc-bwt-form.pp-service-request-form .field-pp-user-info div.label {
    display: block;
    margin: 0 0 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.sc-bwt-form.pp-service-request-form .field-submit-button {
    text-align: center
}

.sc-bwt-form.pp-service-request-form .field-submit-button input[type=submit] {
    background-color: #FF88BD;
    color: #fff;
    border-color: #FF88BD
}

.sc-bwt-form.pp-service-request-form .field-submit-button input[type=submit]:hover {
    background-color: #fff;
    color: #FF88BD
}

.sc-bwt-form.pp-service-request-form [class^=body-field-] {
    float: left
}

.sc-bwt-form.pp-service-request-form .body-field-12 {
    width: 75%
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-field-12 {
        width: 100%
    }
}

.sc-bwt-form.pp-service-request-form .body-field-12+.body-field-4 {
    padding-left: 10px
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-field-12+.body-field-4 {
        padding-left: 0
    }
}

.sc-bwt-form.pp-service-request-form .body-field-12+.body-field-8-2,
.sc-bwt-form.pp-service-request-form .body-field-12+.body-field-8-1,
.sc-bwt-form.pp-service-request-form .body-field-12+.body-field-12 {
    clear: both
}

.sc-bwt-form.pp-service-request-form .body-field-4 {
    width: 25%
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-field-4 {
        width: 100%
    }
}

.sc-bwt-form.pp-service-request-form .body-field-4+.body-field-12 {
    padding-left: 10px
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-field-4+.body-field-12 {
        padding-left: 0
    }
}

.sc-bwt-form.pp-service-request-form .body-field-4+.body-field-8-2,
.sc-bwt-form.pp-service-request-form .body-field-4+.body-field-8-1,
.sc-bwt-form.pp-service-request-form .body-field-4+.body-field-4 {
    clear: both
}

.sc-bwt-form.pp-service-request-form .body-field-8-1 {
    width: 50%;
    padding-right: 5px
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-field-8-1 {
        width: 100%;
        padding-right: 0
    }
}

.sc-bwt-form.pp-service-request-form .body-field-8-1+.body-field-8-2 {
    clear: right
}

.sc-bwt-form.pp-service-request-form .body-field-8-1+.body-field-8-1,
.sc-bwt-form.pp-service-request-form .body-field-8-1+.body-field-12,
.sc-bwt-form.pp-service-request-form .body-field-8-1+.body-field-4 {
    clear: both
}

.sc-bwt-form.pp-service-request-form .body-field-8-2 {
    width: 50%;
    padding-left: 5px
}

@media all and (max-width:769px) {
    .sc-bwt-form.pp-service-request-form .body-field-8-2 {
        width: 100%;
        padding-left: 0
    }
}

.sc-bwt-form.pp-service-request-form .body-field-8-2+.body-field-12,
.sc-bwt-form.pp-service-request-form .body-field-8-2+.body-field-4,
.sc-bwt-form.pp-service-request-form .body-field-8-2+.body-field-8-2,
.sc-bwt-form.pp-service-request-form .body-field-8-2+.body-field-8-1 {
    clear: both
}

.sc-bwt-form.pp-service-request-form .body-bottom {
    padding-top: 20px;
    border-top: 1px solid #b5b9bb
}

.dashboard-partner-salutation img {
    display: inline-block;
    margin-right: 10px
}

.dashboard-partner-salutation p {
    font-size: 18px;
    font-family: cerapro-bold, "sans-serif"
}

.dashboard-chart {
    height: 100%
}

@media(min-width:770px) {
    .dashboard-chart-col {
        max-width: 50%
    }
}

.dashboard-chart .header-old {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px
}

.dashboard-chart .header-old .selectbox-wrap {
    margin: 0 20px 0 0
}

.dashboard-chart .title {
    margin-right: 20px;
    margin-bottom: 10px
}

.dashboard-chart .selectbox-wrap {
    margin-bottom: 10px
}

.dashboard-chart .chart-wrap {
    width: 100%;
    position: relative
}

.dashboard-chart .chart-legend {
    margin-top: 15px
}

.dashboard-chart .chart-legend ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.dashboard-chart .chart-legend li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0
}

.dashboard-chart .chart-legend li:not(:last-child) {
    margin-right: 35px
}

.dashboard-chart .label-block {
    flex-shrink: 0;
    margin-right: 8px;
    width: 18px;
    height: 8px;
    border-radius: 4px;
    background-color: #FF88BD;
    position: relative;
    top: 1px
}

.dashboard-chart .label-text {
    font-size: 15px
}

.dashboard-chart .btn-wrap .btn,
.dashboard-chart .btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .dashboard-chart .btn-wrap .action {
    margin-top: 20px
}

.dashboard-chart .btn-wrap .btn:empty,
.dashboard-chart .btn-wrap .ost-jobs .ost-job .action:empty,
.ost-jobs .ost-job .dashboard-chart .btn-wrap .action:empty {
    display: none
}

.dashboard-stat {
    margin: 20px 20px 0 0
}

.dashboard-stat .grid-row .grid-col:first-child .dashboard-stat__section {
    padding: 0 20px 0 0;
    border-left: 0
}

@media(max-width:767.98px) {
    .dashboard-stat .grid-row .grid-col:first-child .dashboard-stat__section {
        padding: 0 20px
    }
}

.dashboard-stat__section {
    position: relative;
    height: 100%;
    margin: 5px 0;
    padding: 0 20px;
    border-left: 1px solid #bbb
}

@media(max-width:767.98px) {
    .dashboard-stat__section {
        border-left: 0
    }
}

.dashboard-stat__section span {
    display: block;
    margin-bottom: 8px;
    font-family: CeraPRO-Bold, sans-serif;
    font-size: 48px;
    line-height: 1
}

.dashboard-stat__section p {
    padding-bottom: 0;
    font-size: 15px;
    text-transform: uppercase
}

.dashboard-stat__section .dashboard-stat__diff {
    padding: 0;
    text-transform: none
}

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

@media(min-width:768px)and (max-width:1279.98px) {
    .dashboard-stat__section .flex-wrapper {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.dashboard-stat__section--pink .dashboard-stat__diff b,
.dashboard-stat__section--pink span {
    color: #FF88BD
}

.dashboard-stat__section--blue .dashboard-stat__diff b,
.dashboard-stat__section--blue span {
    color: #6286a4
}

@media(max-width:640.98px) {
    .project-table {
        margin-left: -20px;
        margin-right: -20px;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
}

@media(max-width:767.98px) {
    .project-table table td.pic-cell {
        width: 65px
    }

    .project-table table td:not(.pic-cell) {
        float: right;
        width: calc(100% - 65px)
    }

    .project-table table td.message-cell {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.project-table td {
    letter-spacing: .25px
}

.project-table td.pic-cell {
    width: 66px
}

.project-table td.pic-cell>a {
    display: block;
    min-width: 25px
}

@media(max-width:1023.98px) {
    .project-table td.pic-cell {
        width: 55px
    }
}

.project-table td.name-cell {
    font-size: 16px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    width: 22%
}

@media(max-width:1279.98px) {
    .project-table td.name-cell {
        width: 20%
    }
}

@media(min-width:768px)and (max-width:1023.98px) {
    .project-table td.name-cell {
        font-size: 15px
    }
}

.project-table td.type-cell {
    width: 17%
}

@media(max-width:1279.98px) {
    .project-table td.type-cell {
        width: 10%
    }
}

@media(max-width:1023.98px) {
    .project-table td.type-cell {
        width: 20%
    }
}

.project-table td.editor-cell {
    width: 17%
}

@media(max-width:1279.98px) {
    .project-table td.editor-cell {
        width: 15%
    }
}

@media(max-width:1023.98px) {
    .project-table td.editor-cell {
        width: 20%
    }
}

.project-table td.date-cell {
    width: 11%
}

@media(max-width:1023.98px) {
    .project-table td.date-cell {
        width: 15%
    }
}

@media(min-width:1280px) {
    .project-table td.controls-cell {
        width: 28%;
        min-width: 345px
    }
}

@media(min-width:1024px) {
    .project-table td.controls-cell {
        min-width: 325px
    }
}

@media(max-width:767.98px) {
    .project-table td.controls-cell {
        margin-top: 5px
    }
}

.project-table .pdf-icon {
    display: block;
    background-image: url(/assets/assets/images/mclip/pdf-icon.svg);
    width: 25px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: cover
}

.project-table .control-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px -8px
}

@media(min-width:768px)and (max-width:1279.98px) {
    .project-table .control-wrap {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:641px)and (max-width:767.98px) {
    .project-table .control-wrap {
        margin-left: -29px;
        margin-right: -29px
    }
}

.project-table .control-item {
    padding: 0 15px;
    margin-bottom: 8px
}

@media(min-width:768px)and (max-width:1279.98px) {
    .project-table .control-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:768px)and (max-width:1023.98px) {
    .project-table .control-item {
        width: 100%
    }
}

@media(min-width:641px)and (max-width:767.98px) {
    .project-table .control-item {
        padding-left: 29px;
        padding-right: 29px
    }
}

.project-table .control-btn {
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    transition: .3s;
    font-size: 12px;
    color: #666b6e
}

@media(max-width:767.98px) {
    .project-table .control-btn {
        font-size: 14px;
        font-family: cerapro-bold, Helvetica, Arial, sans-serif
    }
}

.project-table .control-btn:hover,
.project-table .control-btn:focus {
    color: #FF88BD
}

.project-table .control-btn>span {
    padding-top: 4px
}

.project-table .control-btn:before {
    display: inline-block;
    margin-right: 9px;
    font-size: 18px;
    flex-shrink: 0
}

.project-table .message-cell {
    padding: 30px;
    font-size: 24px;
    text-align: center
}

.mclip-projects .head-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 -5px 30px
}

.mclip-projects .return-link-wrap {
    width: 100%;
    margin-bottom: 17px;
    padding: 0 5px
}

@media(max-width:1023.98px) {
    .mclip-projects .return-link-wrap {
        margin-bottom: 10px
    }
}

@media(max-width:767.98px) {
    .mclip-projects .return-link-wrap {
        max-width: 50%;
        order: -2;
        margin-bottom: 20px
    }
}

.mclip-projects .return-link {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none
}

.mclip-projects .return-link>span {
    margin-right: 2px
}

.mclip-projects .input-wrap {
    max-width: 33.3%;
    padding: 0 5px
}

@media(max-width:767.98px) {
    .mclip-projects .input-wrap {
        max-width: 100%
    }
}

.mclip-projects .input-wrap .icon--search {
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 2
}

.mclip-projects .input-wrap .form__field__label {
    left: 10px;
    bottom: 0
}

.mclip-projects .input-wrap .form__field__input__elem {
    width: 239px
}

@media(max-width:767.98px) {
    .mclip-projects .input-wrap .form__field__input__elem {
        width: 213px
    }
}

@media(max-width:640.98px) {
    .mclip-projects .input-wrap .form__field__input__elem {
        width: 205px
    }
}

.mclip-projects .btn-wrap {
    max-width: 33.3%;
    padding: 0 5px
}

.mclip-projects .btn-wrap .btn,
.mclip-projects .btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .mclip-projects .btn-wrap .action {
    margin-bottom: 0
}

@media(max-width:767.98px) {
    .mclip-projects .btn-wrap {
        max-width: 50%;
        order: -1;
        margin-bottom: 20px
    }
}

.mclip-projects .select-wrap {
    max-width: 33.3%;
    display: flex;
    align-items: center;
    padding: 0 5px
}

@media(max-width:767.98px) {
    .mclip-projects .select-wrap {
        max-width: 100%
    }
}

.mclip-projects .select-wrap .select-label {
    margin-right: 21px
}

@media(max-width:767.98px) {
    .mclip-projects .select-wrap .select-label {
        display: none
    }
}

.mclip-projects .select-wrap .form__field__select {
    width: 60px;
    height: 30px
}

.mclip-projects .select-wrap .form__field__select .selectbox {
    padding-right: 20px
}

.mclip-projects .select-wrap .form__field__select .selectbox:after {
    top: 50%;
    transform: translateY(-50%)
}

.mclip-projects .select-wrap .form__field__select .selectbox-button {
    padding-right: 15px
}

@media(max-width:767.98px) {
    .mclip-projects .preloader-wrap {
        padding: 60px
    }
}

.mclip-projects .table-pagination {
    display: flex;
    justify-content: center
}

@media(max-width:640px) {
    .mclip-projects .table-pagination .text-block {
        display: inline
    }
}

.mclip-teaser {
    min-height: 270px;
    height: 100%
}

@media(max-width:767.98px) {
    .mclip-teaser {
        min-height: inherit;
        display: block
    }
}

.mclip-teaser-grid {
    max-width: 50%
}

@media all and (max-width:767px) {
    .mclip-teaser-grid {
        max-width: 100%
    }
}

.horizontal-teaser-item .mclip-teaser {
    padding: 20px 20px 30px
}

.mclip-teaser .title {
    margin-bottom: 15px;
    text-align: left
}

.mclip-teaser .text {
    padding-bottom: 0
}

.mclip-teaser .head {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 30px
}

@media all and (max-width:475px) {
    .mclip-teaser .head {
        display: block
    }
}

.mclip-teaser .text-wrap {
    flex: 1 0 0%;
    padding: 0 15px
}

@media all and (max-width:475px) {
    .mclip-teaser .text-wrap {
        margin-bottom: 15px
    }
}

.mclip-teaser .pic-wrap {
    padding: 0 15px;
    flex-shrink: 0;
    max-width: 180px
}

@media(max-width:1023.98px) {
    .mclip-teaser .pic-wrap {
        max-width: 130px
    }
}

@media all and (max-width:475px) {
    .mclip-teaser .pic-wrap {
        margin: 0 auto;
        max-width: 180px
    }
}

.mclip-teaser .btn-wrap {
    margin-bottom: -15px
}

.mclip-teaser .btn-wrap .btn,
.mclip-teaser .btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .mclip-teaser .btn-wrap .action {
    margin-top: 0;
    margin-bottom: 15px
}

.mclip-teaser .btn-wrap .btn:not(:last-child),
.mclip-teaser .btn-wrap .ost-jobs .ost-job .action:not(:last-child),
.ost-jobs .ost-job .mclip-teaser .btn-wrap .action:not(:last-child) {
    margin-right: 30px
}

@media all and (max-width:991px) {

    .mclip-teaser .btn-wrap .btn:not(:last-child),
    .mclip-teaser .btn-wrap .ost-jobs .ost-job .action:not(:last-child),
    .ost-jobs .ost-job .mclip-teaser .btn-wrap .action:not(:last-child) {
        margin-right: 15px
    }
}

@media(max-width:640.98px) {
    .mclip-teaser--dashboard {
        height: auto
    }
}

.mclip-teaser--dashboard .btn-wrap hr {
    margin: 10px 0 25px
}

@media(max-width:767.98px) {
    .mclip-teaser--dashboard .btn-wrap hr {
        margin: 5px 0 20px
    }
}

@media(max-width:640.98px) {
    .mclip-form {
        margin: 0 -20px
    }
}

.mclip-form__wrap {
    background-color: #f7f8f8
}

.mclip-form .mclip-form__container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px
}

.mclip-form__form {
    padding: 17px 0
}

.mclip-form__form-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #b5b9bb;
    padding-bottom: 23px;
    margin-bottom: 40px
}

@media(max-width:1023.98px) {
    .mclip-form__form-inner {
        padding-bottom: 47px;
        margin-bottom: 24px
    }
}

@media(max-width:767.98px) {
    .mclip-form__form-inner {
        margin-bottom: 17px
    }
}

.mclip-form__col-left {
    width: 480px
}

@media(max-width:1279.98px) {
    .mclip-form__col-left {
        width: 45%
    }
}

@media(max-width:1023.98px) {
    .mclip-form__col-left {
        width: 50%
    }
}

@media(max-width:767.98px) {
    .mclip-form__col-left {
        width: 100%
    }
}

.mclip-form__col-right {
    width: 480px;
    padding: 15px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width:1279.98px) {
    .mclip-form__col-right {
        width: 45%
    }
}

@media(max-width:1023.98px) {
    .mclip-form__col-right {
        width: 40%
    }
}

@media(max-width:767.98px) {
    .mclip-form__col-right {
        width: 100%
    }
}

.mclip-form__loader-wrap:not(:last-child) {
    margin-bottom: 20px
}

.mclip-form__loader-wrap .form__field {
    margin-bottom: 0
}

.mclip-form .form__field {
    margin-bottom: 15px
}

.mclip-form__constructor::after {
    display: block;
    clear: both;
    content: ""
}

.mclip-form__grid-col {
    width: 64%;
    margin-right: 7%;
    float: left
}

@media(max-width:1280px) {
    .mclip-form__grid-col {
        width: 68%;
        margin-right: 2%
    }
}

@media(max-width:1023.98px) {
    .mclip-form__grid-col {
        width: 100%;
        float: none
    }
}

.mclip-form__labels-col {
    width: 29%;
    float: right
}

@media(max-width:1023.98px) {
    .mclip-form__labels-col {
        width: 100%;
        float: none
    }
}

.mclip-form__btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.mclip-form__btn-wrap .btn,
.mclip-form__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .mclip-form__btn-wrap .action {
    display: none;
    margin-bottom: 12px
}

.mclip-form__btn-wrap .btn.active,
.mclip-form__btn-wrap .ost-jobs .ost-job .active.action,
.ost-jobs .ost-job .mclip-form__btn-wrap .active.action {
    display: inline-block
}

.mclip-form__message {
    max-width: 50%;
    padding-bottom: 0;
    margin-bottom: 15px;
    font-size: 15px
}

@media(max-width:640.98px) {
    .mclip-form__message {
        max-width: 100%;
        order: -1
    }
}

.mclip-form .js-save-message {
    display: none
}

.mclip-form .js-save-message.active {
    display: block
}

.mclip-form .form__field__select.form__field--error .selectbox label.error {
    padding-left: 10px;
    padding-right: 10px
}

.mclip-form .return-link-wrap {
    width: 100%;
    margin-bottom: 17px;
    padding: 0 5px
}

@media(max-width:1023.98px) {
    .mclip-form .return-link-wrap {
        margin-bottom: 10px
    }
}

@media(max-width:767.98px) {
    .mclip-form .return-link-wrap {
        max-width: 50%;
        order: -2;
        margin-bottom: 20px
    }
}

.mclip-form .return-link {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none
}

.mclip-form .return-link>span {
    margin-right: 2px
}

.mclip-form .bwt-popup .note-editor,
.mclip-form .country-redirect-overlay .note-editor,
.mclip-form .product-360-popup .note-editor {
    margin-bottom: 30px
}

.mclip-form .bwt-popup .note-editor .note-editing-area p,
.mclip-form .country-redirect-overlay .note-editor .note-editing-area p,
.mclip-form .product-360-popup .note-editor .note-editing-area p {
    padding: 0
}

.mclip-labels {
    margin-bottom: 30px
}

@media(max-width:1023.98px) {
    .mclip-labels {
        margin-bottom: 13px
    }
}

.mclip-labels__descr {
    font-size: 14px;
    line-height: 1.3;
    padding-bottom: 0;
    margin-bottom: 23px
}

@media(max-width:1023.98px) {
    .mclip-labels__descr {
        display: none
    }
}

.mclip-labels__slider {
    margin-bottom: 20px
}

.mclip-labels__slider .mclip-labels__wrap {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease
}

.mclip-labels__slider.preloader-wrap {
    min-height: 250px
}

.mclip-labels__slider.preloader-wrap .preloader {
    background-color: #f7f8f8
}

.mclip-labels__slider.preloader-wrap .mclip-labels__wrap {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease
}

@media(max-width:767.98px) {
    .mclip-labels__slider.preloader-wrap {
        min-height: 43px
    }
}

.mclip-labels .slick-list {
    overflow: visible
}

.mclip-labels__wrap:not(.slider-inited) {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.mclip-labels__wrap:not(.slider-inited) .mclip-labels__slide {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 50%
}

@media(max-width:1023.98px) {
    .mclip-labels__wrap:not(.slider-inited) .mclip-labels__slide {
        width: 25%;
        margin-bottom: 10px
    }
}

@media(max-width:767.98px) {
    .mclip-labels__wrap:not(.slider-inited) .mclip-labels__slide {
        width: 50%
    }
}

@media(max-width:640.98px) {
    .mclip-labels__wrap:not(.slider-inited) .mclip-labels__slide {
        width: 100%
    }
}

.mclip-labels__wrap.slider-inited .mclip-labels__slide {
    height: auto;
    margin-right: 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

.mclip-labels__wrap.slider-inited .mclip-labels__slide:active:focus,
.mclip-labels__wrap.slider-inited .mclip-labels__slide:active,
.mclip-labels__wrap.slider-inited .mclip-labels__slide:hover,
.mclip-labels__wrap.slider-inited .mclip-labels__slide:focus {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

.mclip-labels__label {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    border: 1px solid #b5b9bb;
    position: relative
}

.disabled .mclip-labels__label {
    pointer-events: none
}

.mclip-labels__label.editable .mclip-labels__edit-wrap,
.mclip-labels__label.editable .mclip-labels__text-wrap,
.mclip-labels__label.editable .close-icon,
.mclip-labels__label.editable .mclip-labels__bg {
    cursor: pointer
}

.mclip-labels__label.editable:hover .mclip-labels__bg {
    opacity: .3
}

.mclip-labels__label.editable:hover .mclip-labels__edit-wrap {
    opacity: 1
}

.mclip-labels__label:hover .close-icon {
    opacity: 1;
    pointer-events: auto
}

.mclip-labels__label .close-icon {
    z-index: 3;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px;
    opacity: 0;
    transition: .3s;
    pointer-events: none
}

.mclip-labels__label .close-icon .icon:before {
    display: block
}

@media(max-width:640.98px) {
    .mclip-labels__label .close-icon {
        width: 20px;
        height: 20px;
        right: -10px;
        top: -10px;
        font-size: 10px
    }

    .mclip-labels__label .close-icon .icon:before {
        font-size: 10px
    }
}

.mclip-labels__label .ic-edit {
    font-size: 18px
}

.mclip-labels__label .ic-edit:before {
    content: ""
}

@media(max-width:767.98px) {
    .mclip-labels__label .ic-edit {
        font-size: 12px
    }
}

.mclip-labels__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: .3s
}

.mclip-labels__bg.disabled {
    pointer-events: none;
    cursor: default
}

.mclip-labels__edit-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    font-size: 12px;
    text-align: center;
    opacity: 0;
    transition: .3s
}

@media(max-width:400px) {
    .mclip-labels__edit-wrap {
        width: calc((100% - 63px)/2)
    }
}

@media(max-width:767.98px) {
    .mclip-labels__edit-wrap .edit-text {
        display: none
    }
}

.mclip-labels__img-wrap {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.mclip-labels__img-wrap.disabled {
    pointer-events: none;
    cursor: default
}

.mclip-labels__img-wrap>img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%)
}

.mclip-labels__text-wrap {
    min-width: 75px;
    width: 50%;
    background-color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: relative;
    z-index: 2
}

.mclip-labels__text-wrap.disabled {
    pointer-events: none;
    cursor: default
}

@media(max-width:767.98px) {
    .mclip-labels__text-wrap {
        min-width: 63px;
        padding-left: 0;
        padding-right: 0
    }
}

.mclip-labels__text-wrap>span {
    font-size: 9px;
    line-height: 1.2;
    max-width: 100%;
    text-align: center
}

.mclip-labels__text-wrap>span br {
    display: none
}

.mclip-labels__text-wrap>span p {
    padding-bottom: 0
}

.mclip-grid .editable .mclip-labels__text-wrap>span {
    font-size: 12px
}

@media(max-width:1120px) {
    .mclip-grid .editable .mclip-labels__text-wrap>span {
        font-size: 10px
    }
}

@media(max-width:1023.98px) {
    .mclip-grid .editable .mclip-labels__text-wrap>span {
        font-size: 11px
    }
}

@media(max-width:767.98px) {
    .mclip-grid .editable .mclip-labels__text-wrap>span {
        font-size: 9px
    }
}

.mclip-labels__btn-wrap {
    text-align: center
}

@media(max-width:1023.98px) {
    .mclip-labels__btn-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media(max-width:767.98px) {
    .mclip-labels__btn-wrap {
        justify-content: flex-start;
        align-items: center;
        flex-direction: column
    }
}

.mclip-labels__btn-wrap .btn,
.mclip-labels__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .mclip-labels__btn-wrap .action {
    font-size: 14px;
    padding-top: .4em;
    padding-bottom: .5em;
    min-width: 182px
}

.disabled .mclip-labels__btn-wrap .btn,
.disabled .mclip-labels__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .disabled .mclip-labels__btn-wrap .action {
    pointer-events: none
}

.mclip-labels__btn-wrap .btn:not(:last-child),
.mclip-labels__btn-wrap .ost-jobs .ost-job .action:not(:last-child),
.ost-jobs .ost-job .mclip-labels__btn-wrap .action:not(:last-child) {
    margin-bottom: 20px
}

@media(max-width:1023.98px) {

    .mclip-labels__btn-wrap .btn,
    .mclip-labels__btn-wrap .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .mclip-labels__btn-wrap .action,
    .mclip-labels__btn-wrap .btn:not(:last-child),
    .mclip-labels__btn-wrap .ost-jobs .ost-job .action:not(:last-child),
    .ost-jobs .ost-job .mclip-labels__btn-wrap .action:not(:last-child) {
        margin-bottom: 20px
    }
}

.mclip-labels__btn-add {
    position: relative;
    padding-left: 34px
}

.mclip-labels__btn-add.btn,
.ost-jobs .ost-job .mclip-labels__btn-add.action,
.mclip-labels__btn-add.btn.btn__medium,
.ost-jobs .ost-job .mclip-labels__btn-add.action {
    padding: 10px 20px 10px 40px
}

.mclip-labels__btn-add .icon {
    position: absolute;
    left: 14px;
    top: 10px;
    display: block;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle
}

.mclip-labels__btn-add .icon:before {
    display: block
}

.mclip-labels__controls {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

@media(max-width:1023.98px) {
    .mclip-labels__controls {
        margin-left: -10px;
        margin-right: -10px;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls {
        margin-left: 0;
        margin-right: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.mclip-labels__controls-inner {
    padding-bottom: 20px;
    width: 100%;
    flex: 0 0 auto;
    flex-direction: column;
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-inner {
        padding-bottom: 30px;
        width: auto;
        max-width: none;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls-inner {
        padding-bottom: 20px;
        width: 100%;
        flex-direction: column;
        max-width: 100%;
        align-items: center;
        justify-content: flex-start
    }
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-inner--add {
        order: 1
    }
}

.mclip-labels__controls-inner--save {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none
}

.mclip-labels__controls-inner--save.show {
    display: flex
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-inner--save {
        padding-top: 0;
        padding-right: 10%;
        padding-bottom: 30px;
        order: 3
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls-inner--save {
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        order: 2
    }
}

.mclip-labels__controls-inner--fill {
    padding-top: 30px
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-inner--fill {
        margin-left: 20%;
        padding-top: 0;
        order: 2
    }
}

@media(max-width:768px) {
    .mclip-labels__controls-inner--fill {
        margin-left: 4%
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls-inner--fill {
        margin-left: 0;
        padding-top: 30px;
        order: 3
    }
}

.mclip-labels__controls-inner--reset {
    padding-top: 20px;
    display: none
}

.mclip-labels__controls-inner--reset.show {
    display: flex
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-inner--reset {
        padding-left: 15%;
        margin-left: auto;
        padding-top: 0;
        order: 4
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls-inner--reset {
        padding-top: 20px;
        padding-left: 0
    }
}

.mclip-labels__controls .btn,
.mclip-labels__controls .ost-jobs .ost-job .action,
.ost-jobs .ost-job .mclip-labels__controls .action {
    margin: 0;
    display: block;
    width: 100%
}

@media(max-width:1023.98px) {

    .mclip-labels__controls .btn,
    .mclip-labels__controls .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .mclip-labels__controls .action {
        width: auto
    }
}

@media(max-width:640.98px) {

    .mclip-labels__controls .btn,
    .mclip-labels__controls .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .mclip-labels__controls .action {
        width: 100%
    }
}

.mclip-labels__controls .btn__medium,
.mclip-labels__controls .ost-jobs .ost-job .action,
.ost-jobs .ost-job .mclip-labels__controls .action {
    font-size: 14px
}

.mclip-labels__controls-item {
    padding: 0 10px;
    width: 100%;
    flex: 0 0 auto;
    max-width: 214px;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.mclip-labels__controls-item--fill-grid-with-logo {
    display: none
}

.mclip-labels__controls-item--fill-grid-with-logo.show {
    display: flex
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-item {
        width: auto;
        flex: 0 0 auto;
        max-width: none
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls-item {
        width: 100%;
        max-width: 214px
    }
}

.mclip-labels__controls-item--auto {
    width: auto;
    max-width: none
}

.mclip-labels__controls-item+.mclip-labels__controls-item {
    padding-top: 20px
}

@media(max-width:1023.98px) {
    .mclip-labels__controls-item+.mclip-labels__controls-item {
        padding-top: 0
    }
}

@media(max-width:640.98px) {
    .mclip-labels__controls-item+.mclip-labels__controls-item {
        padding-top: 20px
    }
}

.mclip-grid {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 35px
}

.mclip-grid.preloader-wrap {
    min-height: 300px
}

.mclip-grid__title-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 15px
}

@media(max-width:1023.98px) {
    .mclip-grid__title-wrap {
        margin-bottom: 21px
    }
}

@media(max-width:767.98px) {
    .mclip-grid__title-wrap {
        margin-bottom: 15px
    }
}

.mclip-grid__title-wrap.mclip-form__grid-col {
    width: 100%;
    margin-right: 0;
    padding-right: 36%
}

@media(max-width:1280px) {
    .mclip-grid__title-wrap.mclip-form__grid-col {
        padding-right: 32%
    }
}

@media(max-width:1023.98px) {
    .mclip-grid__title-wrap.mclip-form__grid-col {
        padding-right: 0
    }
}

.mclip-grid__title-wrap .sl-nav {
    position: relative;
    top: 8px
}

.mclip-grid__title {
    text-align: left;
    margin-right: 30px;
    margin-bottom: 10px
}

@media(max-width:767.98px) {
    .mclip-grid__title {
        font-size: 2em
    }
}

.mclip-grid__descr {
    margin-bottom: 10px;
    font-size: 14px;
    padding-bottom: 0;
    display: none
}

@media(max-width:1023.98px) {
    .mclip-grid__descr:not(.hidden-md) {
        display: block
    }
}

@media(min-width:1024px) {
    .mclip-grid__descr.hidden-md {
        display: block
    }

    .mclip-grid__descr.hidden-md.js-no-clips-message {
        display: none
    }

    .mclip-grid__descr.hidden-md.js-no-clips-message.active {
        display: block
    }
}

@media(max-width:767.98px) {
    .mclip-grid__descr {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0
    }
}

.mclip-grid__cell {
    width: 33.3%;
    height: 80px;
    border: 1px dotted #707070;
    display: flex;
    align-items: center;
    padding: 6px
}

@media(max-width:767.98px) {
    .mclip-grid__cell {
        padding: 4px;
        height: 70px
    }
}

.mclip-grid__cell .mclip-labels__label {
    height: 66px
}

@media(max-width:767.98px) {
    .mclip-grid__cell .mclip-labels__label {
        height: 60px
    }
}

.pcfg__item {
    padding: 30px 50px 20px;
    background-color: #f7f8f8
}

@media(max-width:767.98px) {
    .pcfg__item {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:640.98px) {
    .pcfg__item {
        margin-left: -20px;
        margin-right: -20px
    }
}

.pcfg__item--product {
    padding: 0;
    background: 0 0;
    margin: 0
}

.pcfg__item+.pcfg__item {
    margin-top: 50px;
    position: relative
}

.pcfg__item+.pcfg__item:before {
    content: "";
    position: absolute;
    top: -31px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px
}

.pcfg__title {
    margin-bottom: 9px;
    text-align: center
}

@media(max-width:767.98px) {
    .pcfg__title {
        font-size: 18px;
        line-height: 1.3
    }
}

.pcfg__subtitle {
    font-size: 16px;
    text-align: center
}

.category__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px -5px 0
}

.pcfg__subtitle+.category__list {
    margin-top: 30px;
    margin-bottom: 19px
}

@media(max-width:767.98px) {
    .category__list {
        display: block;
        margin-top: 18px
    }
}

.category__col {
    padding: 0 5px;
    display: flex;
    margin-bottom: 10px
}

.category__item {
    width: 150px;
    display: flex;
    position: relative;
    height: 100%
}

@media(max-width:767.98px) {
    .category__item {
        width: 100%
    }
}

.category__checkbox {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0
}

.category__inner {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 12px 15px 4px;
    background-color: #fff;
    border: 1px solid #b5b9bb;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .15);
    border-radius: 2px;
    transition: .3s;
    cursor: pointer
}

@media(max-width:767.98px) {
    .category__inner {
        display: flex;
        align-items: center;
        min-height: 40px;
        padding: 5px 10px;
        box-shadow: none
    }
}

.category__checkbox:checked+.category__inner {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .15), 0 0 0 1px #FF88BD;
    border-color: #FF88BD
}

@media(max-width:767.98px) {
    .category__checkbox:checked+.category__inner {
        box-shadow: 0 0 0 1px #FF88BD
    }
}

.category__checkbox:checked+.category__inner .category__accept {
    opacity: 1
}

.category__checkbox:disabled+.category__inner {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.category__accept {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FF88BD;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    transition: .3s;
    opacity: 0
}

.category__accept:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 0;
    margin: auto;
    width: 18px;
    height: 16px;
    background-image: url(/assets/assets/icons/accept-arrow.svg);
    background-repeat: no-repeat
}

.category__pic {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

@media(max-width:767.98px) {
    .category__pic {
        flex-shrink: 0;
        height: 28px;
        width: 28px;
        margin-right: 22px;
        margin-bottom: 0
    }
}

.category__img {
    max-height: 100%
}

.category__title {
    font-size: 14px;
    letter-spacing: .25px;
    line-height: 1.45
}

@media(min-width:768px) {
    .category__title {
        overflow: hidden;
        text-align: center
    }
}

.shop-mega-menu {
    position: fixed;
    z-index: 10;
    top: 85px;
    left: 0;
    right: 0;
    display: none;
    background-color: #fff
}

.shop-mega-menu.scrollable {
    bottom: 0
}

.shop-mega-menu.scrollable .shop-mega-menu__wrapper {
    height: 100%;
    display: flex;
    flex-direction: column
}

.shop-mega-menu__tabs-wrap {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .16)
}

.shop-mega-menu.scrollable .shop-mega-menu__tabs-wrap {
    position: relative;
    z-index: 2;
    flex: 0 0 auto
}

.shop-mega-menu__tab-content-wrap {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2)
}

.shop-mega-menu.scrollable .shop-mega-menu__tab-content-wrap {
    position: relative;
    z-index: 1;
    flex: 1 1 0;
    overflow: auto
}

.shop-mega-menu__tab-content-inner {
    position: relative
}

.shop-mega-menu__tabs-inner {
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1320px
}

.shop-mega-menu__tabs {
    list-style: none outside none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 1 auto
}

.shop-mega-menu__tab {
    margin: 0 120px 0 0;
    padding: 0;
    position: relative;
    display: block
}

@media(max-width:1023.98px) {
    .shop-mega-menu__tab {
        margin-right: 10px
    }
}

.shop-mega-menu__back-link {
    margin: 0 120px 0 0;
    padding: 0;
    flex: 0 0 auto
}

@media(max-width:1023.98px) {
    .shop-mega-menu__back-link {
        margin-right: 10px
    }
}

@media(max-width:640.98px) {
    .shop-mega-menu__back-link {
        display: none
    }
}

.shop-mega-menu__back-link a {
    display: flex;
    align-items: baseline
}

.shop-mega-menu__back-link a .icon--arrow-right:before {
    font-size: 12px;
    font-weight: bolder;
    margin-right: 5px;
    transform: scaleX(-1)
}

.shop-mega-menu__back-link--mobile {
    display: none
}

@media(max-width:640.98px) {
    .shop-mega-menu__back-link--mobile {
        display: block;
        margin-right: 10px
    }
}

.shop-mega-menu__back-link--mobile a {
    display: flex;
    align-items: baseline
}

.shop-mega-menu__back-link--mobile a .icon--arrow-right:before {
    font-size: 12px;
    font-weight: bolder;
    margin-right: 5px;
    transform: scaleX(-1)
}

.shop-mega-menu__tab--back-link {
    padding: 17px 20px 15px;
    display: block;
    text-transform: uppercase;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #666b6e;
    text-decoration: none;
    letter-spacing: .5px;
    transition: all .2s ease
}

@media(max-width:640.98px) {
    .shop-mega-menu__tab--back-link {
        padding: 0 20px 15px
    }
}

@media(max-width:640.98px) {
    .shop-mega-menu__tab--back-link {
        font-size: 15px
    }
}

.shop-mega-menu__tab--back-link:hover,
.shop-mega-menu__tab--back-link:focus {
    text-decoration: none;
    transition: all .2s ease;
    appearance: none;
    outline: none;
    box-shadow: none
}

.shop-mega-menu__tabs-openingarrow {
    display: none;
    position: relative
}

.shop-mega-menu__tabs-openingarrow .arrow-down {
    position: absolute;
    left: 20%;
    top: 0;
    width: 100px;
    height: 50px;
    overflow: hidden
}

.shop-mega-menu__tabs-openingarrow .arrow-down:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    transform: rotate(45deg);
    top: -20px;
    left: 25px;
    box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, .5)
}

.shop-mega-menu__tab-link {
    padding: 17px 10px 15px;
    display: block;
    text-transform: uppercase;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #666b6e;
    text-decoration: none;
    letter-spacing: .5px;
    transition: all .2s ease
}

@media(max-width:640.98px) {
    .shop-mega-menu__tab-link {
        font-size: 15px
    }
}

.ui-tabs-active .shop-mega-menu__tab-link {
    color: #FF88BD
}

.shop-mega-menu__tab-link:hover,
.shop-mega-menu__tab-link:focus {
    text-decoration: none;
    transition: all .2s ease;
    appearance: none;
    outline: none;
    box-shadow: none
}

@media(min-width:768px) {
    .shop-mega-menu__tab.ui-tabs-active .shop-mega-menu__tabs-openingarrow {
        display: block
    }
}

.mega-menu-toggler {
    position: relative;
    z-index: 15;
    margin-left: 10px;
    margin-right: 3px;
    padding-left: 13px;
    display: block;
    height: 100%
}

@media(max-width:640px) {
    .mega-menu-toggler {
        margin-right: 2px;
        padding-left: 10px
    }
}

.mega-menu-toggler:before,
.mega-menu-toggler:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 13px;
    opacity: 0;
    transition: all .2s ease
}

@media(max-width:640px) {

    .mega-menu-toggler:before,
    .mega-menu-toggler:after {
        width: 10px
    }
}

.mega-menu-toggler:before {
    left: 0;
    background: #000;
    background: linear-gradient(270deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 90%)
}

.mega-menu-toggler:after {
    left: 100%;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 90%)
}

.mega-menu-toggler.active:before,
.mega-menu-toggler.active:after {
    opacity: 1;
    transition: all .2s ease
}

.mega-menu-toggler__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
    transition: all .2s ease
}

.mega-menu-toggler.active .mega-menu-toggler__inner {
    background-color: #fff;
    transition: all .2s ease
}

.mega-menu-toggler__btn {
    margin-bottom: 2px;
    padding: 1px 5px;
    min-height: 25px;
    width: 60px;
    display: block;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.286;
    color: #666b6e;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #666b6e;
    border-radius: 2px;
    vertical-align: top;
    transition: all .3s ease
}

@media only screen and (max-device-width:1024px) {
    .mega-menu-toggler__btn {
        padding: 2px 5px 0
    }
}

@media(max-width:640.98px) {
    .mega-menu-toggler__btn {
        padding-left: 2px;
        padding-right: 2px;
        width: 52px
    }
}

.mega-menu-toggler.active .mega-menu-toggler__btn {
    border-color: #fff !important;
    color: #666b6e !important
}

.shop-mega-categories {
    margin: 0 auto;
    padding: 35px 20px 50px;
    width: 100%;
    max-width: 1320px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-weight: 400
}

@media(max-width:767.98px) {
    .shop-mega-categories {
        padding-top: 24px;
        padding-bottom: 36px
    }
}

.shop-mega-categories__col--menu {
    flex: 1 1 auto
}

.shop-mega-categories__col--demo {
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 26.15%;
    min-width: 0;
    overflow: hidden
}

@media only screen and (max-device-width:1024px) {
    .shop-mega-categories__col--demo {
        display: none
    }
}

.shop-parent-categories {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.shop-parent-category {
    padding-bottom: 22px;
    display: block;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%
}

@media only screen and (max-device-width:1024px) {
    .shop-parent-category {
        flex: 0 0 32.1%;
        max-width: 32.1%
    }
}

@media(max-width:640.98px) {
    .shop-parent-category {
        position: relative;
        padding-bottom: 1px;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width:640.98px) {
    .shop-parent-category:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        display: block;
        width: auto;
        height: 1px;
        background-color: #b5b9bb
    }
}

@media(max-width:640.98px) {
    .shop-parent-category__child {
        display: none;
        overflow: hidden;
        transition: max-height .2s ease-out
    }
}

.shop-parent-category__empty .shop-parent-category__child {
    display: none !important
}

@media(max-width:640.98px) {
    .shop-parent-category__empty .shop-parent-category__child {
        display: none !important
    }
}

.shop-parent-category__name {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.shop-parent-category__link {
    margin: 0 0 11px;
    padding: 7px 10px;
    display: block;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.125;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer
}

.shop-parent-category__link:hover,
.shop-parent-category__link:focus {
    text-decoration: none;
    appearance: none;
    outline: none;
    box-shadow: none
}

.current .shop-parent-category__link {
    color: #FF88BD;
    transition: all .2s ease
}

.shop-parent-category__link:hover,
.shop-parent-category__link:focus,
.current .shop-parent-category__link:hover,
.current .shop-parent-category__link:focus {
    color: #fff;
    background-color: #FF88BD;
    transition: all .2s ease
}

.shop-parent-category__link:hover+.shop-parent-category__toggler,
.shop-parent-category__link:focus+.shop-parent-category__toggler,
.current .shop-parent-category__link:hover+.shop-parent-category__toggler,
.current .shop-parent-category__link:focus+.shop-parent-category__toggler {
    color: #fff;
    transition: all .2s ease
}

@media(max-width:640.98px) {
    .shop-parent-category__link {
        position: relative;
        margin: 0;
        padding: 12px 40px 10px 10px;
        line-height: 1.25;
        transition: color .2s ease
    }
}

.shop-parent-category__toggler {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    font-size: 12px;
    height: 100%;
    width: 40px
}

.shop-parent-category__toggler:before {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    display: block
}

.current .shop-parent-category__toggler {
    color: #FF88BD;
    transition: all .2s ease
}

@media(max-width:640.98px) {
    .shop-parent-category__toggler {
        display: block
    }

    .shop-parent-category__toggler:before {
        transition: transform 300ms ease
    }
}

@media(max-width:640.98px) {
    .opened .shop-parent-category__toggler:before {
        transform: rotate(45deg);
        transition: transform 300ms ease
    }
}

.shop-parent-category__empty .shop-parent-category__toggler {
    display: none
}

@media(max-width:640.98px) {
    .shop-parent-category__empty .shop-parent-category__toggler {
        display: none
    }
}

.shop-child-categories {
    padding: 0;
    margin: 0;
    display: block;
    list-style: none outside none
}

@media(max-width:640.98px) {
    .shop-child-categories {
        padding-top: 6px;
        padding-bottom: 22px
    }
}

.shop-child-category {
    padding: 0;
    margin: 0;
    display: block
}

.shop-child-category__link {
    padding: 7px 10px;
    display: block;
    font-size: 14px;
    line-height: 1.286;
    color: #666b6e;
    text-decoration: none;
    transition: all .2s ease
}

@media(max-width:640.98px) {
    .shop-child-category__link {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 1.429;
        text-transform: uppercase
    }
}

.shop-child-category__link:hover,
.shop-child-category__link:focus,
.shop-child-category.current .shop-child-category__link {
    text-decoration: none;
    appearance: none;
    outline: none;
    box-shadow: none
}

.shop-child-category.current .shop-child-category__link {
    color: #FF88BD;
    transition: all .2s ease
}

.shop-child-category__link:hover,
.shop-child-category__link:focus,
.shop-child-category.current .shop-child-category__link:hover,
.shop-child-category.current .shop-child-category__link:focus {
    color: #fff;
    background-color: #FF88BD;
    transition: all .2s ease
}

.shop-mega-category-demo-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 320px
}

.shop-mega-category-demo {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: 100%;
    height: auto;
    flex: 0 0 auto
}

.shop-mega-category-demo.show {
    position: static;
    opacity: 1;
    visibility: visible
}

.shop-mega-category-demo.disabled {
    opacity: 0;
    visibility: hidden
}

.shop-img-categories {
    margin: 0 auto;
    padding: 35px 10px 10px;
    width: 100%;
    max-width: 1320px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-weight: 400
}

@media(max-width:768px) {
    .shop-img-categories {
        padding-right: 0
    }
}

@media(max-width:640.98px) {
    .shop-img-categories {
        padding-top: 28px
    }
}

.shop-img-categories-list {
    margin: 0;
    padding: 0 10px;
    list-style: none outside none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

.shop-img-category {
    margin: 0;
    padding: 0 20px 40px 0;
    display: block;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%
}

@media(max-width:768px) {
    .shop-img-category {
        padding-right: 10px;
        padding-bottom: 35px
    }
}

@media(max-width:640.98px) {
    .shop-img-category {
        padding-bottom: 25px;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.shop-img-category__link {
    display: block;
    text-decoration: none
}

.shop-img-category__link:hover,
.shop-img-category__link:focus {
    text-decoration: none;
    appearance: none;
    outline: none;
    box-shadow: none
}

.shop-img-category__link:hover .shop-img-category__name,
.shop-img-category__link:focus .shop-img-category__name {
    color: #FF88BD;
    transition: color .2s ease
}

.shop-img-category.current .shop-img-category__link .shop-img-category__name {
    color: #FF88BD
}

.shop-img-category__img {
    margin-bottom: 10px;
    padding-bottom: 100%;
    width: 100%;
    height: auto;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

@media(max-width:768px) {
    .shop-img-category__img {
        margin-bottom: 8px
    }
}

@media(max-width:640.98px) {
    .shop-img-category__img {
        position: relative;
        padding-bottom: 48.8%;
        background-image: none !important
    }
}

.shop-img-category__img-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

@media(max-width:640.98px) {
    .shop-img-category__img-mobile {
        display: block
    }
}

.shop-img-category__name {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.6667;
    font-weight: 400;
    color: #5f6062;
    text-align: left;
    text-transform: uppercase;
    transition: color .2s ease
}

.shop-img-category__name.current {
    color: #FF88BD
}

@media(max-width:768px) {
    .shop-img-category__name {
        font-size: 16px;
        line-height: 1.125
    }
}

@media(max-width:640.98px) {
    .shop-img-category__name {
        font-size: 14px;
        line-height: 1.286
    }
}

.tab-navigation-tabs {
    display: flex;
    overflow: auto;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%
}

.tab-navigation-tabs::-webkit-scrollbar {
    -moz-appearance: none;
    -webkit-appearance: none
}

.tab-navigation-tabs_titles {
    margin: 0 auto;
    padding: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    height: auto;
    width: auto
}

.tab-navigation-tabs .tab-link {
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    width: auto;
    list-style: none outside none;
    text-transform: uppercase;
    white-space: nowrap;
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1.5
}

.tab-navigation-tabs .tab-link span {
    position: relative;
    padding-bottom: 4px;
    display: block;
    font-weight: 400;
    transition: font-weight .2s ease
}

.tab-navigation-tabs .tab-link span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: -1px;
    width: auto;
    height: 3px;
    background-color: #FF88BD;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease
}

@media(min-width:1025px) {
    .tab-navigation-tabs .tab-link:hover {
        cursor: pointer
    }

    .tab-navigation-tabs .tab-link:hover span {
        font-weight: 800;
        transition: font-weight .2s ease
    }

    .tab-navigation-tabs .tab-link:hover span:after {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s ease
    }
}

.tab-navigation {
    margin-top: 40px
}

@media(max-width:1023.98px) {
    .tab-navigation {
        margin-top: 25px
    }
}

.tab-navigation_content-container {
    display: none;
    margin-top: 50px
}

@media(max-width:1023.98px) {
    .tab-navigation_content-container {
        margin-top: 30px
    }
}

.tab-navigation-active.tab-navigation_content-container {
    display: block
}

.tab-navigation-active.tab-link span {
    font-weight: 800;
    transition: font-weight .2s ease
}

.tab-navigation-active.tab-link span:after {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease
}

.tooltip {
    position: relative;
    display: inline-block;
    margin-left: 6px;
    z-index: 3
}

.tooltip--preorder {
    margin-left: 0
}

.tooltip--preorder>p {
    padding: 4px;
    background-color: #f7f8f8
}

.tooltip--gray .tooltip__text {
    background-color: #efefef
}

.tooltip--gray .tooltip__text:after {
    border-color: #efefef transparent transparent
}

.tooltip--w-100 {
    width: 100%
}

.tooltip--w-100 .tooltip__text {
    width: 100%
}

@media(max-width:767.98px) {
    .tooltip--w-100 .tooltip__text {
        left: -10.5px;
        width: 100%
    }
}

@media(max-width:767.98px) {
    .tooltip--right .tooltip__text {
        right: -10.5px;
        left: auto
    }
}

@media(max-width:767.98px) {

    .tooltip--right .tooltip__text:before,
    .tooltip--right .tooltip__text:after {
        right: 14px;
        left: auto
    }
}

@media(max-width:767.98px) {
    .tooltip--right .tooltip__text:before {
        right: 13px
    }
}

@media(max-width:767.98px) {

    .tooltip--left .tooltip__text:before,
    .tooltip--left .tooltip__text:after {
        left: 14px
    }
}

@media(max-width:767.98px) {
    .tooltip--left .tooltip__text:before {
        left: 13px
    }
}

.tooltip--bottom:before {
    bottom: auto;
    top: 100%
}

.tooltip--bottom .tooltip__text {
    top: 100%;
    bottom: auto;
    margin: 5px 0 0
}

.tooltip--bottom .tooltip__text:before,
.tooltip--bottom .tooltip__text:after {
    top: auto;
    bottom: 100%;
    transform: rotate(180deg)
}

.tooltip:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background-color: transparent
}

.tooltip a {
    text-decoration: underline !important
}

.tooltip a:hover {
    text-decoration: none !important
}

.tooltip>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #7f8081;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1
}

.tooltip__text {
    position: absolute;
    display: none;
    width: 360px;
    bottom: 100%;
    left: -10.5px;
    padding: 10px;
    margin: 0 0 5px;
    background-color: #fff;
    border: 1px solid #b5b9bb;
    border-radius: 3px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .16);
    z-index: 2
}

.tooltip__text p:last-of-type {
    padding-bottom: 0
}

@media(max-width:767.98px) {
    .tooltip__text {
        left: calc(50% - 120px);
        width: 240px;
        font-size: 14px
    }
}

.tooltip__text:before,
.tooltip__text:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 100%;
    left: 14px;
    border-width: 6px 5.5px 0;
    border-style: solid;
    border-color: #fff transparent transparent
}

@media(max-width:767.98px) {

    .tooltip__text:before,
    .tooltip__text:after {
        left: calc(50% - 5.5px)
    }
}

.tooltip__text:before {
    left: 13px;
    border-width: 7px 6.5px 0;
    border-color: #b5b9bb transparent transparent
}

@media(max-width:767.98px) {
    .tooltip__text:before {
        left: calc(50% - 6.5px)
    }
}

.tooltip:hover a,
.tooltip:target a {
    text-decoration: none !important;
    color: #FF88BD
}

.tooltip:hover .tooltip__text,
.tooltip:target .tooltip__text {
    display: block
}

.product-name+.tooltip.tooltip--preorder {
    margin-top: 12px
}

.collection-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.collection-item span {
    font-size: 16px
}

.collection-item .collection-item_details-link {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    text-align: center
}

.collection-item .collection-item_details-link:hover {
    color: #666b6e
}

.collection-item .collection-item_name {
    display: block;
    width: 100%;
    font-weight: 700
}

.collection-item .collection-item_category-title {
    display: none
}

.collection-item .collection-item_subline {
    margin-top: 5px;
    display: block;
    width: 100%
}

.collection-item .collection-item_subline ul,
.collection-item .collection-item_subline li {
    width: auto
}

.collection-item .collection-item_price {
    display: flex;
    justify-content: center;
    width: 100%
}

.collection-item .collection-item_price .collection-item_price-new {
    color: #e6006b;
    margin-right: 5px
}

.collection-item .collection-item_price .collection-item_price-old {
    text-decoration: line-through
}

.collection-item .collection-item_content {
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.collection-item .collection-item_content.bg-grey:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: #f7f8f8
}

.collection-item .collection-item_content .collection-item_content-wrapper {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.collection-item .collection-item_content .collection-item_content-wrapper.center {
    text-align: center
}

.collection-item .collection-item_content .collection-item_content-wrapper .collection-item_middle-rotate {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    height: 16px;
    width: 16px;
    background: #fff;
    left: 0
}

@media(max-width:1023.98px) {
    .collection-item .collection-item_content .collection-item_content-wrapper .collection-item_middle-rotate {
        display: none
    }
}

.collection-item .collection-item_content .collection-item_content-wrapper .collection-item_content-inner {
    text-align: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px
}

.collection-item .collection-item_content .collection-item_content-wrapper .collection-item_content-inner .product-wrapper {
    margin-bottom: 15px
}

.collection-item .collection-item_content .collection-item_content-wrapper .collection-item_content-inner .product-price {
    font-family: cerapro-bold, 'sans-serif';
    font-size: 36px;
    line-height: 36px;
    color: #e5006b
}

.collection-item .collection-item_content .collection-item_content-wrapper .collection-item_content-inner .note {
    font-family: cerapro-regular, 'sans-serif';
    font-size: 12px;
    line-height: 15px;
    color: #bbbfc1
}

.collection-item .collection-item_content:before {
    content: '';
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 100%
}

.collection-item .collection-item_content .collection-item_details-link {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.collection-item .collection-item_content .collection-item_label {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 0 5px;
    background-color: #FF88BD;
    color: #fff
}

@media(max-width:767.98px) {
    .collection-item .collection-item_content .collection-item_label {
        font-size: 12px
    }
}

.collection-item .collection-item_content .collection-item_label--bf {
    top: 4px;
    left: 4px;
    background-color: transparent
}

.collection-item .collection-item_content .collection-item_label--bf p {
    padding: 0;
    text-transform: uppercase;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 24px;
    line-height: 1;
    color: #fff
}

@media(max-width:767.98px) {
    .collection-item .collection-item_content .collection-item_label--bf p {
        font-size: 14px
    }
}

.collection-item .collection-item_content .collection-item_label--bf p>b {
    font-family: cerapro-bold, 'sans-serif';
    color: #f5b5c9
}

.collection-item .collection-item_content .collection-item_label--bf p>span {
    display: inline-block;
    margin: 4px 0 0;
    padding: 4px 8px;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 16px;
    background-color: #f5b5c9;
    color: #fff
}

@media(max-width:767.98px) {
    .collection-item .collection-item_content .collection-item_label--bf p>span {
        margin: 2px 0 0;
        padding: 2px 4px;
        font-size: 10px
    }
}

.collection-item .collection-item_content img {
    width: 100%
}

@media(max-width:1023.98px) {
    .collection-item .collection-item_content .image-mobile {
        display: block
    }

    .collection-item .collection-item_content .image-desktop {
        display: none
    }
}

@media(min-width:1024px) {
    .collection-item .collection-item_content .image-mobile {
        display: none
    }

    .collection-item .collection-item_content .image-desktop {
        display: block
    }
}

.collection-item .collection-item_content .hover-overlay {
    z-index: 3;
    display: none
}

@media(max-width:1023.98px) {
    .collection-item .collection-item_content:hover .hover-overlay {
        display: none
    }
}

@media(min-width:1024px) {
    .collection-item .collection-item_content:hover .hover-overlay {
        display: block
    }
}

.product-collection {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap
}

@media(max-width:1023.98px) {
    .product-collection {
        flex-direction: column
    }
}

.product-collection .product-collection_leftside {
    position: relative;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    order: 1;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_leftside {
        margin-top: 35px;
        padding-bottom: 30px;
        order: 2;
        flex: 0 0 auto;
        max-width: 100%;
        overflow: hidden
    }
}

.product-collection .product-collection_rightside {
    order: 2;
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_rightside {
        order: 1;
        flex: 0 0 auto;
        max-width: 100%
    }
}

.product-collection .product-collection_rightside .product-collection_image img {
    width: 100%
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_rightside .product-collection_image .image-mobile {
        display: block
    }

    .product-collection .product-collection_rightside .product-collection_image .image-desktop {
        display: none
    }
}

@media(min-width:1024px) {
    .product-collection .product-collection_rightside .product-collection_image .image-mobile {
        display: none
    }

    .product-collection .product-collection_rightside .product-collection_image .image-desktop {
        display: block
    }
}

.product-collection .product-collection_items {
    margin-top: -20px;
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 600px
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_items {
        margin-left: -20px;
        margin-right: -20px;
        max-width: none;
        justify-content: flex-start
    }
}

@media(max-width:767.98px) {
    .product-collection .product-collection_items {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(max-width:480px) {
    .product-collection .product-collection_items {
        margin-left: -5px;
        margin-right: -5px
    }
}

.product-collection .product-collection_items .collection-item {
    margin-top: 20px;
    padding-right: 30px;
    width: 50%;
    flex: 0 0 50%;
    max-width: 280px
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_items .collection-item {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 50%
    }
}

@media(max-width:767.98px) {
    .product-collection .product-collection_items .collection-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(max-width:480px) {
    .product-collection .product-collection_items .collection-item {
        padding-left: 5px;
        padding-right: 5px
    }
}

.product-collection .product-collection_items .collection-item .shop-button .btn,
.product-collection .product-collection_items .collection-item .shop-button .ost-jobs .ost-job .action,
.ost-jobs .ost-job .product-collection .product-collection_items .collection-item .shop-button .action {
    padding-left: 50px
}

.product-collection .product-collection_items .collection-item_image .collection-item_details-link {
    padding-left: 0;
    padding-right: 0
}

.product-collection .product-collection_items .collection-item_details-link {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

.product-collection .product-collection_bottom-holder {
    display: block;
    width: 100%;
    flex: 1 1 100%;
    height: 110px;
    order: 3
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_bottom-holder {
        display: none
    }
}

.product-collection .product-collection_button {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 45px;
    text-align: center
}

@media(max-width:1023.98px) {
    .product-collection .product-collection_button {
        position: static;
        margin-top: 20px
    }
}

.сollections-over-teaser {
    margin: 0 auto;
    padding: 35px 10px 10px;
    width: 100%;
    max-width: 1330px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-weight: 400
}

@media(max-width:640.98px) {
    .сollections-over-teaser {
        padding-top: 15px
    }
}

@media(max-width:480px) {
    .сollections-over-teaser {
        max-width: 400px
    }
}

.сollections-over-teaser__title {
    margin: 0 0 5px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 400;
    color: #666b6e;
    text-transform: uppercase
}

@media(max-width:768px) {
    .сollections-over-teaser__title {
        font-size: 32px
    }
}

@media(max-width:640.98px) {
    .сollections-over-teaser__title {
        margin-bottom: 15px;
        font-size: 23px;
        line-height: 1.174
    }
}

.сollections-over-teaser__subline {
    margin: 0 0 42px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    color: #666b6e;
    font-style: italic;
    text-align: center
}

@media(max-width:768px) {
    .сollections-over-teaser__subline {
        margin-bottom: 32px;
        font-size: 20px;
        line-height: 1.223
    }
}

@media(max-width:640.98px) {
    .сollections-over-teaser__subline {
        margin: 0 auto 26px;
        max-width: 220px;
        font-family: cerapro-regular, Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.25;
        font-style: normal
    }
}

.сollections-over-teaser__list {
    margin: 0 -5px;
    padding: 0;
    list-style: none outside none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media(max-width:640.98px) {
    .сollections-over-teaser__list {
        margin-left: -10px;
        margin-right: -10px
    }
}

.сollections-over-teaser__item {
    margin: 0;
    padding: 0 5px 40px;
    display: block;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%
}

@media(max-width:640.98px) {
    .сollections-over-teaser__item {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 50px;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media(max-width:480px) {
    .сollections-over-teaser__item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.сollections-over-teaser__item-link {
    display: block;
    text-decoration: none
}

.сollections-over-teaser__item-link:hover,
.сollections-over-teaser__item-link:focus {
    text-decoration: none;
    appearance: none;
    outline: none;
    box-shadow: none
}

.сollections-over-teaser__item-link:hover .сollections-over-teaser__item-name,
.сollections-over-teaser__item-link:focus .сollections-over-teaser__item-name {
    color: #FF88BD;
    transition: color .2s ease
}

.сollections-over-teaser__item-img {
    margin-bottom: 15px;
    padding-bottom: 100%;
    width: 100%;
    height: auto;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

@media(max-width:640.98px) {
    .сollections-over-teaser__item-img {
        margin-bottom: 18px
    }
}

.сollections-over-teaser__item-name {
    padding: 0;
    margin: 0;
    font-size: 23px;
    line-height: 1.174;
    font-weight: 400;
    color: #666b6e;
    text-align: center;
    transition: color .2s ease
}

@media(max-width:640.98px) {
    .сollections-over-teaser__item-name {
        font-size: 24px;
        line-height: 1.1667;
        text-transform: uppercase
    }
}

.background-banner {
    position: relative
}

.background-banner .headline-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 360px
}

@media(max-width:767.98px) {
    .background-banner .headline-container {
        height: 300px
    }
}

.background-banner .headline-container .background-image {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%
}

@media(max-width:767.98px) {
    .background-banner .headline-container .image-mobile {
        display: block
    }

    .background-banner .headline-container .image-tablet {
        display: none
    }

    .background-banner .headline-container .image-desktop {
        display: none
    }
}

@media(min-width:768px) {
    .background-banner .headline-container .image-mobile {
        display: none
    }

    .background-banner .headline-container .image-tablet {
        display: block
    }

    .background-banner .headline-container .image-desktop {
        display: none
    }
}

@media(min-width:1024px) {
    .background-banner .headline-container .image-mobile {
        display: none
    }

    .background-banner .headline-container .image-tablet {
        display: none
    }

    .background-banner .headline-container .image-desktop {
        display: block
    }
}

.background-banner .headline-container .headlines {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    text-align: center
}

@media(max-width:767.98px) {
    .background-banner .headline-container .headlines {
        top: 70%
    }
}

.background-banner .headline-container .headlines .headlines-small-title {
    margin: 0;
    padding: 0;
    font-family: nexaslabboldoblique, 'sans-serif';
    font-size: 16px;
    line-height: 19px;
    text-shadow: 1px 1px 1px #666b6e
}

.background-banner .headline-container .headlines .headlines-bg-text {
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    z-index: 0;
    padding: 0;
    width: auto;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 90px;
    line-height: 1.2;
    color: rgba(255, 255, 255, .2);
    text-transform: uppercase
}

@media all and (max-width:767px) {
    .background-banner .headline-container .headlines .headlines-bg-text {
        display: none
    }
}

.background-banner .headline-container .headlines .headlines-title {
    position: relative;
    z-index: 1;
    margin: 0;
    padding-bottom: 40px;
    width: 100%;
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    text-shadow: 1px 1px 1px #666b6e
}

@media(max-width:640.98px) {
    .background-banner .headline-container .headlines .headlines-title {
        padding: 0 10px;
        font-size: 2em;
        line-height: 1.2
    }
}

.background-banner .headline-container .headlines .headlines-subtitle {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 16px;
    line-height: 2rem;
    text-shadow: 1px 1px 1px #666b6e;
    text-align: center
}

.background-banner .slide-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.background-banner .slide-nav img {
    height: 41px;
    width: 100%
}

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

.hover-overlay .element-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px 10px;
    background-color: rgba(0, 0, 0, .45)
}

.hover-overlay .element-wrapper .variants-container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    min-width: 0;
    width: 100%
}

.hover-overlay .element-wrapper .variants-container span {
    text-align: center;
    display: inline-block;
    flex: 0 1 auto;
    min-width: 0
}

@media(max-width:767.98px) {
    .hover-overlay .element-wrapper .variants-container span {
        font-size: 12px
    }
}

@media(min-width:768px) {
    .hover-overlay .element-wrapper .variants-container span {
        font-size: 14px;
        line-height: 1.429
    }
}

.hover-overlay .element-wrapper .variants-container .variants-selector {
    display: none
}

.hover-overlay .element-wrapper .variants-container .size-selector {
    display: none
}

.hover-overlay .element-wrapper .shop-button {
    margin-top: 32px
}

@media(max-width:767.98px) {
    .hover-overlay .element-wrapper .shop-button {
        font-size: 12px
    }
}

@media(min-width:768px) {
    .hover-overlay .element-wrapper .shop-button {
        font-size: 16px
    }
}

.hover-overlay .element-wrapper .details-button {
    margin-top: 35px
}

@media(max-width:767.98px) {
    .hover-overlay .element-wrapper .details-button {
        font-size: 12px
    }
}

@media(min-width:768px) {
    .hover-overlay .element-wrapper .details-button {
        font-size: 13px
    }
}

.hover-overlay .element-wrapper .details-button .btn,
.hover-overlay .element-wrapper .details-button .ost-jobs .ost-job .action,
.ost-jobs .ost-job .hover-overlay .element-wrapper .details-button .action {
    margin-bottom: 0;
    font-size: 13px
}

.two-variants-overlay .variant-colors {
    display: flex;
    justify-content: center;
    padding-left: 8px;
    padding-top: 4px
}

.two-variants-overlay .variant-colors .variant-color {
    margin-left: 8px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.two-variants-overlay .variant-colors .blue {
    background-color: #005d8f
}

.two-variants-overlay .variant-colors .pink {
    background-color: #FF88BD
}

.commerce-product-list {
    margin-top: 40px;
    padding-bottom: 25px;
    overflow-x: hidden
}

.commerce-product-list--upselling .collection-item:first-of-type .collection-item_content {
    position: relative
}

.commerce-product-list--upselling .collection-item:first-of-type .collection-item_content:after {
    content: ""
}

.commerce-product-list--upselling .collection-item:first-of-type .collection-item_content:after {
    position: absolute;
    top: 50%;
    left: calc(100% + 7px);
    color: #5f6062;
    font-size: 16px;
    line-height: 0;
    transform: translateY(-50%)
}

@media(max-width:1023.98px) {
    .commerce-product-list--upselling .collection-item:first-of-type .collection-item_content:after {
        left: calc(100% + 2px)
    }
}

@media(max-width:480px) {
    .commerce-product-list--upselling .collection-item:first-of-type .collection-item_content:after {
        left: 100%;
        font-size: 10px
    }
}

.commerce-product-list--custom .collection-item .collection-item_details-link {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.commerce-product-list--custom .collection-item .collection-item_details-link img {
    max-width: 75%
}

.commerce-product-list h2 {
    padding-bottom: 25px
}

@media(max-width:767.98px) {
    .commerce-product-list h2 {
        padding-bottom: 25px;
        margin-bottom: 0
    }
}

.commerce-product-list .commerce-product-list_container {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

@media(max-width:1023.98px) {
    .commerce-product-list .commerce-product-list_container {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(max-width:480px) {
    .commerce-product-list .commerce-product-list_container {
        margin-left: -5px;
        margin-right: -5px
    }
}

.commerce-product-list .commerce-product-list_container .scLooseFrameZone {
    flex: 1 1 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.commerce-product-list .commerce-product-list_container .collection-item {
    margin-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%
}

@media(max-width:1023.98px) {
    .commerce-product-list .commerce-product-list_container .collection-item {
        padding: 10px;
        flex: 0 0 50%;
        max-width: 50%
    }

    .commerce-product-list .commerce-product-list_container .collection-item.md-100 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .commerce-product-list .commerce-product-list_container .collection-item.md-100 .collection-item_content:before {
        padding-bottom: 200px
    }
}

@media(max-width:480px) {
    .commerce-product-list .commerce-product-list_container .collection-item {
        padding-left: 5px;
        padding-right: 5px
    }
}

.commerce-product-list .commerce-product-list_container .collection-item .btn,
.commerce-product-list .commerce-product-list_container .collection-item .ost-jobs .ost-job .action,
.ost-jobs .ost-job .commerce-product-list .commerce-product-list_container .collection-item .action {
    margin: 0
}

.commerce-product-list .commerce-product-list_container .collection-item .btn.btn--add-to-cart,
.commerce-product-list .commerce-product-list_container .collection-item .ost-jobs .ost-job .btn--add-to-cart.action,
.ost-jobs .ost-job .commerce-product-list .commerce-product-list_container .collection-item .btn--add-to-cart.action {
    padding: 10px 20px 10px 50px
}

.commerce-product-list .commerce-product-list_container .product-teaser .collection-item {
    margin-bottom: 0;
    height: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media(max-width:1023.98px) {
    .commerce-product-list .commerce-product-list_container .product-teaser .collection-item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media(max-width:480px) {
    .commerce-product-list .commerce-product-list_container .product-teaser .collection-item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.commerce-product-list.centered .commerce-product-list_container {
    justify-content: center
}

.commerce-product-list.centered .commerce-product-list_container .scLooseFrameZone {
    justify-content: center
}

.commerce-product-list.left-aligned .commerce-product-list_container {
    justify-content: left
}

.commerce-product-list.left-aligned .commerce-product-list_container .scLooseFrameZone {
    justify-content: left
}

.commerce-product-list .commerce-product-list_button {
    position: relative;
    text-align: center;
    margin-top: 40px
}

@media(max-width:1023.98px) {
    .image-viewer {
        height: auto;
        width: 100%;
        margin-bottom: 40px
    }
}

@media(min-width:1024px) {
    .image-viewer {
        width: 520px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 40px
    }
}

.image-viewer .image-viewer_active-image {
    margin: 0 auto
}

.image-viewer .image-viewer_active-image img {
    padding: 0 50px;
    width: auto;
    height: 240px
}

.image-viewer .image-viewer_image-overview {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: auto
}

.image-viewer .image-viewer_image-overview img {
    width: 100px;
    height: 120px;
    padding: 20px 10px;
    border: none;
    cursor: pointer
}

.image-viewer .image-viewer_image-overview img.activeImg {
    border: 1px solid #707070
}

.product-preview-popup-modal.product-modal {
    z-index: 5001;
    overflow-y: scroll
}

.product-preview-popup-modal.product-modal[data-added-to-cart=processing]:before,
.product-preview-popup-modal.product-modal [data-added-to-cart=processing]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat;
    z-index: 1
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=false],
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=false] {
    display: none !important
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added {
    margin: 0;
    padding: 40px 20px
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product-added__title,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product-added__title {
    margin: 0 auto 15px;
    font-size: 3.2em
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .media,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .media {
    margin: 0;
    padding: 0
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .media img,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .media img {
    width: 100%
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .description,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .description {
    float: left;
    margin: 0 0 0 50px;
    padding: 10px 0 0;
    width: calc(100% - 150px)
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .description .name,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .product .description .name {
    margin-bottom: 15px
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .actions,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .actions {
    max-width: 100%;
    margin: 20px;
    text-align: right
}

.product-preview-popup-modal.product-modal[data-added-to-cart=success] [data-added-to-cart-show=true].product-added .actions a:first-child,
.product-preview-popup-modal.product-modal [data-added-to-cart=success] [data-added-to-cart-show=true].product-added .actions a:first-child {
    margin-right: 10px
}

.product-preview-popup-modal.product-modal.product-teaser-modal {
    text-align: left
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area {
    flex-direction: column
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area .teaser-area-wrapper {
        padding: 20px 0;
        max-width: 768px
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area .teaser-area-wrapper {
        padding: 0;
        max-width: 768px
    }
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area .teaser-area-wrapper .close-icon span {
    position: static;
    line-height: 0
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-wrapper {
    margin: 0 auto;
    margin-top: 10px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .description {
    margin-left: 60px;
    float: none;
    width: 100%
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-label {
    position: static;
    display: inline-block;
    margin-bottom: 10px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .name {
    margin: 0;
    text-align: left;
    word-break: break-all
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-usps {
    margin-top: 10px;
    margin-bottom: 10px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-usps ul {
    max-height: none
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-usps li {
    list-style-type: disc
}

.product-preview-popup-modal.product-modal.product-teaser-modal .more-details {
    margin-top: 5px;
    font-weight: 700;
    cursor: pointer
}

.product-preview-popup-modal.product-modal.product-teaser-modal .more-details>span {
    margin-left: 3px;
    font-size: 10px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .less-details {
    cursor: pointer;
    margin-top: 5px;
    font-weight: 700
}

.product-preview-popup-modal.product-modal.product-teaser-modal .less-details>span {
    margin-right: 3px;
    font-size: 10px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .price {
    margin-bottom: 15px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .price .product-price .value {
    margin-right: 5px;
    font-size: 40px;
    line-height: 30px;
    color: #65695e
}

.product-preview-popup-modal.product-modal.product-teaser-modal .price .product-price .note {
    font-size: 16px;
    color: #bbbfc1
}

.product-preview-popup-modal.product-modal.product-teaser-modal .price .product-price .note+.note {
    display: block;
    margin: 8px auto
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-status,
.product-preview-popup-modal.product-modal.product-teaser-modal .product-status-additional {
    position: relative;
    margin-bottom: 25px;
    white-space: nowrap;
    color: #47ba5b;
    font-weight: 700
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-status.status--preorder,
.product-preview-popup-modal.product-modal.product-teaser-modal .product-status-additional.status--preorder {
    color: #cc2867
}

.product-preview-popup-modal.product-modal.product-teaser-modal .product-status-wrapper .product-status-text {
    white-space: nowrap;
    color: #47ba5b;
    font-weight: 700
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.color-selector {
    display: none;
    margin-bottom: 0
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.color-selector.shown {
    display: block
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.color-selector .color-selector {
    margin: 0;
    display: block
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.color-selector .color-item {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.color-selector .color-item.selected span {
    font-size: 12px;
    top: 0
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons {
    transition: opacity .5s ease-in-out;
    opacity: 1;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons:after {
    content: "";
    display: table;
    clear: both
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons.disabled {
    opacity: .5;
    pointer-events: none
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount {
    float: left;
    margin-right: 25px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount .text {
    font-size: 13px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount {
    display: inline-block;
    vertical-align: bottom
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount input,
.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount span {
    vertical-align: middle
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount input::selection,
.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount span::selection {
    background-color: #fff
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount .wrapper {
    display: inline-block;
    position: relative;
    width: 60px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount .wrapper::after {
    background-color: #65695e;
    display: block;
    content: "";
    height: 2px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 40px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount input {
    font-family: "sans-serif";
    font-size: 24px;
    line-height: 24px;
    color: #666b6e;
    text-align: center;
    border: 0;
    outline: 0;
    width: 100%;
    -moz-appearance: textfield
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount input::-webkit-inner-spin-button {
    display: none
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount .btn-minus,
.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount .btn-plus {
    font-family: "sans-serif";
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;
    font-weight: lighter
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount .text {
    font-size: 12px;
    padding: 10px 0;
    padding-bottom: 0
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .amount::selection {
    background-color: #fff
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .text {
    padding-bottom: 0
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .btn,
.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .ost-jobs .ost-job .action,
.ost-jobs .ost-job .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .action {
    position: static;
    transform: none;
    -ms-transform: none
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .btn.icon-add-to-cart:before,
.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .ost-jobs .ost-job .icon-add-to-cart.action:before,
.ost-jobs .ost-job .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .icon-add-to-cart.action:before {
    position: relative;
    top: 2px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .teaser-action-buttons .cartHandlerButton {
    display: flex;
    align-items: center
}

.product-preview-popup-modal.product-modal.product-teaser-modal .actions {
    opacity: 0;
    position: relative;
    left: auto;
    height: 0;
    transform: none;
    transition: opacity 1s ease-in-out;
    z-index: auto
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.shown {
    opacity: 1;
    height: auto;
    z-index: 1;
    visibility: visible
}

.product-preview-popup-modal.product-modal.product-teaser-modal div.hidden {
    opacity: 0;
    height: 0;
    z-index: auto;
    display: none;
    visibility: hidden
}

.product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector {
    width: 100%;
    margin-bottom: 25px;
    height: 80px;
    display: none
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector {
        max-width: 500px
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector {
        max-width: 648px
    }
}

.product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector.shown {
    display: block
}

.product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector .variants-selector {
    display: flex
}

.product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector .variant-item {
    float: none;
    cursor: pointer
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector .variant-item {
        width: 49%
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector .variant-item {
        width: 49%
    }
}

.product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector .variant-item:nth-child(even) {
    float: none
}

.product-preview-popup-modal.product-modal.product-teaser-modal .variant-selector .variant-item img {
    width: auto
}

.product-preview-popup-modal.product-modal.product-teaser-modal .wrapper .variant-item,
.product-preview-popup-modal.product-modal.product-teaser-modal .select-variant .variant-item {
    width: 100%
}

.product-preview-popup-modal.product-modal.product-teaser-modal .wrapper .variant-item:hover span,
.product-preview-popup-modal.product-modal.product-teaser-modal .select-variant .variant-item:hover span {
    color: #FF88BD
}

.product-preview-popup-modal.product-modal.product-teaser-modal .select-variant {
    left: 0;
    max-height: 300px;
    overflow: scroll
}

.product-preview-popup-modal.product-modal.product-teaser-modal .subscribe-info-container {
    margin-bottom: 5px
}

.product-preview-popup-modal.product-modal.product-teaser-modal .subscribe-info-container a {
    text-decoration: underline
}

.product-preview-popup-modal.product-modal.product-teaser-modal .subscribe-info-container p {
    padding-bottom: 0
}

@media(max-width:1023.98px) {
    .itself-bundle .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper {
        padding: 0;
        max-width: 1066px;
        height: 90%;
        max-height: 950px
    }
}

@media(min-width:1024px) {
    .itself-bundle .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper {
        padding: 0;
        width: 96%;
        max-width: 1066px;
        height: 90%;
        max-height: 950px
    }
}

.product-preview-popup-modal.product-modal .product-added {
    margin-bottom: 100px
}

.product-preview-popup-modal.product-modal .teaser-area {
    height: auto
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper {
    min-height: 1px;
    padding: 0
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile.product-preview-popup {
        display: block
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile.product-preview-popup {
        display: none
    }
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--desktop.product-preview-popup {
        display: none
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--desktop.product-preview-popup {
        display: block
    }
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile {
    position: relative;
    background: #fff
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-teaser {
    padding-top: 50px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-teaser h3 {
    font-size: 28px;
    text-transform: uppercase
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-teaser .product-description-teaser {
    text-align: center;
    padding: 0 20px;
    font-size: 16px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item {
    margin: 15px 0;
    box-shadow: 0 8px 8px -5px rgba(0, 0, 0, .75)
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_head {
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_head .accordion-item-opener {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #e6006b;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_head .accordion-item-opener span {
    color: #fff;
    font-size: 24px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_head .accordion-item-opener .icon--arrow-down {
    font-size: 40px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_head .product-details h3 {
    text-align: left;
    margin-bottom: 0
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_body {
    display: none;
    height: auto;
    padding: 0 20px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_body .product-summary {
    margin-left: 0
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-preview-modal--mobile .product-preview-accordion .product-preview-accordion_item .accordion-item_body .teaser-action-buttons {
    flex-direction: column
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-modal__nav {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    flex: 0 0 42.68%;
    max-width: 42.68%;
    min-width: 0;
    background-color: #f7f8f8
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-modal__contents {
    position: relative;
    width: 100%;
    flex: 0 0 57.32%;
    max-width: 57.32%;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16)
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-modal__contents .product-bundle-preview-modal__item {
    padding: 20px 0 10px;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: none
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info {
    position: relative;
    padding: 1px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    flex: 1 1 470px;
    min-height: 0;
    max-height: 470px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info__wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    max-height: 100%;
    overflow-y: auto
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info__content {
    width: 100%;
    margin-top: 12%;
    margin-bottom: 12%
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info__content.vert-smaller-offset {
    margin-top: 20px;
    margin-bottom: 10px
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info__content.vert-smaller-offset .product-bundle-preview-info__text {
    padding-bottom: 0
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info__title {
    margin-bottom: 0;
    padding-bottom: 12px;
    font-size: 28px;
    line-height: 1.268;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-info__text {
    margin-bottom: 0;
    padding-bottom: 15px;
    width: 100%;
    font-size: 16px;
    line-height: 1.875;
    text-align: center
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tabs {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab {
    margin: 0;
    padding: 0;
    display: flex;
    flex: 0 0 115px;
    width: 100%;
    position: relative
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab:before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    content: '';
    display: block;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    opacity: 0
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__link {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
    text-decoration: none;
    color: #666b6e
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__link:hover,
.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__link:focus {
    text-decoration: none;
    color: #666b6e;
    outline: none
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab--active:before {
    opacity: 1
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab--active .product-bundle-preview-tab__link {
    background-color: #fff
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__image {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 105px
}

@media all and (-ms-high-contrast:none) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__image {
        justify-content: flex-start
    }
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__image img {
    display: block;
    width: auto;
    max-width: 100%
}

@media all and (-ms-high-contrast:none) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__image img {
        margin: auto
    }
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__content {
    padding: 16px 10px 15px 0;
    display: flex;
    flex: 1 1 0;
    height: 100%;
    min-width: 0;
    flex-direction: column;
    justify-content: center
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__name {
    margin: 0 0 5px;
    flex: 0 0 auto;
    width: 100%;
    font-size: 18px;
    line-height: 1.445;
    text-align: left
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .product-bundle-preview-tab__meta {
    margin: 0;
    display: block;
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1.125
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview {
    overflow-y: auto;
    overflow-x: hidden
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview {
        max-height: 100%
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview {
        max-height: 90vh
    }
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview .product-preview-modal--mobile {
        display: block
    }

    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview .product-preview-modal--mobile .product-summary {
        margin: 0;
        padding-left: 25px;
        padding-right: 25px
    }

    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview .product-preview-modal--mobile .teaser-action-buttons {
        flex-direction: column
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview .product-preview-modal--mobile {
        display: none
    }
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview .product-preview-modal--desktop {
        display: none
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .single-product-preview .product-preview-modal--desktop {
        display: block
    }
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .bundle-product-preview {
    height: 100%;
    overflow: hidden
}

.product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .bundle-product-preview .product-bundle-preview-modal {
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(max-width:1023.98px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .bundle-product-preview .product-bundle-preview-modal {
        display: none
    }
}

@media(min-width:1024px) {
    .product-preview-popup-modal.product-modal .teaser-area .teaser-area-wrapper .bundle-product-preview .product-bundle-preview-modal {
        display: flex
    }
}

.product-teaser-modal .actions:not(.shown) {
    pointer-events: none
}

.products-list.incentive-teasers[data-show-add-to-cart-icon="0"] ul .quick-view-icon {
    display: none
}

.installation-service-datetime-modal .actions,
.installation-service-datetime-modal .grid-row {
    max-width: 960px
}

.installation-service-datetime-modal .actions {
    margin: 30px auto
}

.installation-service-datetime-modal .close-icon {
    top: 1px;
    z-index: 1
}

.installation-service-datetime-modal .content-area,
.installation-service-datetime-modal .p-stage__slide-inner {
    position: relative
}

.installation-service-datetime-modal .delivery-intervals {
    margin: auto
}

@media all and (min-width:475px) {

    .product-modal .product-added>h1,
    .product-modal .product-added>h5 {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }

    .product-modal .product .description {
        margin-left: 50px;
        width: calc(100% - 150px)
    }

    .product-modal .product .media {
        margin-top: 20px
    }
}

@media all and (min-width:767px) {
    .product-modal .actions {
        left: 50%;
        position: relative;
        transform: translateX(-26%)
    }

    .installation-service-datetime-modal .actions {
        left: auto;
        transform: none
    }
}

@media all and (max-width:768px) {
    .product-modal .product-added {
        margin-bottom: 50px
    }

    .delivery-day .grid-row .delivery-intervals {
        max-width: 150px;
        margin: auto
    }
}

@media all and (min-width:991px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area-wrapper .close-icon {
        top: -20px;
        right: -20px
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area-wrapper .description {
        padding-right: 120px
    }
}

@media all and (max-width:991px) {
    .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area {
        display: block
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .teaser-area .teaser-area-wrapper {
        padding: 0
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .media,
    .product-preview-popup-modal.product-modal.product-teaser-modal .description {
        width: 100%;
        float: none;
        padding: 0
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .media {
        margin: 20px 0
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .description {
        padding-bottom: 68px
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .price {
        margin-bottom: 25px
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .price+.product-status {
        top: 0
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons {
        position: relative;
        z-index: 1
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector-block {
        padding-right: 120px;
        position: relative
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector-block .color-delivery {
        white-space: nowrap;
        position: absolute;
        bottom: -20px;
        left: 0
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .text {
        font-size: 14px;
        text-align: left
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .teaser-action-buttons {
        margin-top: 10px;
        position: static
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .teaser-action-buttons .addToCartButton {
        display: flex;
        align-items: center
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons {
        text-align: center
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .ammount,
    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .btn,
    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .action {
        display: inline-block;
        float: none
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .amount {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        text-align: left;
        z-index: 2
    }

    .product-preview-popup-modal.product-modal.product-teaser-modal .actions {
        max-width: 100%;
        width: 100%;
        height: 0;
        position: static;
        visibility: hidden
    }
}

@media all and (max-width:585px) {
    .product-modal.product-teaser-modal div.color-selector .color-item {
        width: 25px;
        height: 25px;
        margin-right: 7px
    }

    .product-modal.product-teaser-modal div.color-selector .color-item.selected span {
        top: -1px
    }

    .product-modal.product-teaser-modal .teaser-action-buttons {
        text-align: center
    }

    .product-modal.product-teaser-modal .teaser-action-buttons .ammount,
    .product-modal.product-teaser-modal .teaser-action-buttons .btn,
    .product-modal.product-teaser-modal .teaser-action-buttons .ost-jobs .ost-job .action,
    .ost-jobs .ost-job .product-modal.product-teaser-modal .teaser-action-buttons .action {
        display: inline-block;
        float: none
    }
}

@media all and (max-width:475px) {
    .product-modal.product-teaser-modal .color-selector-block.shown.multicolor {
        padding-right: 0
    }

    .product-modal.product-teaser-modal .color-selector-block.shown.multicolor+.teaser-action-buttons .amount {
        display: block;
        position: static;
        padding-top: 20px
    }

    .product-modal.product-teaser-modal .color-selector-block.shown.multicolor .addToCartButton {
        display: flex;
        align-items: center
    }

    .product-modal .actions a:first-child {
        margin-right: 0
    }
}

.heating-water-hardness {
    width: 100%
}

.heating-water-hardness--loading {
    position: relative
}

.heating-water-hardness--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat
}

.heating-water-hardness--error .heating-water-hardness__option input:invalid {
    border: 2px solid #e5006b
}

.heating-water-hardness--error .heating-water-hardness__option input:invalid:focus {
    border-width: 1px
}

.heating-water-hardness--error .heating-water-hardness__option ::placeholder {
    opacity: 0
}

.heating-water-hardness--error .heating-water-hardness__option ::-webkit-input-placeholder {
    opacity: 0
}

.heating-water-hardness--error .heating-water-hardness__option :-ms-input-placeholder {
    opacity: 0
}

.heating-water-hardness--calculated .heating-water-hardness__middle {
    background-color: #6286a4
}

.heating-water-hardness--calculated .heating-water-hardness__initial {
    display: none
}

.heating-water-hardness--calculated .heating-water-hardness__result {
    display: block
}

.heating-water-hardness--flexy {
    display: flex;
    flex-direction: column;
    height: 100%
}

.heating-water-hardness--flexy .heating-water-hardness__top {
    flex: 1;
    -ms-flex: 1 1 auto
}

.heating-water-hardness__top h4 {
    margin: 0 0 30px;
    text-align: left
}

.heating-water-hardness__top .tooltip {
    margin-bottom: 30px
}

@media(min-width:1121px) {
    .heating-water-hardness__col {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }
}

.heating-water-hardness__option {
    display: flex;
    flex: 1;
    align-items: center;
    margin: 0 20px 20px 0
}

@media(max-width:1120px) {
    .heating-water-hardness__option {
        margin: 0 0 20px
    }
}

.heating-water-hardness__option>span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #6286a4;
    border-radius: 100%
}

.heating-water-hardness__option>span .icon {
    line-height: 0;
    color: #fff
}

.heating-water-hardness__option>span .icon--heat {
    font-size: 50px
}

.heating-water-hardness__option>span .icon--drop {
    font-size: 40px
}

.heating-water-hardness__option label {
    width: calc(100% - 120px);
    margin: 0 20px
}

.heating-water-hardness__option input {
    max-width: 80px;
    margin-top: 14px;
    padding: 10px;
    background-color: transparent;
    border: 1px solid #afafb0;
    outline: none
}

.heating-water-hardness__option input:focus {
    border-color: #7f8081
}

.heating-water-hardness__option ::placeholder {
    color: #b5b9bb;
    opacity: 1
}

.heating-water-hardness__option ::-webkit-input-placeholder {
    color: #b5b9bb
}

.heating-water-hardness__option :-ms-input-placeholder {
    color: #b5b9bb
}

.heating-water-hardness__middle {
    display: flex;
    height: 120px;
    margin: 0 -20px -20px;
    padding: 20px;
    align-items: center;
    background-color: #f7f8f8
}

@media(max-width:1120px) {
    .heating-water-hardness__middle {
        height: 180px
    }
}

@media all and (max-width:641px) {
    .heating-water-hardness__middle {
        margin: 0 -10px -20px
    }
}

.heating-water-hardness__initial,
.heating-water-hardness__result {
    width: 100%
}

@media(max-width:1120px) {

    .heating-water-hardness__initial,
    .heating-water-hardness__result {
        text-align: center
    }
}

.heating-water-hardness__initial .btn,
.heating-water-hardness__initial .ost-jobs .ost-job .action,
.ost-jobs .ost-job .heating-water-hardness__initial .action {
    margin: 0
}

.heating-water-hardness__result {
    display: none;
    color: #fff
}

.heating-water-hardness__result h2 {
    font-size: 3em;
    text-align: left;
    color: #fff
}

@media(max-width:1120px) {
    .heating-water-hardness__result h2 {
        text-align: center
    }
}

.heating-water-hardness__result .btn.btn--transparent,
.heating-water-hardness__result .ost-jobs .ost-job .btn--transparent.action,
.ost-jobs .ost-job .heating-water-hardness__result .btn--transparent.action {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.contacts {
    position: relative;
    padding: 30px;
    background-color: #f7f8f8
}

.contacts--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat;
    z-index: 2
}

.contacts--error .contacts__error {
    display: block
}

.contacts .form {
    padding: 20px 0
}

.contacts .form .row {
    display: flex;
    justify-content: center
}

.contacts .form__field {
    width: calc(33.3% - 40px)
}

.contacts .form__field--single {
    margin-bottom: 30px
}

@media(max-width:1023.98px) {
    .contacts .form__field {
        width: calc(50% - 40px)
    }
}

@media(max-width:767.98px) {
    .contacts .form__field {
        width: 100%
    }
}

.contacts__division {
    margin: 20px 0
}

.contacts__division ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.contacts__division ul li {
    max-width: 256px;
    flex: 1;
    margin: 0 6px;
    padding: 0;
    outline: none
}

@media(max-width:450px) {
    .contacts__division ul li {
        max-width: 100%
    }
}

.contacts__division ul li input {
    display: none
}

.contacts__division ul li input+div {
    position: relative;
    display: block;
    cursor: pointer
}

.contacts__division ul li input+div .contacts__d-thumb {
    display: block;
    width: 100%;
    height: 115px;
    margin: 0 0 10px;
    background-size: cover;
    background-position: center center
}

@media(max-width:767.98px) {
    .contacts__division ul li input+div .contacts__d-thumb {
        height: 100px
    }
}

.contacts__division ul li input+div p {
    padding: 0 6px 12px;
    font-size: 12px;
    color: #5f6062;
    text-align: center;
    text-transform: uppercase
}

.contacts__division ul li input:checked+div {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.contacts__division ul li input:checked+div p {
    color: #FF88BD
}

@media(max-width:450px) {
    .contacts__division ul .slick-list {
        padding-bottom: 8px !important
    }
}

.contacts__division ul .slick-prev,
.contacts__division ul .slick-next {
    top: 0;
    transform: none;
    height: 115px
}

@media(max-width:767.98px) {

    .contacts__division ul .slick-prev,
    .contacts__division ul .slick-next {
        height: 100px
    }
}

@media(max-width:449px) {

    .contacts__division ul .slick-prev,
    .contacts__division ul .slick-next {
        display: none !important
    }
}

.contacts__division ul .slick-prev:before,
.contacts__division ul .slick-next:before {
    border-color: #FF88BD
}

.contacts__list {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap
}

.contacts__item {
    width: calc(33.3% - 40px);
    margin: 20px;
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}

@media(max-width:1023.98px) {
    .contacts__item {
        width: calc(50% - 40px)
    }
}

@media(max-width:767.98px) {
    .contacts__item {
        width: 100%;
        margin: 20px 0
    }
}

.contacts__item .contacts__block {
    padding: 20px 30px 0
}

.contacts__item .contacts__block--grey {
    background-color: #f7f8f8
}

.contacts__item .contacts__block--w-btn {
    padding: 0 30px 20px;
    text-align: center
}

.contacts__item .contacts__block--collapse {
    padding: 20px 30px
}

.contacts__item .contacts__block--collapse .contacts__title {
    padding: 20px 20px 20px 30px;
    margin: -20px -15px;
    left: 0;
    cursor: pointer
}

.contacts__item .contacts__block--collapse .icon.icon--arrow-down-circle {
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    color: #5f6062;
    background-color: #fff;
    border-radius: 50%;
    font-size: 24px;
    line-height: 0;
    transform: none;
    transition: all .4s ease
}

.contacts__item .contacts__block--collapse ul {
    display: none
}

.contacts__item .contacts__block--collapse ul li:last-child {
    padding: 20px 0 0
}

.contacts__item .contacts__block--collapse-expanded .icon.icon--arrow-down-circle {
    transform: rotate(180deg)
}

.contacts__item .contacts__block h4 {
    margin: 0 0 10px;
    text-align: left
}

.contacts__item .contacts__block p:not(.contacts__title) {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px
}

.contacts__item .contacts__block p:not(.contacts__title):last-of-type {
    margin: 0
}

.contacts__item .contacts__block ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.contacts__item .contacts__block ul li {
    margin: 0;
    padding: 20px 0
}

.contacts__item .contacts__block ul li:not(:first-child) {
    border-top: 1px solid #b5b9bb
}

.contacts__item .contacts__link {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    text-decoration: none
}

.contacts__item .contacts__link .icon {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 20px;
    line-height: 0;
    transform: translateY(-50%)
}

@media(max-width:1023.98px) {
    .contacts__item .contacts__link[href*="tel:"] {
        font-size: 17px;
        padding: 6px 12px 6px 40px;
        border: 1px solid;
        white-space: nowrap
    }

    .contacts__item .contacts__link[href*="tel:"]:hover,
    .contacts__item .contacts__link[href*="tel:"]:focus {
        border-color: #FF88BD
    }

    .contacts__item .contacts__link[href*="tel:"] .icon {
        left: 12px
    }
}

@media(max-width:480px) {
    .contacts__item .contacts__link[href*="tel:"] {
        font-size: 14px
    }
}

.contacts__item .contacts__link[href*="mailto:"] {
    word-break: break-all;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none
}

.contacts__item .contacts__title {
    position: relative;
    left: -15px;
    margin: 0;
    padding: 0 0 0 30px;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase
}

.contacts__item .contacts__title .icon {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 24px;
    color: #005d8f;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.contacts__error {
    display: none
}

.contacts__error p {
    font-size: 24px;
    text-align: center;
    color: #971033
}

.download-center {
    position: relative;
    padding: 30px
}

.download-center--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat
}

.download-center--error .contacts__error {
    display: block
}

.download-center .form {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px 0;
    background-color: transparent
}

.download-center .form .row {
    display: flex;
    justify-content: center
}

.download-center .form .row>.form__field {
    width: 100%
}

.download-center .form .row>.form__field .form__field__input__elem {
    padding: 10px 40px 10px 10px
}

.download-center .form__submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border: 0;
    background: 0 0;
    color: #666b6e;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    outline: none;
    z-index: 3
}

.download-center .download-list h4 {
    font-size: 24px;
    line-height: 120%
}

.download-center .download-list .download-accordion .accordion-panel>span {
    font-family: cerapro-bold, 'sans-serif'
}

.download-center__total {
    margin: 30px 0;
    text-align: center
}

.download-center__total p {
    padding: 0;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 18px
}

.download-center__error {
    display: none
}

.download-center__error p {
    font-size: 24px;
    text-align: center;
    color: #971033
}

.fypb__title {
    margin: 10px 0;
    color: #e5006b;
    font-size: 60px;
    letter-spacing: .2px;
    line-height: 1;
    font-family: avallon, Helvetica, Arial, sans-serif
}

@media(max-width:767.98px) {
    .fypb__title {
        margin: 10px 0 0;
        font-size: 29px
    }
}

.fypb__row {
    display: flex
}

@media(max-width:767.98px) {
    .fypb__row {
        flex-direction: column
    }
}

.fypb__row aside {
    width: 33.3%;
    margin: 0 40px 0 0
}

@media(max-width:1023.98px) {
    .fypb__row aside {
        margin: 0 10px 0 0
    }
}

.fypb__row aside img {
    margin: 0 auto
}

.fypb__row article {
    width: 66.6%;
    margin: 0 0 0 40px
}

@media(max-width:1023.98px) {
    .fypb__row article {
        margin: 0 0 0 10px
    }
}

@media(max-width:767.98px) {

    .fypb__row aside,
    .fypb__row article {
        width: 100%;
        margin: 10px 0
    }
}

.fypb__img--desktop {
    display: block
}

@media(max-width:767.98px) {
    .fypb__img--desktop {
        display: none
    }
}

.fypb__img--mobile {
    display: none
}

@media(max-width:767.98px) {
    .fypb__img--mobile {
        display: block
    }
}

.fypb__benefits {
    margin: 20px 0;
    padding: 0;
    list-style: none
}

.fypb__benefits li {
    display: flex;
    margin: 0 0 12px;
    padding: 0
}

@media(max-width:767.98px) {
    .fypb__benefits li {
        flex-direction: column;
        align-items: center
    }
}

.fypb__benefits li>span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px
}

.fypb__benefits li>span img {
    width: 100%;
    border-radius: 100%
}

.fypb__benefits li>div {
    margin: 0 0 0 40px
}

@media(max-width:767.98px) {
    .fypb__benefits li>div {
        margin: 10px 0;
        text-align: center
    }
}

.fypb__benefits li>div .fypb__benefits-amount {
    font-family: cerastencilpro-bold, "sans-serif";
    font-size: 48px
}

.fypb__benefits li>div p {
    margin: 0 0 5px;
    padding: 0;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 18px;
    line-height: 1.25
}

.background-image-container div {
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%
}

.background-image-container div img {
    visibility: hidden
}

.background-image-container div+div {
    display: none
}

.background-image-container--parallax div {
    background-attachment: fixed
}

@supports(-webkit-touch-callout:inherit) {
    .background-image-container--parallax div {
        background-attachment: scroll
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .background-image-container--parallax div {
        background-attachment: scroll
    }
}

@media all and (max-width:768px) {
    .background-image-container div {
        display: none
    }

    .background-image-container div+div {
        display: block
    }
}

.block--100wv {
    display: block;
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

.page-header-old[data-standalone=header-old]~.page-content .slider .slider-container .slide .plyr__unmute {
    top: 90px
}

@media(max-width:767.98px) {
    .page-header-old[data-standalone=header-old]~.page-content .slider .slider-container .slide .plyr__unmute {
        top: 80px
    }
}

.pool-roboter {
    padding: 10px 0
}

.pool-roboter__row {
    display: flex
}

.pool-roboter__row>div {
    flex: 1;
    padding: 0 20px 20px 0
}

@media(max-width:640.98px) {
    .pool-roboter__row>div {
        margin: 0 10px 10px 0;
        padding: 0
    }
}

.pool-roboter__row>div+div {
    flex: 0 1 160px;
    width: 160px;
    padding: 0
}

@media(max-width:767.98px) {
    .pool-roboter__row>div+div {
        flex: 0 0 85px;
        width: 85px
    }
}

.pool-roboter h4 {
    margin: 0 0 20px
}

.pool-roboter-popup .redirect-overlay {
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
    height: auto;
    min-height: 0;
    max-width: 1280px;
    max-height: calc(100vh - 160px);
    padding: 30px 60px;
    background-color: #fff
}

.pool-roboter-popup .redirect-overlay .form {
    padding: 0;
    background-color: transparent
}

@media(max-width:640.98px) {
    .pool-roboter-popup .redirect-overlay .close-icon {
        top: -15px;
        right: -15px
    }
}

.pool-roboter-popup .pool-roboter-popup__top {
    max-height: 100%;
    overflow-y: auto
}

.pool-roboter-popup .pool-roboter-popup__top>p {
    margin: 0 0 12px;
    padding: 0
}

@media(max-width:767.98px) {
    .pool-roboter-popup .pool-roboter-popup__top {
        width: calc(100% + 100px);
        margin: 0 -50px
    }
}

.pool-roboter-popup .pool-roboter-popup__bottom {
    margin: auto -60px -30px;
    background-color: #f7f8f8
}

.pool-roboter-popup .pool-roboter-popup__bottom .btn,
.pool-roboter-popup .pool-roboter-popup__bottom .ost-jobs .ost-job .action,
.ost-jobs .ost-job .pool-roboter-popup .pool-roboter-popup__bottom .action {
    margin: 20px 0
}

.pool-roboter-popup .pool-roboter-popup__options {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

.pool-roboter-popup .pool-roboter-popup__options>li {
    width: 156px;
    margin: 0 2px
}

@media(max-width:640.98px) {
    .pool-roboter-popup .pool-roboter-popup__options>li {
        width: calc(33.3% - 4px)
    }
}

.pool-roboter-popup .pool-roboter-popup__options>li label {
    display: block;
    cursor: pointer
}

.pool-roboter-popup .pool-roboter-popup__options>li label>input[type=checkbox] {
    display: none
}

.pool-roboter-popup .pool-roboter-popup__options>li label:hover .aspect-ratio {
    background-color: rgba(116, 149, 186, .25)
}

.pool-roboter-popup .pool-roboter-popup__options>li label>input[type=checkbox]:checked+div .aspect-ratio {
    background-color: rgba(116, 149, 186, .25)
}

.pool-roboter-popup .pool-roboter-popup__options>li label>input[type=checkbox]:checked+div:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 3px;
    font-size: 14px;
    line-height: 1;
    z-index: 1;
    background-color: #0059a0;
    color: #fff;
    content: ""
}

.pool-roboter-popup .pool-roboter-popup__options>li label>div {
    position: relative
}

.pool-roboter-popup .pool-roboter-popup__options>li label>div p {
    margin: 12px 0;
    padding: 0
}

.form-progress {
    width: 100%;
    margin: 12px 0 36px;
    padding: 0 20px
}

.form-progress__list {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none
}

@media(max-width:767.98px) {
    .form-progress__list {
        flex-direction: column
    }
}

.form-progress__item {
    position: relative;
    flex: 1;
    margin: 0;
    padding: 0
}

@media(max-width:767.98px) {
    .form-progress__item {
        display: inline-flex;
        align-items: center;
        margin: 0 0 24px
    }
}

.form-progress__item.step-navigation {
    cursor: pointer
}

.form-progress__item:first-child>span {
    margin: 0 auto 12px 0
}

@media(max-width:767.98px) {
    .form-progress__item:first-child>span {
        margin: 0 12px 0 0
    }
}

.form-progress__item:first-child>p {
    text-align: left
}

.form-progress__item:first-child:before {
    left: 30px;
    width: calc(100% - 30px)
}

@media(max-width:767.98px) {
    .form-progress__item:first-child:before {
        content: none
    }
}

.form-progress__item:first-child:after {
    content: none
}

@media(max-width:767.98px) {
    .form-progress__item:first-child:after {
        content: ''
    }
}

.form-progress__item:last-child>span {
    margin: 0 0 12px auto
}

@media(max-width:767.98px) {
    .form-progress__item:last-child>span {
        margin: 0 12px 0 0
    }
}

.form-progress__item:last-child>p {
    text-align: right
}

@media(max-width:767.98px) {
    .form-progress__item:last-child>p {
        text-align: left
    }
}

.form-progress__item:last-child:before {
    content: none
}

.form-progress__item:last-child:after {
    right: 30px;
    width: calc(100% - 30px)
}

@media(max-width:767.98px) {
    .form-progress__item:last-child:after {
        content: none
    }
}

.form-progress__item>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 auto 12px;
    padding: 4px 4px 8px;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    background-color: #afafb0
}

@media(max-width:767.98px) {
    .form-progress__item>span {
        margin: 0 12px 0 0
    }
}

.form-progress__item>p {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 300;
    color: #666b6e
}

@media(max-width:767.98px) {
    .form-progress__item>p {
        text-align: left
    }
}

.form-progress__item:before,
.form-progress__item:after {
    position: absolute;
    top: 12px;
    width: calc(50% - 15px);
    height: 2px;
    content: '';
    background-color: #afafb0
}

.form-progress__item:before {
    left: 0
}

@media(max-width:767.98px) {
    .form-progress__item:before {
        content: none
    }
}

.form-progress__item:after {
    right: 0
}

@media(max-width:767.98px) {
    .form-progress__item:after {
        top: calc(100% + 3px);
        left: 11px;
        right: auto;
        width: 2px;
        height: 18px
    }
}

.form-progress__item--current>span {
    background-color: #005d8f
}

.form-progress__item--current>p {
    color: #005d8f
}

.form-progress__item--completed>span {
    background-color: #47ba5b
}

.form-progress__item--completed>p {
    position: relative;
    color: #47ba5b
}

.form-progress__item--completed>p:after {
    content: ""
}

.form-progress__item--completed>p:after {
    margin: 0 0 0 10px;
    font-size: 12px;
    line-height: 1
}

.twp {
    background-color: #6286a4;
    background-position: 0 0;
    color: #fff;
    padding: 19px;
    line-height: 1.3;
    margin-top: 20px;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .1)
}

@media(max-width:480px) {
    .twp {
        padding: 15px 10px 20px
    }
}

.twp__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.twp__text-wrap {
    width: 42%;
    padding: 0 15px;
    display: flex;
    flex-direction: column
}

@media(max-width:1279.98px) {
    .twp__text-wrap {
        width: 48%
    }
}

@media(max-width:1023.98px) {
    .twp__text-wrap {
        width: 100%;
        margin-bottom: 40px;
        display: block
    }
}

.twp__text-footer {
    margin-top: auto
}

@media(max-width:640.98px) {
    .twp__text-footer {
        margin-top: 60px
    }
}

.twp__pic-wrap {
    width: 58%;
    padding: 0 15px
}

@media(max-width:1279.98px) {
    .twp__pic-wrap {
        width: 52%
    }
}

@media(min-width:1024px) {
    .twp__pic-wrap {
        display: flex;
        align-items: center
    }
}

@media(max-width:1023.98px) {
    .twp__pic-wrap {
        width: 100%;
        margin-bottom: 10px
    }
}

.twp__pic-inner {
    margin-bottom: -10px;
    width: 100%
}

.twp__pic-inner::after {
    display: block;
    clear: both;
    content: ""
}

.twp__pic-inner--video {
    padding-bottom: 10px;
    height: 100%
}

.twp-video {
    width: 100%;
    height: 100%
}

@media(max-width:1023.98px) {
    .twp-video {
        position: relative;
        height: auto;
        padding-bottom: 66.667%
    }
}

.twp-video *>div {
    width: 100%;
    height: 100%;
    background-color: rgba(23, 23, 23, .9);
    border-radius: 3px
}

@media(max-width:1023.98px) {
    .twp-video *>div {
        position: absolute;
        left: 0;
        top: 0
    }
}

.twp-video iframe {
    overflow: hidden;
    background-color: rgba(23, 23, 23, .6);
    border-radius: 3px
}

@media(max-width:1023.98px) {
    .twp-video iframe {
        position: absolute;
        left: 0;
        top: 0
    }
}

.twp__pic {
    float: left;
    position: relative;
    margin-bottom: 10px;
    width: 45%;
    padding-bottom: calc((62% - 19px)/3);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

@media(max-width:480px) {
    .twp__pic {
        float: none;
        width: 100%;
        padding-bottom: 58%
    }
}

.twp__pic--big {
    width: calc(55% - 10px);
    padding-bottom: 62%;
    margin-right: 10px
}

@media(max-width:480px) {
    .twp__pic--big {
        width: 100%;
        margin-right: 0;
        padding-bottom: 126%
    }
}

.twp__title {
    font-size: 44px;
    letter-spacing: .2px;
    line-height: 1;
    margin-bottom: .5em;
    font-family: avallon, Helvetica, Arial, sans-serif
}

@media(max-width:640.98px) {
    .twp__title {
        font-size: 40px
    }
}

.twp__title+.twp__timer {
    margin-top: 55px
}

@media(max-width:640.98px) {
    .twp__title+.twp__timer {
        margin-top: 30px
    }
}

.twp__warning {
    font-size: 24px;
    letter-spacing: .8px;
    color: #f5b6c7;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    margin-bottom: 1em
}

.twp__subtitle {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: .4px;
    margin-bottom: .73em
}

.twp__text {
    font-size: 14px;
    letter-spacing: .25px;
    margin-bottom: 1em
}

.twp__text .twp__warning {
    display: block;
    font-size: 16px;
    margin-bottom: 3px
}

.twp__text+.twp__timer {
    margin-top: 30px
}

.twp__text p:last-child {
    padding-bottom: 0
}

.twp__timer {
    margin-right: 40px;
    margin-bottom: 20px
}

@media(max-width:1279.98px) {
    .twp__timer {
        margin-right: 15px
    }
}

@media(max-width:1023.98px) {
    .twp__timer {
        margin-right: 0;
        max-width: 500px
    }
}

.twp__timer+.twp__text {
    margin-top: 30px
}

.twp__link {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, .6)
}

.twp__link:hover,
.twp__link:focus {
    color: #fff;
    text-decoration: none;
    text-decoration-color: rgba(255, 255, 255, .6)
}

.twp.type-2 .twp__title {
    font-size: 60px;
    margin-top: 20px
}

@media(max-width:640.98px) {
    .twp.type-2 .twp__title {
        font-size: 52px
    }
}

.twp.type-2 .twp__subtitle {
    font-size: 20px
}

.twp.type-2 .twp__pic {
    width: 100%;
    padding-bottom: 59%
}

.twp.type-2 .place__row--secondary {
    display: none
}

.twp.type-3 {
    background-color: #f7f9f8;
    border: 1px solid #b5b9bb
}

.twp.type-3 .twp__title,
.twp.type-3 .twp__subtitle,
.twp.type-3 .twp__text {
    color: #005d8f
}

.twp.type-3 .btn,
.twp.type-3 .ost-jobs .ost-job .action,
.ost-jobs .ost-job .twp.type-3 .action {
    background-color: #fff
}

.twp.last-days .place__row--secondary {
    display: none
}

.timer {
    margin-bottom: 3px
}

.timer__row {
    display: flex
}

.timer__cell {
    width: calc(20% - 3px);
    margin-right: 3px;
    background-color: #005d8f;
    color: #fff;
    padding: 7px 10px 9px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px
}

@media(max-width:640.98px) {
    .timer__cell {
        padding: 5px 5px 10px
    }
}

.timer__cell--accent {
    background-color: #f5b6c7;
    font-size: 24px
}

.timer__num {
    margin-bottom: 7px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    line-height: 1;
    font-size: 24px
}

.timer__caption {
    text-transform: uppercase;
    font-size: 11px
}

@media(max-width:640.98px) {
    .timer__caption {
        font-size: 9px
    }
}

.place__row {
    display: flex;
    margin-bottom: 3px
}

.place__row--prev .icon {
    transform: rotate(180deg)
}

.place .icon--ring {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: 1px
}

.place__cell {
    width: calc(80% - 3px);
    background-color: #005d8f;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 7px 16px 9px;
    margin-right: 3px
}

.place__cell--accent {
    width: calc(20% - 3px);
    justify-content: center;
    background-color: #f5b6c7;
    font-size: 28px
}

.place__row--secondary .place__cell {
    margin-left: auto;
    background-color: #819bb4;
    min-height: 40px
}

.place__icon-wrap {
    margin-right: 7px;
    width: 25px;
    font-size: 8px
}

@media(max-width:640.98px) {
    .place__icon-wrap {
        margin-right: 4px
    }
}

.place__icon-wrap .icon {
    display: inline-block
}

.place__num {
    font-size: 36px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    line-height: 1;
    width: 79px;
    flex-shrink: 0;
    position: relative;
    top: -5px
}

@media(max-width:640.98px) {
    .place__num {
        width: auto;
        margin-right: 12px
    }
}

.place__row--secondary .place__num {
    font-size: 23px;
    top: -2px
}

.place__caption {
    font-size: 14px;
    letter-spacing: .15px;
    text-transform: uppercase
}

.place__row--secondary .place__caption {
    font-size: 12px;
    text-transform: none
}

@media(max-width:640.98px) {
    .place__row--secondary .place__caption {
        font-size: 11px
    }
}

.co2-calc {
    position: relative
}

@media(max-width:640.98px) {
    .co2-calc {
        margin-left: -20px;
        margin-right: -20px
    }
}

.co2-calc__title {
    font-size: 30px;
    margin-bottom: .43em
}

@media(max-width:640.98px) {
    .co2-calc__title {
        font-size: 24px
    }
}

.co2-calc__slider {
    position: relative
}

body:not(.experience-editor) .co2-calc__slider-wrap.not-inited .co2-calc__slide:not(:first-child) {
    display: none
}

.co2-calc .preloader {
    top: 10px;
    bottom: 10px;
    height: auto
}

.co2-calc .slick-list {
    padding-bottom: 0;
    margin: 0 -10px
}

.co2-calc__slide {
    height: auto;
    padding: 10px
}

@media(min-width:768px) {
    .co2-calc__slide {
        height: 660px
    }
}

.co2-calc__slide:focus {
    outline: none
}

.co2-calc__pager-wrap {
    position: absolute;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 23px
}

.experience-editor .co2-calc__pager-wrap {
    display: none
}

@media(max-width:767.98px) {
    .co2-calc__pager-wrap {
        display: none !important
    }
}

.co2-calc__current-step {
    font-size: 12px;
    text-align: center
}

.co2-calc__pager .slick-dots {
    position: static;
    height: auto;
    margin-bottom: 2px
}

.co2-calc__pager li {
    pointer-events: none
}

.co2-calc__pager li button:before {
    border-color: #707070
}

.co2-calc__pager li:last-child {
    display: none
}

.co2-calc__descr {
    font-size: 12px
}

.co2-calc__descr:empty {
    display: none
}

.calc-step {
    display: flex;
    flex-wrap: wrap;
    background-color: #f7f8f8;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1)
}

@media(min-width:768px) {
    .calc-step {
        height: 100%
    }
}

.calc-step__text-wrap {
    width: 50%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 56px 50px 70px 80px
}

@media(max-width:1023.98px) {
    .calc-step__text-wrap {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(max-width:767.98px) {
    .calc-step__text-wrap {
        width: 100%;
        padding-top: 35px;
        padding-bottom: 55px
    }
}

@media(max-width:640.98px) {
    .calc-step__text-wrap {
        padding-top: 22px
    }
}

.calc-step__pic-wrap {
    width: 50%;
    overflow: hidden;
    position: relative;
    padding-right: 30px
}

.calc-step__pic-wrap:not(.full-widht) {
    display: flex;
    align-items: center
}

@media(max-width:767.98px) {
    .calc-step__pic-wrap {
        width: 100%;
        order: -1;
        padding-right: 0
    }
}

.full-width .calc-step__pic--desktop {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none
}

.full-width .calc-step__pic--mobile {
    min-width: 100%
}

@media(max-width:767.98px) {
    .body .calc-step__pic--desktop {
        display: none
    }
}

.body .calc-step__pic--mobile {
    margin: 0 auto
}

@media(min-width:768px) {
    .body .calc-step__pic--mobile {
        display: none
    }
}

.calc-step__field {
    margin-bottom: 60px
}

@media(max-width:767.98px) {
    .calc-step__field {
        margin-bottom: 43px
    }
}

.calc-step__field-title {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: .4px;
    line-height: 1.6
}

@media(max-width:767.98px) {
    .calc-step__field-title {
        font-size: 16px;
        line-height: 1.125;
        margin-bottom: 4px
    }
}

.calc-step__checkbox-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -14px;
    position: relative
}

.calc-step__field-title+.calc-step__checkbox-list {
    margin-top: 19px
}

.calc-step .form__field {
    margin-bottom: 0;
    position: relative
}

.calc-step .form__field--short {
    width: 80px
}

.calc-step .form__field__input {
    max-width: 200px
}

@media(max-width:767.98px) {
    .calc-step .form__field__input {
        height: 40px
    }
}

.calc-step .form__field--checkbox,
.calc-step .form__field--radio {
    display: flex;
    align-items: center;
    margin-right: 53px;
    margin-bottom: 14px;
    position: static;
    cursor: pointer
}

@media(max-width:1023.98px) {

    .calc-step .form__field--checkbox,
    .calc-step .form__field--radio {
        margin-right: 25px
    }
}

@media(max-width:640.98px) {

    .calc-step .form__field--checkbox,
    .calc-step .form__field--radio {
        margin-right: 0;
        width: 100%
    }
}

.calc-step .form__field--checkbox span,
.calc-step .form__field--radio span {
    line-height: 1;
    font-size: 14px
}

.calc-step .form__field--error .form__field--check__box,
.calc-step .form__field--error .form__field--radio__box {
    background-color: #8e8e8e
}

.calc-step .form__field--error label.error {
    position: absolute;
    font-size: 12px;
    padding: 8px 0;
    top: 100%;
    bottom: auto;
    min-width: 200px
}

.calc-step .form__field--error label.error.error-checkbox {
    top: calc(100% - 14px)
}

.calc-step .submit-btn {
    min-width: 162px;
    font-size: 16px;
    padding-top: .6em
}

.result-step {
    height: 100%;
    display: flex;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1)
}

@media(max-width:767.98px) {
    .result-step {
        height: auto
    }
}

.tablet .result-step,
.mobile .result-step {
    overflow-x: auto;
    width: 100%
}

.result-step__result {
    width: 37.5%;
    padding: 24px 40px 46px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.result-step__result:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #f7f8f8;
    z-index: -2
}

@media(max-width:1279.98px) {
    .result-step__result {
        width: 30%;
        padding: 15px 30px 30px
    }
}

.tablet .result-step__result,
.mobile .result-step__result {
    width: 236px
}

.result-step__products {
    width: 62.5%;
    padding: 24px 40px 46px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(max-width:1279.98px) {
    .result-step__products {
        width: 70%;
        padding: 15px 30px 30px
    }
}

.tablet .result-step__products,
.mobile .result-step__products {
    width: auto
}

.result-step__title {
    font-size: 18px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
    text-align: center
}

@media(max-width:1279.98px) {
    .result-step__title {
        font-size: 16px
    }
}

.result-step__co-value {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 57px;
    line-height: 1;
    color: #e5006b
}

@media(max-width:1279.98px) {
    .result-step__co-value {
        font-size: 48px
    }
}

.result-step__result .result-step__co-value {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    top: -24px
}

.result-step__prod-list .result-step__co-value {
    font-size: 48px;
    margin-bottom: 5px
}

@media(max-width:1279.98px) {
    .result-step__prod-list .result-step__co-value {
        font-size: 42px
    }
}

.result-step__co-measure {
    font-size: 14px;
    margin-left: 5px
}

.result-step__graph-wrap {
    height: 313px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: -17px;
    margin-bottom: 12px
}

.result-step__prod:last-child .result-step__graph-wrap:after {
    border-top-right-radius: 8px
}

.result-step__prod .result-step__graph-wrap:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 10px;
    height: calc(100% - 10px);
    background-color: #e1e3e4;
    left: -15px;
    right: -15px
}

.result-step__result .result-step__graph-wrap {
    margin-bottom: 25px
}

.result-step__graph {
    height: 100%;
    width: 240px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: #e5006b
}

.result-step__graph:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 10px;
    height: calc(100% - 10px);
    background-color: #e1e3e4;
    left: 0;
    width: 200%
}

@media(max-width:1279.98px) {
    .result-step__graph {
        width: 100%
    }
}

.result-step__graph-title {
    position: absolute;
    bottom: 45px;
    left: 36px;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 1;
    color: rgba(255, 255, 255, .5)
}

@media(max-width:1279.98px) {
    .result-step__graph-title {
        font-size: 42px;
        bottom: 25px;
        left: 25px
    }
}

.result-step__btn-wrap {
    text-align: center;
    margin-top: auto
}

.result-step__prod-list {
    display: flex;
    flex: 1;
    width: 100%
}

.result-step__prod {
    flex: 1;
    padding: 0 15px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.result-step__prod-pic {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 120px;
    position: relative;
    z-index: 5
}

.result-step__prod-pic img {
    max-height: 100%
}

.result-step__prod-name {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 25px
}

.result-step__prod-diff {
    display: flex;
    align-items: center;
    justify-content: center
}

.hide-diff .result-step__prod-diff {
    display: none
}

.result-step__diff-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url(/assets/assets/images/co2-calc/step-arrow.svg);
    position: relative;
    top: 2px;
    margin-right: 5px
}

.result-step__diff-value {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    color: #666b6e;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -.8px
}

@media(max-width:1279.98px) {
    .result-step__diff-value {
        font-size: 30px
    }
}

.result-step__prod-graph-wrap {
    margin-top: auto
}

.result-step__prod-graph {
    position: relative;
    width: 160px;
    height: 0;
    margin: 0 auto;
    background-color: #e5006b;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: visible !important
}

.result-step__prod-graph:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid #e5006b;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.hide-diff .result-step__prod-graph:after {
    content: none
}

.result-step__prod-distance {
    text-align: left;
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.hide-diff .result-step__prod-distance {
    display: none
}

.result-step__distance-icon {
    background-image: url(/assets/assets/images/co2-calc/step-range.svg);
    width: 36px;
    height: 17px;
    float: left;
    flex-shrink: 0;
    margin-right: 7px
}

.result-step__distance-value {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 2px
}

.result-step__distance-descr {
    font-size: 12px;
    line-height: 1.25
}

.loop .loop__toggle {
    bottom: 16px
}

.modal-shown .loop .loop__toggle {
    display: none !important
}

@media(max-width:480px) {
    body .loop .loop__toggle {
        right: 100px
    }
}

@media(max-width:768px) {
    body .loop .loop__toggle {
        right: 100px
    }
}

.loop {
    z-index: 15 !important
}

.loop .close-icon {
    display: none;
    position: fixed;
    bottom: 16px;
    right: 100px;
    transform: translateX(50%)
}

.loop .close-icon .icon--close {
    line-height: 2
}

.loop .loop__interface+.close-icon {
    display: none !important
}

.loop .show-chat-btn {
    padding: 0;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 16px;
    right: 100px;
    transform: translateX(50%);
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    outline: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    background: url(/assets/assets/images/chat-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s
}

.p-stage {
    margin-bottom: 40px
}

.p-stage__slider-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw
}

@media(max-width:640.98px) {
    .p-stage__slider-wrap {
        width: auto;
        left: 0;
        margin: 0 -20px !important
    }
}

body:not(.experience-editor) .p-stage__slider-wrap.not-inited .p-stage__slide:not(:first-child) {
    display: none
}

.p-stage__slide {
    position: relative
}

.p-stage__slide:focus {
    outline: none
}

.p-stage__slide-inner {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 0 !important;
    margin-top: 0 !important
}

.p-stage__slide-inner[data-align=left] {
    justify-content: flex-start
}

@media(max-width:640.98px) {
    .p-stage__slide-inner {
        display: block;
        margin: 0
    }
}

.p-stage__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    max-height: 800px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

@media(max-width:640.98px) {
    .p-stage__bg {
        display: none
    }
}

.p-stage__bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .4), transparent 55%)
}

@media(max-width:640.98px) {
    .p-stage__bg:before {
        content: none
    }
}

.p-stage__bg--xs {
    position: relative;
    height: 312px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

@media(min-width:641px) {
    .p-stage__bg--xs {
        display: none
    }
}

.p-stage__inner {
    width: 50%;
    position: relative
}

@media all and (max-width:767px) {
    .p-stage__inner {
        width: 100%
    }
}

@media(min-width:641px) {
    .p-stage__inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }
}

.p-stage__text-wrap {
    position: relative;
    margin-top: 38px;
    min-height: 540px;
    padding-bottom: 175px;
    order: -1
}

@media only screen and (max-width:768.98px) {
    .p-stage__text-wrap {
        padding-bottom: 75px
    }
}

@media(max-width:640.98px) {
    .p-stage__text-wrap {
        order: 2;
        padding-top: 160px;
        margin-top: 0;
        padding-bottom: 33px
    }
}

.p-stage__text-wrap-bg {
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(max-width:640.98px) {
    .p-stage__text-wrap-bg {
        height: 80%;
        opacity: 1
    }
}

.p-stage__text-wrap-inner {
    position: relative;
    padding: 20px 60px 15px 30px;
    color: #fff
}

@media(max-width:1023.98px) {
    .p-stage__text-wrap-inner {
        padding-right: 21px
    }
}

@media(max-width:640.98px) {
    .p-stage__text-wrap-inner {
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 19px
    }
}

.p-stage__text-wrap-inner ul {
    list-style: none;
    padding-left: 0
}

.p-stage__text-wrap-inner ul li {
    position: relative;
    padding-bottom: 0;
    padding-left: 10px
}

.p-stage__text-wrap-inner ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    content: '';
    display: block;
    border-radius: 50%;
    background-color: #fff
}

.p-stage__pic-wrap {
    position: relative;
    z-index: 5;
    margin-top: -200px;
    flex: 0 0 auto
}

@media only screen and (max-width:768.98px) {
    .p-stage__pic-wrap {
        margin-top: -125px
    }
}

@media(max-width:640.98px) {
    .p-stage__pic-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -125px
    }
}

.p-stage__pic {
    margin: 0 auto
}

@media(max-width:640.98px) {
    .p-stage__pic {
        max-height: 300px
    }
}

.p-stage__title {
    font-size: 2em;
    line-height: 1.2;
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    margin-bottom: 9px
}

@media(max-width:640.98px) {
    .p-stage__title {
        margin-bottom: 30px;
        font-size: 30px
    }
}

.p-stage__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 36px
}

.p-stage__text>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.p-stage__text>*:empty {
    display: none
}

@media all and (max-width:991px) {
    .p-stage__text {
        display: none
    }
}

.p-stage__name {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 16px
}

@media(max-width:640.98px) {
    .p-stage__name {
        font-size: 16px
    }
}

.p-stage__text-footer {
    display: flex;
    justify-content: space-between;
    min-height: 60px
}

@media all and (max-width:991px) {
    .p-stage__text-footer {
        display: block
    }
}

.p-stage__price-wrap {
    margin-right: 30px
}

@media(max-width:640.98px) {
    .p-stage__price-wrap {
        margin-bottom: 29px;
        margin-right: 0
    }
}

.p-stage__price {
    font-family: cerapro-bold, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 7px
}

.p-stage__price._new {
    margin-right: 15px
}

.p-stage__price._old {
    font-size: 18px;
    position: relative;
    top: -5px;
    text-decoration: line-through;
    line-height: 36px
}

.p-stage__price-caption {
    font-size: 14px;
    line-height: 1.25
}

@media all and (max-width:991px) {
    .p-stage__btn-wrap {
        margin-top: 20px
    }
}

.p-stage__btn-wrap .btn,
.p-stage__btn-wrap .ost-jobs .ost-job .action,
.ost-jobs .ost-job .p-stage__btn-wrap .action {
    min-width: 215px
}

.p-stage .next,
.p-stage .prev {
    display: inline-block;
    background-color: rgba(255, 255, 255, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    width: 30px;
    height: 170px;
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    z-index: 1;
    outline: 0;
    opacity: .75;
    cursor: pointer;
    padding: 0
}

.p-stage .next:hover,
.p-stage .prev:hover {
    background-color: rgba(255, 255, 255, .5)
}

@media(max-width:640.98px) {

    .p-stage .next,
    .p-stage .prev {
        height: 100px;
        width: 24px;
        top: 37%
    }
}

.p-stage .next:before,
.p-stage .prev:before {
    line-height: 1;
    opacity: .75;
    color: #fff;
    font-size: 9px;
    content: '' !important;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    border-top: .3em solid #fff;
    border-right: .3em solid #fff
}

.p-stage button.prev {
    left: 0
}

.p-stage button.prev:before {
    margin-left: 7px;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.p-stage button.next {
    right: 0
}

.p-stage button.next:before {
    margin-left: -7px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page-content .ewap-wrapper {
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 1080px
}

@media(max-width:1150px) {
    .page-content .ewap-wrapper {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media(max-width:991px) {
    .page-content .ewap-wrapper {
        margin: 0 -10px;
        padding: 0
    }
}

@media(max-width:700px) {
    .page-content .ewap-wrapper {
        justify-content: center
    }
}

.page-content .ewap-tile {
    margin: 0;
    padding: 20px;
    flex: 0 0 50%;
    display: flex;
    width: 100%;
    max-width: 50%;
    height: auto !important;
    min-height: 260px;
    background: 0 0;
    box-shadow: none;
    border: none
}

@media(max-width:991px) {
    .page-content .ewap-tile {
        padding: 10px;
        flex: 1 1 100%;
        max-width: 100%
    }
}

.page-content .ewap-tile.ewap-map-large-container {
    flex: 0 0 79%;
    max-width: 79%;
    width: auto !important
}

@media(max-width:700px) {
    .page-content .ewap-tile.ewap-map-large-container {
        flex: 1 1 100%;
        max-width: 100%
    }
}

.page-content .ewap-tile.ewap-photo-container,
.page-content .ewap-tile.ewap-photo-container.ewap-detail {
    margin: 0;
    padding: 20px;
    flex: 0 0 21%;
    max-width: 21%;
    width: auto !important;
    background-color: transparent;
    border: 0;
    box-shadow: none
}

@media(max-width:991px) {

    .page-content .ewap-tile.ewap-photo-container,
    .page-content .ewap-tile.ewap-photo-container.ewap-detail {
        padding: 10px
    }
}

@media(max-width:700px) {

    .page-content .ewap-tile.ewap-photo-container,
    .page-content .ewap-tile.ewap-photo-container.ewap-detail {
        flex: 0 0 226px;
        max-width: 226px
    }
}

.page-content .ewap-tile.ewap-detail {
    margin: 20px;
    padding: 16px 10px 14px;
    flex: 0 0 50%;
    max-width: calc(50% - 40px);
    min-height: 0;
    background-color: #eee;
    color: #666b6e;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .27)
}

@media(max-width:991px) {
    .page-content .ewap-tile.ewap-detail {
        margin: 10px;
        width: calc(100% - 20px);
        flex: 1 1 calc(100% - 20px);
        max-width: calc(100% - 20px)
    }
}

.page-content .ewap-tile.ewap-detail .ewap-stat-left,
.page-content .ewap-tile.ewap-detail .ewap-stat-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0
}

@media(max-width:768px) {
    .page-content .ewap-tile.ewap-detail .ewap-stat-right {
        padding-top: 30px;
        border: 0
    }
}

.page-content .ewap-tile.ewap-detail>* {
    float: none !important
}

.page-content .ewap-tile.ewap-detail .ewap-header-old {
    margin-top: 0;
    align-self: center
}

.page-content .ewap-tile.ewap-detail .ewap-button {
    margin-left: auto;
    align-self: center
}

.page-content .ewap-tile.ewap-detail .ewap-input {
    align-self: center
}

.page-content .ewap-tile.ewap-tile-large,
.page-content .ewap-tile.ewap-tile-large.ewap-detail {
    margin: 20px;
    padding: 16px 10px 14px;
    flex: 0 0 100%;
    max-width: calc(100% - 40px);
    min-height: 0;
    background-color: #eee;
    color: #666b6e;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .27)
}

@media(max-width:991px) {

    .page-content .ewap-tile.ewap-tile-large,
    .page-content .ewap-tile.ewap-tile-large.ewap-detail {
        margin: 10px;
        flex: 0 0 calc(100% - 20px);
        max-width: calc(100% - 20px)
    }
}

.page-content .ewap-tile.ewap-tile-large .ewap-stat-left,
.page-content .ewap-tile.ewap-tile-large .ewap-stat-right,
.page-content .ewap-tile.ewap-tile-large.ewap-detail .ewap-stat-left,
.page-content .ewap-tile.ewap-tile-large.ewap-detail .ewap-stat-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0
}

@media(max-width:768px) {

    .page-content .ewap-tile.ewap-tile-large .ewap-stat-left,
    .page-content .ewap-tile.ewap-tile-large .ewap-stat-right,
    .page-content .ewap-tile.ewap-tile-large.ewap-detail .ewap-stat-left,
    .page-content .ewap-tile.ewap-tile-large.ewap-detail .ewap-stat-right {
        flex: 1 1 100%;
        max-width: 100%
    }
}

@media(max-width:768px) {

    .page-content .ewap-tile.ewap-tile-large .ewap-stat-right,
    .page-content .ewap-tile.ewap-tile-large.ewap-detail .ewap-stat-right {
        padding-top: 30px;
        border: 0
    }
}

.page-content .ewap-tile-two,
.page-content .ewap-map,
.page-content .ewap-map-large {
    background-color: #eee;
    color: #666b6e;
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, .27)
}

@media(max-width:768px) {
    .page-content .ewap-tile-two {
        flex-wrap: wrap
    }
}

.page-content .ewap-photo {
    margin: 0;
    width: 100%;
    background-color: #eee;
    color: #666b6e;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px lightgrey, 0 5px 13px 0 rgba(0, 0, 0, .27)
}

.page-content .ewap-live-sticker {
    right: 24px;
    top: 24px
}

@media(max-width:991px) {
    .page-content .ewap-live-sticker {
        right: 14px;
        top: 14px
    }
}

.page-content .ewap-tile-large .ewap-live-sticker {
    right: 4px;
    top: 4px
}

@media(max-width:991px) {
    .page-content .ewap-tile-large .ewap-live-sticker {
        right: 4px;
        top: 4px
    }
}

.page-content .ewap-stat-left,
.page-content .ewap-stat-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1 50%;
    max-width: 50%
}

@media(max-width:991px) {

    .page-content .ewap-stat-left,
    .page-content .ewap-stat-right {
        margin: 10px;
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px)
    }
}

@media(max-width:768px) {

    .page-content .ewap-stat-left,
    .page-content .ewap-stat-right {
        width: calc(100% - 20px);
        flex: 1 1 calc(100% - 20px);
        max-width: calc(100% - 20px)
    }
}

.page-content .ewap-stat-left .ewap-grid-entry,
.page-content .ewap-stat-right .ewap-grid-entry {
    min-height: 40px;
    height: auto;
    display: flex
}

.page-content .ewap-stat-left .ewap-grid-entry>div,
.page-content .ewap-stat-left .ewap-grid-entry>div:not(:last-child),
.page-content .ewap-stat-left .ewap-grid-entry>div:not(:first-child),
.page-content .ewap-stat-right .ewap-grid-entry>div,
.page-content .ewap-stat-right .ewap-grid-entry>div:not(:last-child),
.page-content .ewap-stat-right .ewap-grid-entry>div:not(:first-child) {
    flex: 1 1 auto;
    min-height: 48px
}

.page-content .ewap-stat-left .ewap-grid-entry>div.ewap-grid-icon,
.page-content .ewap-stat-right .ewap-grid-entry>div.ewap-grid-icon {
    width: 100%;
    flex: 0 0 32%;
    max-width: 32%;
    min-height: 24px
}

.page-content .ewap-stat-left .ewap-grid-entry>div:last-child,
.page-content .ewap-stat-left .ewap-grid-entry>div.commercial-quad-entry-value,
.page-content .ewap-stat-right .ewap-grid-entry>div:last-child,
.page-content .ewap-stat-right .ewap-grid-entry>div.commercial-quad-entry-value {
    width: 100%;
    flex: 0 0 32%;
    max-width: 32%;
    min-height: 24px
}

@media(max-width:768px) {
    .page-content .ewap-stat-right {
        padding-top: 30px;
        border: 0
    }
}

.page-content .ewap-stat-top,
.page-content .ewap-stat-bottom {
    height: 100%;
    flex: 0 0 50%;
    max-height: 50%
}

.page-content .ewap-stat-icon {
    margin: 0;
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.page-content .ewap-chart-canvas,
.page-content .ewap-tile .ewap-chart-canvas {
    width: calc(100% - 16px) !important
}

body.body--hotels .text-container h1 {
    color: #005d8f;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: cerapro-regular, "sans-serif";
    font-size: 48px;
    margin: 0 0 25px
}

@media(max-width:767.98px) {
    body.body--hotels .text-container h1 {
        font-size: 36px
    }
}

body.body--hotels .text-container h2 {
    color: #005d8f;
    letter-spacing: .9px;
    font-family: cerapro-regular, "sans-serif";
    font-size: 36px;
    margin: 0 0 25px
}

@media(max-width:767.98px) {
    body.body--hotels .text-container h2 {
        font-size: 30px
    }
}

body.body--hotels .text-container h3 {
    font-family: cerapro-regular, "sans-serif";
    font-size: 24px;
    margin: 0 0 20px
}

body.body--hotels .text-container h4 {
    text-transform: uppercase;
    font-family: cerapro-bold, "sans-serif";
    font-size: 18px;
    margin: 0 0 12px
}

body.body--hotels .text-container h6.h6-subline {
    letter-spacing: .6px;
    font-family: nexaslabboldoblique, "sans-serif";
    font-size: 24px
}

body.body--hotels .text-container hr {
    max-width: 160px
}

body.body--hotels .slider .slide-content .slide-title {
    text-transform: uppercase;
    font-family: cerapro-regular, "sans-serif";
    font-size: 80px
}

@media(max-width:1023.98px) {
    body.body--hotels .slider .slide-content .slide-title {
        font-size: 60px
    }
}

@media(max-width:767.98px) {
    body.body--hotels .slider .slide-content .slide-title {
        font-size: 36px
    }
}

body.body--hotels .slider .slide-content .slide-subtitle {
    letter-spacing: .45px;
    font-family: nexaslabboldoblique, "sans-serif";
    font-size: 18px
}

body.body--hotels .breadcrumbs li a {
    color: #005d8f;
    text-decoration: none
}

body.body--hotels .breadcrumbs li a:hover,
body.body--hotels .breadcrumbs li a:focus {
    color: #005d8f;
    text-decoration: underline
}

body.body--hotels .similar-articles .similar-article__image-wrap {
    margin: 0 0 10px
}

body.body--hotels .similar-articles .similar-article__title {
    text-align: left;
    letter-spacing: .45px;
    font-family: nexaslabboldoblique, "sans-serif";
    font-size: 18px
}

body.body--hotels .magazine-quote .quote-text {
    color: #005d8f;
    font-family: nexaslabboldoblique, "sans-serif";
    font-size: 24px
}

body.body--hotels .magazine-quote .quote-end {
    border-color: #005d8f
}

body.body--hotels .tile-label-text h5 {
    line-height: 1.2em;
    font-family: cerapro-regular, "sans-serif";
    font-size: 1.1em
}

body.body--hotels .teaser__text-container .btn,
body.body--hotels .teaser__text-container .ost-jobs .ost-job .action,
.ost-jobs .ost-job body.body--hotels .teaser__text-container .action,
body.body--hotels .btn.btn--pink,
body.body--hotels .ost-jobs .ost-job .btn--pink.action,
.ost-jobs .ost-job body.body--hotels .btn--pink.action {
    background-color: #005d8f;
    border-color: #005d8f;
    color: #fff
}

body.body--hotels section.slider.stage-medium .inpage-link.btn-nav {
    background-color: #005d8f;
    border-color: #005d8f;
    color: #fff
}

body.body--hotels section.slider.stage-medium .inpage-link.btn-nav:hover {
    background-color: #fff;
    color: #005d8f
}

body.body--hotels section.slider.stage-medium .inpage-link.btn-nav:hover .content .inner {
    color: #005d8f
}

body.body--hotels .btn:hover,
body.body--hotels .ost-jobs .ost-job .action:hover,
.ost-jobs .ost-job body.body--hotels .action:hover {
    background-color: #fff;
    border-color: #005d8f;
    color: #005d8f
}

.page-hotel__s-title {
    position: relative;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2.16px;
    font-family: cerapro-regular, "sans-serif";
    font-size: 36px;
    margin: 0 0 20px
}

@media(max-width:767.98px) {
    .page-hotel__s-title {
        font-size: 24px
    }
}

.page-hotel__s-title:after {
    position: absolute;
    content: '';
    bottom: 7px;
    left: auto;
    height: 3px;
    width: 100%;
    margin: 0 0 0 30px;
    background-color: #FF88BD
}

.page-hotel__s-title--blue:after {
    background-color: #6286a4
}

.page-hotel__hotels ul {
    display: flex;
    margin: 0 -5px;
    padding: 0;
    list-style: none
}

.page-hotel__hotels ul li {
    flex: 1;
    margin: 0 5px 10px;
    outline: none
}

.page-hotel__hotels .slick-slider .slick-prev,
.page-hotel__hotels .slick-slider .slick-next {
    display: block !important;
    width: 80px;
    height: 95px;
    background: url(/assets/assets/images/carousel-arrow-bg-left.png) center center no-repeat;
    background-size: 100%;
    box-shadow: none;
    top: calc(50% - 60px)
}

.page-hotel__hotels .slick-slider .slick-prev:before,
.page-hotel__hotels .slick-slider .slick-next:before {
    content: none;
    border: 0
}

.page-hotel__hotels .slick-slider .slick-prev:hover,
.page-hotel__hotels .slick-slider .slick-prev:focus,
.page-hotel__hotels .slick-slider .slick-next:hover,
.page-hotel__hotels .slick-slider .slick-next:focus {
    background-color: transparent
}

.page-hotel__hotels .slick-slider .slick-prev {
    left: -30px
}

.page-hotel__hotels .slick-slider .slick-next {
    right: -30px;
    background-image: url(/assets/assets/images/carousel-arrow-bg-right.png)
}

.page-hotel__hotels--search ul {
    flex-wrap: wrap
}

.page-hotel__hotels--search ul li {
    flex-basis: calc(25% - 10px);
    max-width: calc(25% - 10px)
}

@media(max-width:1023.98px) {
    .page-hotel__hotels--search ul li {
        flex-basis: calc(50% - 10px);
        max-width: calc(50% - 10px)
    }
}

@media(max-width:767.98px) {
    .page-hotel__hotels--search ul li {
        flex-basis: calc(100% - 10px);
        max-width: calc(100% - 10px)
    }
}

.page-hotel__card>a {
    text-decoration: none;
    outline: none
}

.page-hotel__card>a .aspect-ratio .aspect-ratio__content span.hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30% 0 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in;
    background: rgba(0, 0, 0, .7) url(/assets/assets/icons/bwt-hovering-logo.svg) no-repeat center 40%;
    background-size: 75px auto;
    color: #fff
}

@media(min-width:1024.98px) {

    .page-hotel__card>a:hover .aspect-ratio .aspect-ratio__content span.hover,
    .page-hotel__card>a:focus .aspect-ratio .aspect-ratio__content span.hover {
        visibility: visible;
        opacity: .8;
        transition: all .3s ease-in
    }
}

.page-hotel__card .page-hotel__c-content {
    display: flex;
    flex-direction: column;
    padding: 10px 0
}

.page-hotel__card .page-hotel__c-content h4 {
    height: 42px;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    font-family: cerapro-bold, "sans-serif";
    font-size: 18px;
    margin: 0 0 5px
}

.page-hotel__card .page-hotel__c-content .page-hotel__c-location {
    margin: auto 0 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666b6e
}

.page-hotel__tile-list {
    display: flex;
    flex-flow: row wrap;
    gap: 35px 25px;
    padding: 0;
    list-style: none
}

.page-hotel__tile-item {
    flex: 0 0 calc(25% - 25px*3/4);
    margin: 0;
    padding: 0;
    outline: none
}

@media(max-width:1023.98px) {
    .page-hotel__tile-item {
        flex: 0 0 calc(33.33% - 25px*2/3)
    }
}

@media(max-width:767.98px) {
    .page-hotel__tile-item {
        flex: 0 0 calc(50% - 25px/2)
    }
}

@media(max-width:640.98px) {
    .page-hotel__tile-item {
        flex: 0 0 100%
    }
}

.page-hotel__search {
    position: relative
}

.page-hotel__search .form {
    background-color: transparent;
    margin: 0 0 40px;
    padding: 0
}

.page-hotel__search .page-hotel__h-type ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: center
}

.page-hotel__search .page-hotel__h-type ul li {
    flex: 1;
    margin: 0 5px;
    text-align: center;
    flex-basis: calc(12.5% - 10px);
    max-width: calc(12.5% - 10px)
}

@media(max-width:767.98px) {
    .page-hotel__search .page-hotel__h-type ul li {
        flex-basis: calc(50% - 10px);
        max-width: calc(50% - 10px)
    }
}

.page-hotel__search .page-hotel__h-option input[type=checkbox],
.page-hotel__search .page-hotel__h-option input[type=radio] {
    display: none
}

.page-hotel__search .page-hotel__h-option input[type=checkbox]+label,
.page-hotel__search .page-hotel__h-option input[type=radio]+label {
    display: block;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-hotel__search .page-hotel__h-option input[type=checkbox]+label svg,
.page-hotel__search .page-hotel__h-option input[type=radio]+label svg {
    display: block;
    max-width: 105px;
    width: 100%;
    margin: 0 auto 2px
}

.page-hotel__search .page-hotel__h-option input[type=checkbox]:checked+label,
.page-hotel__search .page-hotel__h-option input[type=radio]:checked+label {
    position: relative;
    color: #FF88BD
}

.page-hotel__search .page-hotel__h-option input[type=checkbox]:checked+label:before,
.page-hotel__search .page-hotel__h-option input[type=radio]:checked+label:before {
    content: ""
}

.page-hotel__search .page-hotel__h-option input[type=checkbox]:checked+label:before,
.page-hotel__search .page-hotel__h-option input[type=radio]:checked+label:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 0;
    color: #fff;
    border-radius: 50%;
    background-color: #FF88BD;
    border: 2px solid #fff
}

.page-hotel__search .page-hotel__h-option img {
    max-width: 105px;
    margin: 0 auto 2px
}

.page-hotel__search--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat;
    z-index: 1
}

.page-hotel__search.page-hotel__search--error .page-hotel__error {
    display: block
}

.page-hotel__search .page-hotel__error {
    display: none
}

.page-hotel__search .page-hotel__error p {
    font-size: 24px;
    text-align: center;
    color: #971033
}

body.body--hidden {
    overflow: hidden
}

.page-hotel__contact-box {
    display: block;
    margin: 0 0 0 150px;
    padding: 20px;
    background-color: #f7f8f8;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3)
}

@media(max-width:1023.98px) {
    .page-hotel__contact-box {
        margin: 0 0 0 50px
    }
}

@media(max-width:769.01px) {
    .page-hotel__contact-box {
        margin: 0
    }
}

.page-hotel__contact-box .page-hotel__cb-logo {
    max-width: 320px;
    margin: 50px auto
}

.page-hotel__contact-box .page-hotel__cb-logo img {
    max-width: 100%
}

.page-hotel__contact-box .page-hotel__cb-rating {
    margin: 20px 0;
    text-align: center
}

.page-hotel__contact-box .page-hotel__cb-rating .icon {
    margin: 0 3px;
    color: #b5b9bb
}

.page-hotel__contact-box .page-hotel__cb-rating .icon--filled {
    color: #005d8f
}

.page-hotel__contact-box .page-hotel__cb-details {
    width: 100%
}

@media(max-width:769.01px) {
    .page-hotel__contact-box .page-hotel__cb-details {
        text-align: center
    }
}

.page-hotel__contact-box .page-hotel__cb-details a:not(.btn):not(.page-hotel__cb-link) {
    font-size: 14px
}

.page-hotel__contact-box .page-hotel__cb-details a:not(.btn) {
    color: #005d8f;
    text-decoration: none
}

.page-hotel__contact-box .page-hotel__cb-details a:not(.btn):hover,
.page-hotel__contact-box .page-hotel__cb-details a:not(.btn):focus {
    text-decoration: underline
}

.page-hotel__contact-box hr {
    width: 100%;
    height: 1px;
    background-color: #e1e3e4;
    border: 0
}

.page-hotel__contact-box .page-hotel__cb-link {
    display: inline-block;
    margin: 0 0 20px
}

.page-hotel__contact-box .page-hotel__cb-link .icon {
    position: relative;
    top: 3px;
    line-height: 0
}

.page-hotel__contact-box .page-hotel__cb-social {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    flex-flow: row wrap;
    gap: 10px
}

.page-hotel__equipment {
    max-width: 350px;
    margin: 10px auto
}

.page-hotel__equipment h3 {
    color: #005d8f;
    font-family: cerapro-regular, "sans-serif";
    font-size: 24px;
    margin: 0 0 25px
}

.page-hotel__equipment ul li {
    padding-bottom: 5px
}

.page-hotel__equipment .page-hotel__e-content {
    transition: all .3s ease
}

.page-hotel__equipment .page-hotel__e-content>ul {
    padding-left: 1.2em
}

.page-hotel__equipment--collapse .page-hotel__e-content {
    overflow: hidden
}

.page-hotel__equipment--collapse .page-hotel__e-toggle {
    display: inline-block;
    visibility: visible
}

.page-hotel__equipment--expanded .page-hotel__e-content {
    height: auto !important;
    overflow: visible
}

.page-hotel__equipment--expanded .page-hotel__e-toggle .icon:before {
    transform: rotate(180deg)
}

.page-hotel__equipment.reference-equipment {
    margin: 25px auto;
    padding: 0 10px
}

@media(max-width:767.98px) {
    .page-hotel__equipment.reference-equipment {
        margin: 15px 0;
        padding: 0 20px;
        width: 100%
    }
}

.page-hotel__equipment.reference-equipment .page-hotel__e-toggle {
    margin-top: 15px
}

.page-hotel__equipment.reference-equipment h5 {
    margin-bottom: 20px
}

.page-hotel__equipment.reference-equipment ul li {
    padding: 0
}

.page-hotel__e-toggle {
    display: none;
    visibility: hidden;
    margin: 10px 0;
    color: #005d8f;
    text-decoration: none
}

.page-hotel__e-toggle:hover,
.page-hotel__e-toggle:focus {
    color: #005d8f;
    text-decoration: underline
}

.page-hotel__e-toggle .icon {
    position: relative;
    top: 2px;
    margin: 0 0 0 6px;
    font-size: 12px;
    line-height: 0
}

.page-hotel__e-toggle .icon:before {
    transition: all .3s ease
}

body.reference-modal-opened {
    min-height: -webkit-fill-available
}

body.reference-modal-opened .page-header-old,
body.reference-modal-opened .main-sidebar-navigation,
body.reference-modal-opened .main-sidebar-navigation-close-area {
    pointer-events: none !important
}

@media all and (max-width:991px) {

    body.reference-modal-opened .page-header-old,
    body.reference-modal-opened .main-sidebar-navigation,
    body.reference-modal-opened .main-sidebar-navigation-close-area {
        z-index: -1 !important;
        visibility: hidden
    }
}

.reference-detail-modal {
    transform: translateZ(0);
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: -webkit-fill-available;
    padding: 0;
    display: none
}

.reference-detail-modal.up {
    opacity: 1;
    display: block;
    z-index: 4000
}

.reference-detail-modal.is-loading .teaser-area-wrapper::before {
    display: block;
    content: '';
    background: url(/assets/assets/images/spinner.gif) center center no-repeat #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.reference-detail-modal .teaser-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 50px;
    min-height: -webkit-fill-available;
    display: flex;
    align-items: center;
    justify-content: center
}

@media all and (max-width:991px) {
    .reference-detail-modal .teaser-area {
        padding: 0;
        display: block
    }
}

.reference-detail-modal .teaser-area .teaser-area-wrapper {
    height: 90%;
    padding: 0;
    margin: 0;
    max-width: 1280px;
    width: 90%;
    position: relative;
    background: #fff
}

@media all and (max-width:991px) {
    .reference-detail-modal .teaser-area .teaser-area-wrapper {
        height: 100%;
        width: 100%
    }
}

.reference-detail-modal .close-icon {
    z-index: 100;
    position: absolute;
    transform: translateZ(0);
    top: -20px;
    right: -20px
}

.reference-detail-modal .close-icon::after {
    content: '';
    display: block;
    width: 140%;
    height: 140%;
    left: calc(50% - 1px);
    top: calc(50% - 1px);
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%
}

.reference-detail-modal .close-icon .icon {
    pointer-events: none
}

@media all and (max-width:991px) {
    .reference-detail-modal .close-icon {
        right: 20px;
        top: 20px
    }
}

.reference-detail-modal .content-area,
.reference-detail-modal .p-stage__slide-inner {
    padding-top: 25px;
    padding-bottom: 100px;
    margin-left: 80px;
    margin-right: 80px;
    max-width: 100%
}

@media(max-width:1023.98px) {

    .reference-detail-modal .content-area,
    .reference-detail-modal .p-stage__slide-inner {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media(max-width:767.98px) {

    .reference-detail-modal .content-area,
    .reference-detail-modal .p-stage__slide-inner {
        margin-left: 20px;
        margin-right: 20px
    }
}

.reference-detail-modal .mobile-inpage,
.reference-detail-modal .inpage-navigation {
    display: none !important
}

.reference-detail-modal section.slider {
    padding: 0 !important
}

.reference-detail-modal section.slider .slick-slider.slick-initialized .slick-list {
    opacity: 1;
    position: relative
}

.reference-detail-modal section.slider .slick-slider .slick-list {
    opacity: 0;
    position: absolute
}

.reference-detail-modal section.slider .single-item {
    height: 100%
}

.reference-detail-modal .media {
    width: 100%;
    padding: 0
}

.reference-detail-modal-preview {
    height: 100%;
    overflow: auto
}

.reference-detail-logo {
    position: relative
}

.reference-detail-logo.content-area,
.reference-detail-logo.p-stage__slide-inner {
    padding: 0 !important
}

.reference-detail-logo+.content-area,
.reference-detail-logo+.p-stage__slide-inner {
    padding-top: 25px;
    overflow: hidden
}

.reference-detail-logo__inner {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 240px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    transform: translateY(50%)
}

@media(max-width:1023.98px) {
    .reference-detail-logo__inner {
        width: 120px
    }
}

.reference-detail-logo__inner::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.reference-detail-logo__inner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reference-detail-heading {
    font-size: 24px
}

@media(max-width:1023.98px) {
    .reference-detail-heading {
        font-size: 18px;
        padding-right: 140px
    }
}

.reference-detail-devider {
    width: 100%;
    height: 1px;
    background-color: #e2e3e4;
    border: 0;
    margin: 20px 0
}

.reference-detail-contact-box {
    display: block;
    width: 270px;
    padding: 0 0 0 30px;
    margin: 120px 0 0 auto
}

@media(max-width:1023.98px) {
    .reference-detail-contact-box {
        margin: 30px 0 0;
        padding: 0;
        width: 100%
    }

    .reference-detail-contact-box hr,
    .reference-detail-contact-box .reference-detail-devider {
        display: none
    }
}

.reference-detail-contact-box a:not(.btn):not(.reference-detail__cb-link) {
    font-size: 14px
}

.reference-detail-contact-box a:not(.btn) {
    color: #005d8f;
    text-decoration: underline
}

.reference-detail-contact-box a:not(.btn):hover,
.reference-detail-contact-box a:not(.btn):focus {
    text-decoration: none
}

.reference-detail-contact-box .btn,
.reference-detail-contact-box .ost-jobs .ost-job .action,
.ost-jobs .ost-job .reference-detail-contact-box .action {
    padding: 14px 40px;
    line-height: 24px
}

.reference-detail-contact-box__icon-link {
    display: inline-block;
    margin: 0 0 20px
}

.reference-detail-contact-box__icon-link .icon {
    position: relative;
    top: 5px;
    line-height: 0;
    margin-right: 5px;
    font-size: 18px
}

.reference-detail-contact-box__social {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    flex-flow: row wrap;
    gap: 10px
}

.reference-detail-contact-box__social li {
    margin: 0;
    padding: 0
}

.reference-detail-contact-box__social a {
    display: block
}

.testimonials {
    background-color: #f7f8f8;
    padding: 30px 0
}

.testimonials .slick-slider {
    padding: 0 30px
}

.testimonials .slick-slider button.slick-next,
.testimonials .slick-slider button.slick-prev {
    background-color: #fff
}

.testimonials .slick-slider button.slick-next:before,
.testimonials .slick-slider button.slick-prev:before {
    border-color: #FF88BD
}

.testimonials .slick-track {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px
}

.testimonials .slick-slide {
    height: auto;
    padding: 0 20px 10px
}

@media(max-width:1023.98px) {
    .testimonials .slick-slide {
        padding-left: 15px;
        padding-right: 15px
    }
}

.testimonials-card {
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    padding: 30px;
    height: 100%;
    transition: all .5s ease
}

.testimonials-card.testimonials-card--single {
    border: none;
    box-shadow: none;
    height: auto;
    padding: 0
}

@media(max-width:1023.98px) {
    .testimonials-card.testimonials-card--single {
        margin: 60px 0;
        padding: 0
    }
}

.testimonials-card.testimonials-card--single .testimonials-card__pic-wrap {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.testimonials-card.testimonials-card--single .testimonials-card__text-wrap {
    padding: 30px
}

@media(max-width:1023.98px) {
    .testimonials-card.testimonials-card--single .testimonials-card__text-wrap {
        padding: 30px 0
    }
}

.testimonials-card.testimonials-card--single .testimonials-card__title {
    font-size: 24px
}

@media(max-width:1023.98px) {
    .testimonials-card.testimonials-card--single .testimonials-card__title {
        font-size: 18px
    }
}

.testimonials-card.testimonials-card--single .testimonials-card__text {
    font-size: 18px
}

@media(max-width:1023.98px) {
    .testimonials-card.testimonials-card--single .testimonials-card__text {
        font-size: 16px
    }
}

@media(max-width:1023.98px) {
    .testimonials-card {
        padding: 25px 20px
    }
}

.slick-center .testimonials-card {
    transform: scale(1.1)
}

.testimonials-card__pic-wrap {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    display: flex
}

@media(max-width:1023.98px) {
    .testimonials-card__pic-wrap {
        width: 125px;
        height: 125px
    }
}

.testimonials-card__text-wrap {
    text-align: center;
    position: relative;
    padding: 30px 0
}

.testimonials-card__text {
    padding-bottom: 0
}

.testimonials-card__title {
    margin-bottom: 10px
}

.testimonials-card__quote-start,
.testimonials-card__quote-end {
    position: absolute;
    font-size: 0;
    color: #FF88BD
}

.testimonials-card__quote-start:before,
.testimonials-card__quote-end:before {
    font-size: 22px
}

.testimonials-card__quote-start {
    top: 0;
    left: 0;
    transform: scale(-1)
}

.testimonials-card__quote-end {
    bottom: 0;
    right: 0
}

.ost-jobs ul li:before {
    content: none
}

.ost-jobs .ost-list {
    display: flex;
    flex-wrap: wrap
}

.ost-jobs .ost-job {
    margin-bottom: 0;
    padding: 20px !important;
    background-color: #fff;
    border: 0;
    flex-basis: 100%;
    max-width: 100%;
    position: relative
}

.ost-jobs .ost-job:nth-child(odd) {
    background-color: #f8f8f8
}

@media(min-width:768px) {
    .ost-jobs .ost-job {
        flex-basis: 50%;
        max-width: 50%;
        padding-bottom: 30px !important
    }

    .ost-jobs .ost-job:nth-child(odd) {
        background-color: transparent
    }

    .ost-jobs .ost-job:nth-child(4n),
    .ost-jobs .ost-job:nth-child(4n+1) {
        background-color: #f8f8f8
    }
}

@media(min-width:1024px) {
    .ost-jobs .ost-job {
        max-width: 25%;
        flex-basis: 25%
    }

    .ost-jobs .ost-job:nth-child(4n),
    .ost-jobs .ost-job:nth-child(4n+1) {
        background-color: transparent
    }

    .ost-jobs .ost-job:nth-child(8n+1),
    .ost-jobs .ost-job:nth-child(8n+3),
    .ost-jobs .ost-job:nth-child(8n-2),
    .ost-jobs .ost-job:nth-child(8n) {
        background-color: #f8f8f8
    }
}

.ost-jobs .ost-job h4 {
    font-size: 17.6px;
    text-align: left;
    margin-right: 40px
}

@media(min-width:768px) {
    .ost-jobs .ost-job h4 {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.ost-jobs .ost-job h4 a {
    text-decoration: none
}

.ost-jobs .ost-job h4 a:hover,
.ost-jobs .ost-job h4 a:focus {
    color: #666b6e
}

.ost-jobs .ost-job .ost-row {
    flex-direction: column
}

.ost-jobs .ost-job .ost-job-info {
    display: none
}

@media(min-width:768px) {
    .ost-jobs .ost-job .ost-job-info {
        display: block
    }
}

.ost-jobs .ost-job .ost-job-info {
    display: none;
    padding-bottom: 0;
    margin: 0 0 10px
}

@media(min-width:768px) {
    .ost-jobs .ost-job .ost-job-info {
        display: flex
    }
}

.ost-jobs .ost-job .ost-job-info:before {
    content: '';
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 7px;
    margin-top: 2px;
    background: url(/assets/assets/images/job-icons/Job-location.svg) no-repeat
}

.ost-jobs .ost-job .ost-job-attributes {
    display: none;
    flex-direction: column;
    margin-bottom: 50px
}

@media(min-width:768px) {
    .ost-jobs .ost-job .ost-job-attributes {
        display: flex
    }
}

.ost-jobs .ost-job .ost-job-attributes li {
    background-color: transparent;
    text-align: left;
    margin-right: 0;
    margin-bottom: 10px;
    border-radius: 0;
    padding: 0;
    font-size: 16px;
    display: flex
}

.ost-jobs .ost-job .ost-job-attributes li:before {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: translate(0, 0);
    border-radius: 0;
    position: static;
    margin-right: 7px;
    margin-top: 2px
}

.ost-jobs .ost-job .ost-job-attributes li.timestamp:before {
    background: url(/assets/assets/images/job-icons/Working-time-model.svg) no-repeat
}

.ost-jobs .ost-job .ost-job-attributes li.workload:before {
    background: url(/assets/assets/images/job-icons/Date-of-availability.svg) no-repeat
}

.ost-jobs .ost-job .ost-job-attributes li.position {
    order: 1
}

.ost-jobs .ost-job .ost-job-attributes li.position:before {
    background: url(/assets/assets/images/job-icons/Job-target-group.svg) no-repeat
}

.ost-jobs .ost-job .ost-job-attributes li.type,
.ost-jobs .ost-job .ost-job-attributes li.reference {
    display: none
}

.ost-jobs .ost-job .action {
    position: absolute;
    bottom: 30px;
    left: 20px;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 40px)
}

@media(max-width:767.98px) {
    .ost-jobs .ost-job .action {
        font-size: 0;
        right: 25px;
        top: 50%;
        left: auto;
        bottom: auto;
        transform: translateY(-50%)
    }
}

.icon.icon--accept-arrow:before,
.icon.icon--add-to-cart:before,
.icon.icon--arrow-down-circle:before,
.icon.icon--arrow-down:before,
.icon.icon--arrow-negative:before,
.icon.icon--arrow-right-circle:before,
.icon.icon--arrow-right:before,
.icon.icon--arrow-up-small:before,
.icon.icon--bottles:before,
.icon.icon--bwt-hovering-logo:before,
.icon.icon--calendar:before,
.icon.icon--camera:before,
.icon.icon--chat:before,
.icon.icon--check-none:before,
.icon.icon--check:before,
.icon.icon--clocks:before,
.icon.icon--close:before,
.icon.icon--copy:before,
.icon.icon--delete:before,
.icon.icon--download:before,
.icon.icon--drop-splash:before,
.icon.icon--drop:before,
.icon.icon--edit:before,
.icon.icon--email-circle:before,
.icon.icon--email:before,
.icon.icon--facebook-simple:before,
.icon.icon--facebook:before,
.icon.icon--globe:before,
.icon.icon--hamburger:before,
.icon.icon--heat:before,
.icon.icon--instagram:before,
.icon.icon--linkedin-simple:before,
.icon.icon--logo-white:before,
.icon.icon--logout:before,
.icon.icon--map:before,
.icon.icon--minus:before,
.icon.icon--news:before,
.icon.icon--newsletter:before,
.icon.icon--person:before,
.icon.icon--pin:before,
.icon.icon--pinterest-simple:before,
.icon.icon--pinterest:before,
.icon.icon--plane:before,
.icon.icon--play-filled:before,
.icon.icon--play-outline:before,
.icon.icon--plus-simple:before,
.icon.icon--plus:before,
.icon.icon--point-plumber:before,
.icon.icon--point-shop:before,
.icon.icon--pointer:before,
.icon.icon--quote:before,
.icon.icon--replay-360:before,
.icon.icon--replay:before,
.icon.icon--search:before,
.icon.icon--select-arrow:before,
.icon.icon--share-simple:before,
.icon.icon--share:before,
.icon.icon--shield:before,
.icon.icon--shop:before,
.icon.icon--shopping-cart:before,
.icon.icon--sl-nav:before,
.icon.icon--smartphone:before,
.icon.icon--ssl-safety:before,
.icon.icon--star:before,
.icon.icon--subscription:before,
.icon.icon--target-group:before,
.icon.icon--trophy:before,
.icon.icon--twitter-simple:before,
.icon.icon--twitter:before,
.icon.icon--TWP:before,
.icon.icon--user:before,
.icon.icon--warning:before,
.icon.icon--youtube:before,
.icon.icon--zoom:before,
.icon-add-to-cart:before,
.icon-zoom:before,
.icon-checkmark:before,
.icon-logout:before,
.icon-newsletter:before,
.icon-user:before,
.icon-warning:before,
.icon-ssl-safety:before,
.product-summary .pdp-breadcrumb li:last-of-type:before,
.product-summary .thumbnails-slider .slick-prev:before,
.product-summary .thumbnails-slider .slick-next:before,
.product-summary .show-full:before,
.product-summary .product-usps ul li:before,
.product-bottombar .module-selector .close-variants>span:before,
.product-filter .arrow-down:before,
.product-filter .check-mark:before,
.product-filter .close:before,
.product-filter .plp-sorting .order-by-label.arrow-down:before,
.technical-details-comparison .slick-slider button::after,
.shop-footer-info .shop-info:not(:last-of-type):not(:first-of-type) ul li:before,
.shopping-cart .product-list .remove:before,
.commerce-form .selectbox:after,
.checkout-header-old .content-area .shop-link:before,
.subscription-table .subscription-actions>a span:before,
.subscription-table .advantages-list li:before,
.slick-lightbox.full-slider .slick-lightbox-inner button.slick-prev:before,
.slick-lightbox.full-slider .slick-lightbox-inner button.slick-next:before,
.custom-select--init:before,
.custom-date--in-popup .custom-date__field:last-of-type:before {
    font-family: icons;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    text-transform: none
}

.icon.icon--accept-arrow:before {
    content: ""
}

.icon.icon--add-to-cart:before {
    content: ""
}

.icon.icon--arrow-down-circle:before {
    content: ""
}

.icon.icon--arrow-down:before {
    content: ""
}

.icon.icon--arrow-negative:before {
    content: ""
}

.icon.icon--arrow-right-circle:before {
    content: ""
}

.icon.icon--arrow-right:before {
    content: ""
}

.icon.icon--arrow-up-small:before {
    content: ""
}

.icon.icon--bottles:before {
    content: ""
}

.icon.icon--bwt-hovering-logo:before {
    content: ""
}

.icon.icon--calendar:before {
    content: ""
}

.icon.icon--camera:before {
    content: ""
}

.icon.icon--chat:before {
    content: ""
}

.icon.icon--check-none:before {
    content: ""
}

.icon.icon--check:before {
    content: ""
}

.icon.icon--clocks:before {
    content: ""
}

.icon.icon--close:before {
    content: ""
}

.icon.icon--copy:before {
    content: ""
}

.icon.icon--delete:before {
    content: ""
}

.icon.icon--download:before {
    content: ""
}

.icon.icon--drop-splash:before {
    content: ""
}

.icon.icon--drop:before {
    content: ""
}

.icon.icon--edit:before {
    content: ""
}

.icon.icon--email-circle:before {
    content: ""
}

.icon.icon--email:before {
    content: ""
}

.icon.icon--facebook-simple:before {
    content: ""
}

.icon.icon--facebook:before {
    content: ""
}

.icon.icon--globe:before {
    content: ""
}

.icon.icon--hamburger:before {
    content: ""
}

.icon.icon--heat:before {
    content: ""
}

.icon.icon--instagram:before {
    content: ""
}

.icon.icon--linkedin-simple:before {
    content: ""
}

.icon.icon--logo-white:before {
    content: ""
}

.icon.icon--logout:before {
    content: ""
}

.icon.icon--map:before {
    content: ""
}

.icon.icon--minus:before {
    content: ""
}

.icon.icon--news:before {
    content: ""
}

.icon.icon--newsletter:before {
    content: ""
}

.icon.icon--person:before {
    content: ""
}

.icon.icon--pin:before {
    content: ""
}

.icon.icon--pinterest-simple:before {
    content: ""
}

.icon.icon--pinterest:before {
    content: ""
}

.icon.icon--plane:before {
    content: ""
}

.icon.icon--play-filled:before {
    content: ""
}

.icon.icon--play-outline:before {
    content: ""
}

.icon.icon--plus-simple:before {
    content: ""
}

.icon.icon--plus:before {
    content: ""
}

.icon.icon--point-plumber:before {
    content: ""
}

.icon.icon--point-shop:before {
    content: ""
}

.icon.icon--pointer:before {
    content: ""
}

.icon.icon--quote:before {
    content: ""
}

.icon.icon--replay-360:before {
    content: ""
}

.icon.icon--replay:before {
    content: ""
}

.icon.icon--search:before {
    content: ""
}

.icon.icon--select-arrow:before {
    content: ""
}

.icon.icon--share-simple:before {
    content: ""
}

.icon.icon--share:before {
    content: ""
}

.icon.icon--shield:before {
    content: ""
}

.icon.icon--shop:before {
    content: ""
}

.icon.icon--shopping-cart:before {
    content: ""
}

.icon.icon--sl-nav:before {
    content: ""
}

.icon.icon--smartphone:before {
    content: ""
}

.icon.icon--ssl-safety:before {
    content: ""
}

.icon.icon--star:before {
    content: ""
}

.icon.icon--subscription:before {
    content: ""
}

.icon.icon--target-group:before {
    content: ""
}

.icon.icon--trophy:before {
    content: ""
}

.icon.icon--twitter-simple:before {
    content: ""
}

.icon.icon--twitter:before {
    content: ""
}

.icon.icon--TWP:before {
    content: ""
}

.icon.icon--user:before {
    content: ""
}

.icon.icon--warning:before {
    content: ""
}

.icon.icon--youtube:before {
    content: ""
}

.icon.icon--zoom:before {
    content: ""
}

@media all and (min-width:768px) {
    .offset-right-40 {
        padding-right: 40px
    }

    .offset-left-40 {
        padding-left: 40px
    }

    .confirmation-page h1,
    .order-information {
        padding: 0 20px
    }
}

.loading>* {
    opacity: .3;
    pointer-events: none
}

.loading::before {
    content: '';
    background: url(/assets/assets/images/spinner.gif) center center no-repeat;
    position: fixed;
    top: 30%;
    width: 100%;
    height: 20%;
    left: 0;
    z-index: 1
}

@media all and (max-width:585px) {
    .loading::before {
        height: 10%
    }
}

.icon-add-to-cart:before {
    margin-right: 10px;
    content: ""
}

.icon-zoom:before {
    content: ""
}

.icon-checkmark:before {
    content: ""
}

.icon-logout:before {
    content: ""
}

.icon-newsletter:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-ssl-safety:before {
    content: ""
}

.confirmation-page>h1 {
    margin-bottom: 40px;
    text-align: center
}

.order-information {
    font-size: 22px;
    margin-bottom: 50px;
    text-align: center
}

.products-list .sale-text,
.shopping-cart .sale-text,
.product-row .sale-text,
.product-summary .sale-text {
    color: #cc2867;
    font-weight: 600;
    margin-right: 15px
}

.products-list .sale-old-price,
.shopping-cart .sale-old-price,
.product-row .sale-old-price,
.product-summary .sale-old-price {
    color: #bbbfc1;
    font-weight: 600;
    text-decoration: line-through
}

main+.trustbadge #MyCustomTrustbadge {
    margin: 0 auto
}

@media all and (max-width:768px) {
    .trustbadge {
        bottom: auto;
        height: 80px;
        margin: 0 auto;
        position: relative;
        width: 80px
    }
}

.product-summary:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    width: 0
}

.product-summary a,
.product-summary a:hover {
    text-decoration: none
}

.product-summary .amount {
    margin: 0 40px 20px 0
}

.product-summary .slick-list {
    padding-bottom: 0
}

.product-summary .pdp-breadcrumb ul li {
    color: #666b6e;
    font-size: .9em;
    text-transform: none
}

.product-summary .pdp-breadcrumb ul li a:hover {
    color: #FF88BD
}

.product-summary .pdp-breadcrumb ul li:hover:before {
    color: #FF88BD
}

.product-summary .thumbnails-slider {
    position: absolute;
    z-index: 0
}

.product-summary .btn {
    margin-top: 15px
}

.product-summary .btn .icon-checkmark {
    display: none
}

.product-summary .btn.added .icon-checkmark {
    display: inline-block
}

.product-summary .pdp-breadcrumb {
    display: block;
    margin-bottom: 22px;
    padding-top: 8px;
    width: 100%
}

.product-summary .pdp-breadcrumb ul.breadcrumbs {
    left: 0 !important;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100% !important
}

.product-summary .pdp-breadcrumb ul.breadcrumbs a {
    color: grey
}

.product-summary .pdp-breadcrumb li:not(:last-of-type) {
    display: none
}

.product-summary .pdp-breadcrumb li:last-of-type {
    font-weight: 700
}

.product-summary .pdp-breadcrumb li:last-of-type:before {
    content: "";
    font-size: 9px;
    font-weight: bolder;
    margin-top: -2px;
    transform: rotate(-180deg);
    color: #000
}

.product-summary .pdp-container {
    position: relative;
    text-align: right;
    background-color: #efefef
}

.product-summary .pdp-container:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    width: 0
}

.product-summary .pdp-container--v2 {
    background-color: transparent
}

.product-summary .pdp-container--v2 .pdp-container__wrapper {
    position: relative
}

.product-summary .pdp-container--v2 .thumbnails-slider {
    max-width: 72px;
    top: -4px;
    transform: none;
    left: 9px
}

.product-summary .pdp-container--v2 .thumbnails-slider--v-centered {
    top: 50%;
    transform: translate(0, -50%)
}

.product-summary .pdp-container--v2 .thumbnails-slider .image {
    height: 72px;
    margin: 4px 0;
    padding: 6px;
    width: 72px !important
}

.product-summary .pdp-container--v2 .thumbnails-slider .slick-slide {
    border: 2px solid #efefef
}

.product-summary .pdp-container--v2 .thumbnails-slider .slick-current,
.product-summary .pdp-container--v2 .thumbnails-slider .slick-slide:focus {
    border-color: #666b6e;
    outline: none
}

.product-summary .pdp-container--v2 .product-slider {
    margin: 0 0 0 90px
}

@media all and (max-width:1199px) {
    .product-summary .pdp-container--v2 .product-slider {
        margin: 0
    }
}

.product-summary .pdp-container--v2 .product-slider .image {
    position: relative;
    background-color: #efefef
}

.product-summary .pdp-container--v2 .product-slider .image.slick-slide {
    height: auto
}

.product-summary .pdp-container--v2 .product-slider .image:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%
}

.product-summary .pdp-container--v2 .product-slider .image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    max-height: none
}

.product-summary .pdp-container--v2 .product-slider,
.product-summary .pdp-container--v2 .thumbnails-slider {
    max-height: none
}

.product-summary .pdp-container--v2 .small-benefits {
    margin: 0 0 0 90px
}

@media all and (max-width:1199px) {
    .product-summary .pdp-container--v2 .small-benefits {
        margin: 0
    }
}

.product-summary .pdp-container .label-wrapper {
    position: absolute;
    top: 0;
    right: 0
}

.product-summary .pdp-container .product-label {
    background-color: #FF88BD;
    color: #fff;
    clear: both;
    font-size: 13px;
    font-weight: 700;
    float: right;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 12px 0 0 12px;
    padding: 4px 12px
}

.product-summary .product-information {
    position: relative;
    padding-left: 100px
}

.product-summary .product-information .error {
    color: #FF88BD;
    display: none;
    font-size: 12px;
    padding-top: 10px
}

.product-summary .product-information .product-name,
.product-summary .product-information .product-price,
.product-summary .product-information .product-subheadline {
    text-align: left
}

.product-summary .product-information .product-name {
    font-size: 30px
}

@media all and (max-width:768px) {
    .product-summary .product-information .product-name {
        font-size: 24px
    }
}

.product-summary .product-information .product-subheadline {
    margin: 0 0 20px;
    font-size: 16px
}

.product-summary .product-information .search-supplier-description p:last-child,
.product-summary .product-information .contact-form-description p:last-child {
    padding-bottom: 20px
}

.product-summary .product-information .product-discount {
    margin: 0;
    padding: 0
}

.product-summary .product-information .product-discount__amount {
    margin: 0 20px 0 0;
    font-size: 16px;
    color: #e5006b
}

.product-summary .product-information .product-discount__price {
    text-decoration: line-through
}

.product-summary .product-information .product-price {
    font-family: cerapro-bold, 'sans-serif';
    font-size: 36px;
    line-height: 36px;
    color: #e5006b
}

.product-summary .product-information .note {
    display: inline-block;
    font-family: cerapro-regular, 'sans-serif';
    font-size: 12px;
    line-height: 15px;
    color: #bbbfc1
}

.product-summary .product-information .note+.note {
    display: block;
    margin: 2px auto
}

.product-summary .product-information .price-hint {
    margin-bottom: 5px
}

.product-summary .product-information .price-hint sup {
    font-family: "sans-serif";
    font-size: 20px;
    line-height: 24px
}

.product-summary .product-information .product-subheadline {
    margin-top: 5px
}

.product-summary .product-number {
    font-size: 14px;
    margin-top: 10px
}

.product-summary .product-old-price {
    margin-bottom: 10px
}

.product-summary .slick-slide {
    position: relative
}

.product-summary .thumbnails-slider {
    max-width: 88px;
    left: 15px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.product-summary .thumbnails-slider .image {
    background-color: #fff;
    height: 80px;
    margin: 2px;
    padding: 7px;
    width: 80px !important
}

.product-summary .thumbnails-slider .media[data-video-url]::after {
    background-size: 30px
}

.product-summary .thumbnails-slider .slick-prev {
    top: -30px
}

.product-summary .thumbnails-slider .slick-prev:before {
    content: ""
}

.product-summary .thumbnails-slider .slick-next {
    top: 100%
}

.product-summary .thumbnails-slider .slick-next:before {
    content: ""
}

.product-summary .thumbnails-slider .slick-arrow {
    transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    background-color: transparent;
    box-shadow: none;
    height: 30px;
    left: 50%;
    margin-top: 0;
    opacity: .7
}

.product-summary .thumbnails-slider .slick-arrow:hover {
    background: 0 0;
    opacity: 1
}

.product-summary .thumbnails-slider .slick-arrow:before {
    border-color: #8b7b71
}

.product-summary .thumbnails-slider .slick-disabled {
    display: none !important
}

.product-summary .thumbnails-slider .slick-slide {
    border: 0
}

.product-summary .thumbnails-slider .slick-current,
.product-summary .thumbnails-slider .slick-slide:focus {
    outline: 2px solid #666b6e
}

.product-summary .loading::before {
    left: 50%;
    height: 32px;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 32px
}

.product-summary .show-full,
.product-summary .btn-show-360-popup {
    cursor: pointer;
    bottom: 10px;
    font-size: 25px;
    line-height: 1;
    position: absolute;
    z-index: 1
}

.product-summary .show-full {
    right: 10px
}

.product-summary .show-full:before {
    content: ""
}

.product-summary .btn-show-360-popup {
    right: 50px
}

.product-summary .product-slider {
    margin-bottom: 0 !important
}

.product-summary .product-slider img {
    margin: 0 auto
}

.product-summary .product-slider .image {
    pointer-events: none
}

.product-summary .product-slider:focus,
.product-summary .product-slider .slick-active:focus {
    outline: 0
}

.product-summary .product-slider .slick-dots li button:before {
    opacity: 1
}

.product-summary .product-usps {
    margin-top: 10px
}

.product-summary .product-usps ul {
    padding-left: 24px;
    text-align: left;
    margin-bottom: 0;
    list-style-type: none
}

.product-summary .product-usps ul li {
    position: relative;
    padding: 0 0 20px 5px;
    font-size: 14px
}

.product-summary .product-usps ul li:before {
    content: ""
}

.product-summary .product-usps ul li:before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1.5px;
    left: -24px;
    width: 20px;
    height: 20px;
    background-color: #005d8f;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    line-height: 0
}

.product-summary .product-usps.expander ul {
    overflow: hidden;
    max-height: 92px;
    transition: max-height .3s
}

.product-summary .product-usps.expander--active .expander__button {
    display: none
}

.product-summary .product-usps.expander--active .collapse__button {
    display: inline-block
}

.product-summary .product-usps.expander--active .btn-plus:before {
    display: none
}

.product-summary .product-usps .btn-plus {
    left: 6px;
    position: relative;
    display: block;
    margin-top: 4px
}

.product-summary .product-usps .btn-plus:after {
    border: 1px solid #878c8f;
    content: "";
    display: block;
    height: 1px;
    left: -5px;
    position: absolute;
    top: 14px;
    width: 12px
}

.product-summary .product-usps .btn-plus:before {
    border: 1px solid #878c8f;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    top: 9px;
    width: 1px
}

.product-summary .product-usps .expander__button {
    border-bottom: 1px solid #878c8f;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 20px
}

.product-summary .product-usps .collapse__button {
    display: none
}

.product-summary .variants-selector {
    margin: 20px 0
}

.product-summary .variants-selector .disabled {
    opacity: .5
}

.product-summary .variants-selector.variants-selector--v2 .variant-item .variant-item__info {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.product-summary .variants-selector.variants-selector--v2 .variant-item .variant-item__name,
.product-summary .variants-selector.variants-selector--v2 .variant-item .variant-item__price {
    padding: 0
}

.product-summary .variants-selector.variants-selector--v2 .variant-item .variant-item__label {
    font-weight: 400;
    border-radius: 3px !important
}

.product-summary .variants-selector.variants-selector--v2 .variant-item .variant-item__price {
    margin-top: auto;
    color: #65695e;
    font-weight: 700
}

.product-summary .variants-selector.variants-selector--v2 .variant-item .variant-item__name {
    max-height: 40px;
    overflow: hidden;
    color: #666b6e;
    line-height: 20px
}

.product-summary .variants-selector.variants-selector--v2:not(.module-selector) {
    display: flex;
    justify-content: flex-start;
    align-items: stretch
}

@media all and (max-width:991px) {
    .product-summary .variants-selector.variants-selector--v2:not(.module-selector) {
        flex-wrap: wrap
    }
}

.product-summary .variants-selector.variants-selector--v2:not(.module-selector) .variant-item {
    width: 32%;
    margin: 0 2% 0 0
}

@media all and (max-width:991px) {
    .product-summary .variants-selector.variants-selector--v2:not(.module-selector) .variant-item {
        width: 100%;
        margin: 0 0 10px
    }
}

.product-summary .variants-selector.variants-selector--v2:not(.module-selector) .variant-item:last-child {
    margin: 0
}

.product-summary .variants-selector.variants-selector--v2:not(.module-selector) .variant-item .variant-item__info {
    padding: 10px 10px 0
}

.product-summary .variants-selector.variants-selector--v2:not(.module-selector) .variant-item .variant-item__price {
    max-width: 60%;
    white-space: nowrap;
    letter-spacing: -.5px
}

.product-summary .variants-selector.variants-selector--v2:not(.module-selector) .variant-item .variant-item__label {
    top: auto;
    bottom: 0;
    max-width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: -.5px
}

.product-summary .variants-selector.variants-selector--v2.module-selector .wrapper {
    min-height: 0
}

.product-summary .variants-selector.variants-selector--v2.module-selector .wrapper .variant-item__info {
    width: calc(100% - 60px)
}

.product-summary .variants-selector.variants-selector--v2.module-selector .wrapper .variant-item__name {
    max-width: calc(100% - 80px)
}

.product-summary .variants-selector.variants-selector--v2.module-selector .variant-item {
    width: 100%
}

.product-summary .variants-selector.variants-selector--v2.module-selector .variant-item .variant-item__info {
    padding: 10px
}

.product-summary .variants-selector.variants-selector--v2.module-selector .variant-item .variant-item__label {
    right: 10px;
    top: 50%;
    transform: translate(0, -50%)
}

.product-summary .variants-selector:not(.module-selector) {
    display: inline-block;
    width: 100%
}

.product-summary .variants-selector:not(.module-selector) a.image {
    display: inline-block;
    height: auto;
    position: relative;
    width: 100%
}

.product-summary .variants-selector:not(.module-selector) .variant-item {
    position: relative;
    float: left;
    width: 49%;
    margin-bottom: 10px;
    background-color: #f7f9f7;
    border: 1px solid transparent;
    border-radius: 3px;
    z-index: 1
}

.product-summary .variants-selector:not(.module-selector) .variant-item .variant-item__label {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 2px 4px;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    background-color: #e5006b;
    border-radius: 0 3px
}

.product-summary .variants-selector:not(.module-selector) .variant-item__img {
    float: left;
    padding-top: 3px;
    height: 80px;
    width: 30%
}

.product-summary .variants-selector:not(.module-selector) .variant-item__img img {
    max-height: 100%;
    margin: 0 auto
}

.product-summary .variants-selector:not(.module-selector) .variant-item span {
    padding: 16px 10px;
    float: left;
    width: 70%
}

.product-summary .variants-selector:not(.module-selector) .variant-item:nth-child(even) {
    float: right
}

.product-summary .variants-selector:not(.module-selector) .variant-item:hover,
.product-summary .variants-selector:not(.module-selector) .variant-item.selected {
    background-color: #fff;
    box-shadow: 0 0 6px 0 #FF88BD;
    border-color: rgba(241, 150, 198, .7)
}

.product-summary .variants-selector:not(.module-selector) .variant-item:hover span,
.product-summary .variants-selector:not(.module-selector) .variant-item.selected span {
    color: #65695e
}

.product-summary .variants-selector:not(.module-selector) .variant-item:hover .variant-item__label,
.product-summary .variants-selector:not(.module-selector) .variant-item.selected .variant-item__label {
    color: #fff
}

.product-summary .variants-selector:not(.module-selector) .variant-item.selected {
    border-color: #FF88BD
}

.product-summary .variant-selectors:after,
.product-summary .variant-selectors a:after {
    content: "";
    display: table;
    clear: both
}

.product-summary .not-available {
    opacity: .5;
    pointer-events: none
}

.product-summary .module-selector {
    display: block;
    position: relative;
    width: 100%
}

.product-summary .module-selector .close-variants {
    display: none
}

.product-summary .module-selector .wrapper {
    border: 2px solid #e2e3e5;
    cursor: pointer;
    display: table;
    position: relative;
    width: 100%;
    min-height: 80px;
    border-radius: 3px
}

.product-summary .module-selector .wrapper .variant-item img {
    padding: 0
}

.product-summary .module-selector .wrapper .variant-item,
.product-summary .module-selector .variant-item:hover,
.product-summary .module-selector .variant-item.selected {
    background-color: #f7f9f7
}

.product-summary .module-selector .wrapper .variant-item .variant-item__img,
.product-summary .module-selector .variant-item:hover .variant-item__img,
.product-summary .module-selector .variant-item.selected .variant-item__img {
    background-color: #fff;
    border-right: 2px solid #e2e3e5
}

.product-summary .module-selector .variant-item {
    margin-bottom: 0;
    position: relative;
    width: 100%
}

.product-summary .module-selector .variant-item .variant-item__img {
    border-right: 2px solid transparent;
    height: 78px;
    padding: 5px;
    width: 78px;
    margin: 0
}

.product-summary .module-selector .variant-item .variant-item__img img {
    max-height: 100%
}

.product-summary .module-selector .variant-item .variant-item__label {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 2px 4px;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    background-color: #e5006b;
    border-radius: 0 3px;
    transform: none
}

.product-summary .module-selector .variant-item span {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-weight: 600;
    position: absolute;
    padding-left: 85px;
    width: calc(100% - 30px)
}

.product-summary .module-selector .variant-item span span {
    top: 14px;
    position: relative;
    width: 100%;
    display: block;
    padding-left: 0;
    font-size: 12px
}

.product-summary .module-selector .variant-item span .available {
    color: #47ba5b
}

.product-summary .module-selector .variant-item span .not-available {
    color: #FF88BD
}

.product-summary .module-selector .change-variant {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
    padding-right: 30px;
    position: absolute;
    right: 15px
}

.product-summary .module-selector .change-variant:before {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    right: 0
}

.product-summary .module-selector .select-variant {
    background-color: #fff;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    border-color: #e2e3e5;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 7;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-3dlight-color: transparent;
    scrollbar-arrow-color: #f0f1f0;
    scrollbar-darkshadow-color: #f0f1f0;
    scrollbar-face-color: #f0f1f0;
    scrollbar-shadow-color: #f0f1f0;
    scrollbar-color: #f0f1f0 transparent;
    scrollbar-width: thin
}

.product-summary .module-selector .select-variant::-webkit-scrollbar {
    display: block !important;
    padding: 2px;
    width: 8px
}

.product-summary .module-selector .select-variant::-webkit-scrollbar-track {
    background: transparent
}

.product-summary .module-selector .select-variant::-webkit-scrollbar-thumb {
    background: rgba(51, 51, 51, .2);
    border-radius: 10px
}

.product-summary .module-selector .select-variant .variant-item {
    cursor: pointer
}

.product-summary .module-selector .select-variant .variant-item+.variant-item {
    border-top: 2px solid #f7f9f7
}

.product-summary .module-selector.open .change-variant:before {
    transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg)
}

.product-summary .module-selector.open .select-variant {
    display: block
}

.product-summary .module-selector.top .change-variant:before {
    transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg)
}

.product-summary .module-selector.top .select-variant {
    border-top: 2px solid #e2e3e5;
    display: block;
    bottom: 80px
}

.product-summary .icon-checkmark {
    position: relative
}

.product-summary .color-selector {
    margin-bottom: 30px
}

.product-summary .color-selector:after {
    content: "";
    display: table;
    clear: both
}

.product-summary .color-selector a:focus {
    text-decoration: none
}

.product-summary .color-selector .text {
    display: inline
}

.product-summary .color-selector .wrapper {
    padding-bottom: 10px;
    font-size: 12px
}

.product-summary .color-selector .wrapper .selection-color {
    font-weight: 700
}

.product-summary .color-item {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 50%;
    float: left;
    height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px
}

.product-summary .color-item span {
    display: none
}

.product-summary .color-item>a {
    display: inline-block;
    height: 30px;
    width: 30px
}

.product-summary .color-item.selected span {
    display: inline;
    top: 2px
}

.product-summary .color-item:hover:not(.gray) {
    -webkit-box-shadow: 0 0 0 3px #e0e0e0;
    -moz-box-shadow: 0 0 0 3px #e0e0e0;
    box-shadow: 0 0 0 3px #e0e0e0
}

.product-summary .color-item.not-available:before {
    content: "";
    height: 28px;
    display: block;
    width: 2px;
    background-color: #000;
    position: relative;
    left: 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-summary .product-subscription .btn-wrapper {
    display: inline-block
}

.product-summary .product-subscription .device-selector span:not(.change-variant) {
    position: relative
}

.product-summary .product-subscription .subs-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 120px)
}

.product-summary .product-subscription .device-selector span,
.product-summary .product-subscription p {
    padding-left: 0;
    word-break: break-word
}

.product-summary .product-subscription p {
    font-size: 12px;
    padding-bottom: 0
}

.product-summary .product-subscription .variant-item {
    align-items: center;
    display: flex
}

.product-summary .product-subscription a.image {
    display: flex;
    align-items: center
}

.product-summary .product-subscription a.image .subs-wrapper {
    width: 100%
}

.product-summary .product-subscription .select-device-label {
    font-size: 13px;
    display: inline-block;
    position: relative
}

.product-summary .product-subscription .select-device-label .icon {
    background-color: #6b7069;
    border: 1px solid #6b7069;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-left: 5px;
    padding: 2px;
    position: relative;
    vertical-align: text-bottom;
    width: 15px
}

.product-summary .product-subscription .select-device-label .icon:before {
    color: #fff;
    font-size: 8px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    vertical-align: middle
}

.product-summary .product-subscription .select-device-label .select-device-tooltip {
    background-color: #6b7069;
    border: 1px solid #6b7069;
    bottom: calc(150% - 2px);
    color: #fff;
    display: none;
    left: calc(100% - 143px);
    padding: 12px;
    position: absolute;
    width: 258px
}

.product-summary .product-subscription .select-device-label .select-device-tooltip:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #6b7069;
    bottom: -6px;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}

.product-summary .product-subscription .select-device-label .select-device-tooltip.open {
    display: block
}

.product-summary .installation-services-text {
    margin-top: 15px
}

.product-summary .subscription-info {
    text-align: left
}

.product-summary .subscription-info span,
.product-summary .subscription-info b {
    font-weight: 400
}

.color-item.gray {
    border: 1px solid #666b6e
}

.color-item.gray span:before {
    color: #666b6e
}

.color-item.white span:before {
    color: #fff
}

.amount {
    display: inline-block;
    vertical-align: bottom
}

.amount.disabled {
    opacity: .5;
    pointer-events: none
}

.amount input,
.amount span {
    vertical-align: middle
}

.amount input::selection,
.amount span::selection {
    background-color: #fff
}

.amount .wrapper {
    display: inline-block;
    position: relative;
    width: 60px
}

.amount .wrapper::after {
    background-color: #65695e;
    display: block;
    content: "";
    height: 2px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 40px
}

.amount input {
    font-family: "sans-serif";
    font-size: 24px;
    line-height: 24px;
    color: #666b6e;
    text-align: center;
    border: 0;
    outline: 0;
    width: 100%;
    -moz-appearance: textfield
}

.amount input::-webkit-inner-spin-button {
    display: none
}

.amount .btn-minus,
.amount .btn-plus {
    font-family: "sans-serif";
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;
    font-weight: lighter
}

.amount .text {
    font-size: 12px;
    padding: 10px 0
}

.amount::selection {
    background-color: #fff
}

.btn.btn--cherry {
    position: relative
}

.added {
    pointer-events: none
}

.added .icon-checkmark {
    background-color: #e6006b;
    height: calc(100% - 2px);
    left: 20px;
    position: absolute;
    top: 1px;
    width: calc(100% - 40px)
}

.added .icon-checkmark:before {
    color: #fff;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.added:hover .icon-checkmark {
    background-color: #fff
}

.added:hover .icon-checkmark:before {
    color: #e6006b
}

.selectbox-list-box.size-selector-flyout {
    scrollbar-3dlight-color: transparent;
    scrollbar-arrow-color: #f0f1f0;
    scrollbar-darkshadow-color: #f0f1f0;
    scrollbar-face-color: #f0f1f0;
    scrollbar-shadow-color: #f0f1f0;
    scrollbar-color: #f0f1f0 transparent;
    scrollbar-width: thin;
    max-height: 300px
}

.selectbox-list-box.size-selector-flyout::-webkit-scrollbar {
    display: block !important;
    padding: 2px;
    width: 8px
}

.selectbox-list-box.size-selector-flyout::-webkit-scrollbar-track {
    background: transparent
}

.selectbox-list-box.size-selector-flyout::-webkit-scrollbar-thumb {
    background: rgba(51, 51, 51, .2);
    border-radius: 10px
}

@media(min-width:769px) {
    .product-summary {
        margin-bottom: 40px
    }

    .product-summary .product-slider,
    .product-summary .thumbnails-slider {
        max-height: 640px
    }

    .product-summary .product-slider img {
        max-height: 640px
    }

    .product-summary .pdp-container,
    .product-summary .product-information {
        width: 50%;
        float: left
    }
}

.rent-product .redirect-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media(max-width:768px) {
    .product-summary .product-name {
        margin-top: 25px
    }

    .product-summary .pdp-container {
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: relative;
        right: 50%;
        width: 100vw;
        z-index: 1
    }

    .product-summary .product-slider .loading {
        min-height: 350px
    }

    .product-summary .thumbnails-slider {
        left: 30px
    }
}

@media all and (max-width:1199px) {
    .product-summary .thumbnails-slider {
        display: none
    }

    .product-summary .product-slider button.slick-next,
    .product-summary .product-slider button.slick-prev {
        background-color: rgba(255, 255, 255, .2);
        border: none;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        color: transparent;
        cursor: pointer;
        display: inline-block;
        font-size: 0;
        height: 170px;
        line-height: 0;
        margin-top: 0;
        max-height: 80%;
        -ms-transform: translate(0, -50%);
        outline: 0;
        text-shadow: 0 0 5px rgba(0, 0, 0, .2);
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        width: 30px;
        z-index: 1
    }

    .product-summary .product-slider button.slick-next:hover,
    .product-summary .product-slider button.slick-prev:hover {
        background-color: rgba(255, 255, 255, .5)
    }

    .product-summary .product-slider button.slick-next:before,
    .product-summary .product-slider button.slick-prev:before {
        border-right: .3em solid #FF88BD;
        border-top: .3em solid #FF88BD;
        color: #fff;
        content: '' !important;
        display: inline-block;
        font-size: 9px;
        height: 1.4em;
        line-height: 1;
        opacity: .75;
        width: 1.4em
    }

    .product-summary .product-slider button.slick-next {
        right: 0
    }

    .product-summary .product-slider button.slick-next:before {
        margin-left: -.8em;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .product-summary .product-slider button.slick-prev {
        left: 0
    }

    .product-summary .product-slider button.slick-prev:before {
        margin-left: .8em;
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .product-summary .variants-selector:not(.module-selector) .variant-item {
        width: 100%
    }
}

@media all and (max-width:960px)and (min-width:640px) {
    .product-summary .product-information {
        padding-left: 30px
    }
}

@media all and (min-width:1199px) {

    .product-summary .product-slider button.slick-next,
    .product-summary .product-slider button.slick-prev {
        display: none !important
    }
}

@media all and (max-width:585px) {
    .product-summary .thumbnails-slider {
        display: none
    }

    .product-summary .pdp-container {
        background-color: transparent
    }

    .product-summary .pdp-container .slick-dots {
        bottom: 0
    }

    .product-summary .product-slider .slick-slide {
        outline: 0
    }

    .product-summary .product-information {
        padding-left: 0;
        padding-right: 0
    }

    .product-summary .color-item.not-available:before {
        height: 24px;
        left: 11px
    }

    .amount {
        margin-right: 15px
    }
}

.product-360-popup {
    padding: 0;
    overflow-y: hidden
}

.product-360-popup .bwt-popup__wrapper {
    min-width: 100%;
    min-height: 100%
}

.product-360-popup .close-icon {
    right: 6%;
    top: 100px;
    z-index: 6001
}

@media all and (max-width:767px) {
    .product-summary .pdp-breadcrumb ul.breadcrumbs {
        padding: 0 20px;
        max-width: 100%
    }

    .product-summary .note+.note {
        vertical-align: top
    }
}

@media all and (min-width:768px) {
    .product-summary .label-wrapper .product-label {
        clear: both;
        float: right
    }

    .product-summary .product-information .product-subscription {
        position: relative
    }
}

@media all and (max-width:768px) {
    .product-summary .product-information .product-subscription {
        margin-bottom: 50px;
        position: relative
    }

    .product-summary .product-information .product-subscription .select-device-label {
        margin-top: 15px
    }

    .product-summary .product-information .product-subscription .btn-wrapper .btn__medium.btn--cherry {
        padding-top: 5px
    }
}

.product-sold-out-msg {
    margin-top: 36px;
    margin-bottom: 24px;
    display: block;
    font-family: futuracom-mediumcondensed, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.273;
    color: #e6006b
}

.product-details .pdp-contact-form {
    display: none
}

.products-list {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative
}

.products-list--2 {
    padding-top: 0
}

.products-list--2 .teaser-list {
    margin-top: 0
}

.products-list--2 .teaser-list .product-teaser {
    margin-top: 0;
    margin-bottom: 0
}

.products-list--2 .teaser-list>.product-placeholder {
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: auto;
    flex: 1
}

.products-list--2:not(.commerce-product-list) .product-teaser .color-selector {
    font-size: 0
}

.products-list--2:not(.commerce-product-list) .product-teaser .color-selector .color-item {
    margin: 3px 2px
}

.products-list:not(.commerce-product-list) h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    word-break: break-word
}

.products-list:not(.commerce-product-list) img {
    margin: 0 auto
}

.products-list:not(.commerce-product-list) .btn {
    margin-top: 20px
}

.products-list:not(.commerce-product-list) .btn-loadmore {
    display: table;
    margin: 25px auto
}

.products-list>ul {
    list-style: none;
    margin: 20px auto 0;
    padding-left: 0;
    position: relative
}

.products-list>ul .quick-view-icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 35px;
    text-align: center;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 100%;
    color: #fff;
    transition: box-shadow 100ms linear;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    background: #e6006b;
    z-index: 1
}

.mobile .products-list>ul .quick-view-icon:after,
.tablet .products-list>ul .quick-view-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: transparent
}

.products-list>ul .quick-view-icon:before {
    line-height: 36px;
    margin: 0
}

.products-list>ul .media {
    min-height: 190px
}

.products-list>ul>li {
    box-sizing: border-box;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    position: relative
}

.products-list>ul>li:not(.plp-image):nth-child(even) {
    background-color: #f7f8f8
}

.products-list>ul>li:not(.plp-image):hover {
    background-color: #e2e3e5
}

.products-list .plp-image {
    background-size: auto 100%;
    background-repeat: no-repeat
}

@media all and (min-width:585px) {
    .products-list .plp-image img {
        display: none
    }
}

.products-list .plp-image.plp-image-width-1 {
    width: calc(100%/4*1)
}

.products-list .plp-image.plp-image-width-2 {
    width: calc(100%/4*2)
}

.products-list .plp-image.plp-image-width-3 {
    width: calc(100%/4*3)
}

.products-list .plp-image.plp-image-width-4 {
    width: calc(100%/4*4)
}

.products-list .col-1>li {
    width: calc(100%/1)
}

.products-list .col-2 {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap
}

.products-list .col-2>li {
    width: calc(100%/2)
}

.products-list .col-2>li {
    height: 465px
}

.products-list .col-3>li {
    height: 465px
}

.products-list .col-4 {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap
}

.products-list .col-4>li {
    width: calc(100%/4)
}

.products-list .col-4>li {
    height: 465px
}

.products-list:not(.commerce-product-list) .product-price {
    font-size: 25px;
    line-height: 1
}

.products-list .product-teaser .loading::before {
    width: 32px;
    height: 32px;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%)
}

.products-list .col-1:not(.commerce-product-list_container) .product-teaser>a {
    display: flex;
    display: -ms-flexbox;
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.products-list .col-1:not(.commerce-product-list_container) h4 {
    margin-top: 0;
    text-align: left
}

.products-list .col-1:not(.commerce-product-list_container) .media,
.products-list .col-1:not(.commerce-product-list_container) .description {
    align-self: center;
    width: 50%
}

.products-list .col-1:not(.commerce-product-list_container) .description {
    position: relative;
    max-width: 480px;
    text-align: left
}

.products-list .col-1:not(.commerce-product-list_container) .description ul {
    list-style-type: disc
}

.products-list .col-1:not(.commerce-product-list_container) .product-price {
    margin-top: 20px
}

.products-list .col-1:not(.commerce-product-list_container) .product-usps ul {
    padding-left: 20px
}

.products-list .col-1:not(.commerce-product-list_container) .supplier-info {
    display: inline-block;
    padding-right: 160px;
    width: 100%
}

.products-list .col-2:not(.commerce-product-list_container) .shopable .product-usps,
.products-list .col-4:not(.commerce-product-list_container) .shopable .product-usps {
    display: none
}

.products-list .col-2:not(.commerce-product-list_container) .description:not(.shopable) .product-usps,
.products-list .col-4:not(.commerce-product-list_container) .description:not(.shopable) .product-usps {
    max-height: 50px;
    overflow: hidden
}

.products-list .col-2:not(.commerce-product-list_container) .description:not(.shopable) .product-usps ul,
.products-list .col-4:not(.commerce-product-list_container) .description:not(.shopable) .product-usps ul {
    list-style-type: none;
    padding-left: 0
}

.products-list .col-2:not(.commerce-product-list_container) .description:not(.shopable) .product-usps li,
.products-list .col-4:not(.commerce-product-list_container) .description:not(.shopable) .product-usps li {
    padding-bottom: 0;
    text-align: center
}

.products-list .col-2:not(.commerce-product-list_container) .description:not(.shopable) .product-usps p,
.products-list .col-4:not(.commerce-product-list_container) .description:not(.shopable) .product-usps p {
    padding: 0
}

.products-list:not(.commerce-product-list) .product-variants-info {
    padding-bottom: 5px
}

.products-list:not(.commerce-product-list) .pagination {
    display: table;
    margin: 0 auto
}

.products-list:not(.commerce-product-list) .pagination a {
    text-decoration: none
}

.products-list:not(.commerce-product-list) .product-label {
    background-color: #FF88BD;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    left: -10px;
    line-height: 18px;
    padding: 4px 12px;
    position: absolute;
    white-space: nowrap
}

.products-list .product-teaser {
    padding: 10px
}

.products-list:not(.commerce-product-list) .product-teaser>a {
    display: inline-block;
    height: 100%;
    text-decoration: none;
    width: 100%
}

.products-list:not(.commerce-product-list) .product-teaser>a:hover,
.products-list:not(.commerce-product-list) .product-teaser>a:focus {
    color: #666b6e
}

.products-list:not(.commerce-product-list) .product-teaser .supplier-info {
    font-weight: 700;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden
}

.products-list .btn-loadmore.disabled {
    pointer-events: none
}

@media all and (min-width:585px) {

    .products-list:not(.commerce-product-list) .col-2 .product-price,
    .products-list:not(.commerce-product-list) .col-4 .product-price {
        position: absolute;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
    }

    .products-list:not(.commerce-product-list) .col-2 .btn,
    .products-list:not(.commerce-product-list) .col-4 .btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display: inline-table;
        bottom: 10px;
        min-width: 155px;
        width: max-content
    }

    .products-list:not(.commerce-product-list) .col-1 .product-price {
        margin-bottom: 12px;
        margin-top: 0
    }

    .products-list:not(.commerce-product-list) .col-1 .product-price+.btn {
        bottom: 0;
        position: absolute;
        right: 0
    }

    .products-list:not(.commerce-product-list) .col-1 .product-teaser .product-old-price {
        bottom: auto;
        transform: none;
        left: 0;
        position: relative
    }

    .products-list:not(.commerce-product-list) .product-teaser .product-old-price {
        bottom: 80px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 100%
    }
}

@media all and (max-width:992px) {
    .products-list .col-1:not(.commerce-product-list_container) .description {
        position: unset;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .products-list .col-1:not(.commerce-product-list_container) .supplier-info+.btn {
        right: 20px
    }

    .products-list .col-1:not(.commerce-product-list_container) .product-label {
        font-size: 15px;
        right: auto
    }

    .products-list .col-2>li,
    .products-list .col-4>li {
        width: 50%
    }

    .products-list .col-2:not(.commerce-product-list_container) .product-label,
    .products-list .col-4:not(.commerce-product-list_container) .product-label {
        font-size: 15px
    }

    .products-list .plp-image.plp-image-width-1,
    .products-list .plp-image.plp-image-width-3 {
        width: 50%
    }

    .products-list .plp-image.plp-image-width-2 {
        width: 100%
    }
}

@media(min-width:769px)and (max-width:1199) {
    .products-list ul:not(.col-1) .description:not(.shopable) .product-usps {
        max-height: 30px
    }
}

@media all and (max-width:585px) {
    .products-list .plp-image.plp-image-width-1 {
        width: 100%
    }

    .products-list .plp-image.plp-image-width-2 {
        width: 100%
    }

    .products-list .plp-image.plp-image-width-3 {
        width: 100%
    }

    .products-list .plp-image.plp-image-width-4 {
        width: 100%
    }

    .products-list h4 {
        max-height: initial;
        min-height: initial
    }

    .products-list .col-1:not(.commerce-product-list_container) h4 {
        text-align: center
    }

    .products-list .col-1:not(.commerce-product-list_container) .description {
        text-align: center;
        padding: 0
    }

    .products-list .col-1:not(.commerce-product-list_container) .product-price {
        margin-top: 0
    }

    .products-list .col-1:not(.commerce-product-list_container) .description,
    .products-list .col-1:not(.commerce-product-list_container) .media {
        width: 100%
    }

    .products-list .col-1:not(.commerce-product-list_container) .supplier-info {
        padding-right: 0
    }

    .products-list .col-1:not(.commerce-product-list_container) .supplier-info+.btn {
        position: relative;
        right: auto
    }

    .products-list .col-1:not(.commerce-product-list_container) .shopable .product-usps {
        display: none
    }

    .products-list .col-1:not(.commerce-product-list_container) .description:not(.shopable) .product-usps {
        max-height: 50px;
        overflow: hidden
    }

    .products-list .col-1:not(.commerce-product-list_container) .description:not(.shopable) .product-usps ul {
        list-style-type: none;
        padding-left: 0
    }

    .products-list .col-1:not(.commerce-product-list_container) .description:not(.shopable) .product-usps li {
        padding-bottom: 0;
        text-align: center
    }

    .products-list .col-1:not(.commerce-product-list_container) .description:not(.shopable) .product-usps p {
        padding: 0
    }

    .products-list .col-1>li,
    .products-list .col-2>li,
    .products-list .col-4>li {
        height: auto;
        width: 100%;
        top: 0
    }

    .products-list ul.color-selector {
        margin-bottom: 0
    }

    .products-list .plp-image {
        height: 465px
    }

    .products-list .media img {
        max-width: 200px
    }

    .products-list .plp-image {
        background-image: none !important
    }
}

.plp-intro-text,
.plp-seo-text {
    line-height: 30px
}

.plp-intro-text h1,
.plp-intro-text h3,
.plp-seo-text h1,
.plp-seo-text h3 {
    text-align: left
}

.plp-intro-text {
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.plp-intro-text h1 {
    margin-bottom: 5px;
    text-align: center
}

.plp-seo-text h3 {
    margin-bottom: 10px
}

@media all and (max-width:767px) {

    .plp-intro-text,
    .plp-seo-text h3 {
        padding-left: 20px;
        padding-right: 20px
    }
}

.product-bottombar {
    -webkit-box-shadow: 2px 0 12px 2px #d3d3d3;
    -moz-box-shadow: 2px 0 12px 2px #d3d3d3;
    box-shadow: 2px 0 12px 2px #d3d3d3;
    background-color: #f0f1f0;
    bottom: -100%;
    left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    width: 100%;
    z-index: 8
}

.product-bottombar.sticky {
    bottom: 0
}

.product-bottombar .content-area {
    margin-top: 0;
    overflow: visible;
    padding-top: 0;
    position: relative
}

.has-prod-bar .product-bottombar .btn {
    margin-right: 0
}

.product-bottombar .btn .icon-checkmark {
    display: none
}

.product-bottombar .btn.added .icon-checkmark {
    display: inline
}

.product-bottombar .button-wrapper {
    align-self: center;
    text-align: right
}

.product-bottombar .product-name {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    width: calc(100% - 75px);
    position: relative;
    z-index: 1
}

.product-bottombar .media {
    vertical-align: middle;
    z-index: 1;
    width: 50px
}

.product-bottombar .price {
    display: inline-block;
    font-size: 30px;
    position: relative;
    vertical-align: middle;
    text-align: center
}

.product-bottombar .icon-checkmark {
    font-size: 12px
}

.product-bottombar .module-selector {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.product-bottombar .module-selector .variant-name,
.product-bottombar .module-selector .selection-color {
    order: 2;
    font-size: 12px;
    font-weight: 600
}

.product-bottombar .module-selector .change-variant {
    order: 1
}

.product-bottombar .module-selector .close-variants {
    cursor: pointer;
    font-size: 13px;
    position: relative;
    text-align: right
}

.product-bottombar .module-selector .close-variants>span {
    font-size: 13px;
    padding: 0 10px 0 23px
}

.product-bottombar .module-selector .close-variants>span:before {
    content: "";
    font-weight: 700
}

.product-bottombar .module-selector .close-variants:before {
    background: #e7e7e7;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    margin-left: -999px;
    margin-right: -999px;
    padding-left: 999px;
    padding-right: 999px;
    width: 100%
}

.product-bottombar .module-selector .wrapper {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 0 60px 2px 0;
    min-width: 170px;
    max-width: 200px
}

.product-bottombar .module-selector .wrapper>span {
    display: block;
    text-align: right;
    line-height: 18px
}

.product-bottombar .module-selector.top {
    background-color: #fff;
    z-index: 8
}

.product-bottombar .module-selector.top .select-variant {
    display: block
}

.product-bottombar .module-selector.top .wrapper {
    border-color: #e7e7e7
}

.product-bottombar .color-item {
    border-radius: 50%;
    box-shadow: 0 0 1px #878c8f;
    height: 32px;
    margin-right: 0;
    position: relative;
    width: 32px
}

.product-bottombar .color-item .icon-checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.product-bottombar .color-item.selected {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    border: 2px solid #cecece;
    cursor: pointer;
    height: 34px;
    left: auto;
    right: 10px;
    top: 45%;
    width: 34px
}

.product-bottombar .color-variant {
    cursor: pointer;
    text-align: right
}

.product-bottombar .color-variant span:not(.color-item) {
    display: inline-block;
    font-size: 13px;
    width: auto
}

.product-bottombar .color-variant span:last-of-type {
    padding-right: 20px;
    width: calc(100% - 32px)
}

.product-bottombar .color-variant .color-item {
    float: right
}

.product-bottombar .color-variant:not(:first-of-type) {
    margin-top: 15px;
    margin-bottom: 20px
}

.product-bottombar .color-variant.active .icon-checkmark:before,
.product-bottombar .color-variant.disabled .icon-checkmark:before,
.product-bottombar .color-variant.not-available .icon-checkmark:before {
    display: none
}

.product-bottombar .color-variant.selected.active .icon-checkmark:before {
    display: none
}

.product-bottombar .select-variant {
    display: none;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    bottom: 100%;
    overflow: hidden;
    padding-right: 13px;
    padding-left: 10px;
    position: absolute;
    width: 100%
}

.product-bottombar .size-selector {
    display: inline-block;
    margin-bottom: 0
}

.product-bottombar .size-selector .selectbox-button {
    text-align: left
}

.product-bottombar .variants-wrapper {
    text-align: center
}

.product-bottombar .variants-selector {
    position: relative
}

.product-bottombar .variants-selector .selection-image img,
.product-bottombar .variants-selector .variant-item img {
    height: 40px
}

.product-bottombar .variants-selector .selection-image {
    position: absolute;
    width: 35px;
    right: 15px;
    left: auto
}

.product-bottombar .variants-selector .variant-name,
.product-bottombar .variants-selector .variant-item span {
    font-size: 13px
}

.product-bottombar .variants-selector .select-variant {
    width: 100%
}

.product-bottombar .variants-selector .select-variant a {
    text-decoration: none
}

.product-bottombar .variants-selector .select-variant .variant-item {
    display: inline-block;
    text-align: right;
    width: 100%
}

.product-bottombar .variants-selector .select-variant .variant-item:not(:first-of-type) {
    margin-top: 5px
}

.product-bottombar .variants-selector .select-variant .variant-item:hover {
    background-color: #f7f9f7;
    border-color: #e2e3e5
}

.product-bottombar .variants-selector .select-variant .variant-item:hover img {
    background-color: #fff
}

.product-bottombar .variants-selector .select-variant img {
    float: right;
    margin-left: 10px;
    width: 35px
}

.product-bottombar .variants-selector .variant-item span {
    display: block;
    line-height: 16px;
    padding-top: 7px;
    float: right;
    width: calc(100% - 45px)
}

@media all and (max-width:1024px) {

    .product-bottombar .color-selector,
    .product-bottombar .variants-selector {
        max-width: 280px
    }

    .product-bottombar .color-selector {
        bottom: 0
    }

    .product-bottombar .price {
        font-size: 20px
    }

    .product-bottombar .variant-wrapper {
        transform: none;
        -ms-transform: none;
        position: relative;
        top: auto;
        left: auto;
        text-align: center
    }
}

@media all and (max-width:768px) {
    .product-bottombar .button-wrapper {
        justify-content: center;
        align-self: center;
        display: inline-flex;
        width: 100%
    }
}

@media all and (max-width:767px) {
    .product-bottombar {
        padding-top: 5px
    }

    .product-bottombar .media {
        width: 70px
    }

    .product-bottombar .no-variants .product-info {
        width: 100%
    }

    .product-bottombar .variants-wrapper {
        text-align: center;
        display: inline-block;
        width: calc(100% - 70px)
    }

    .product-bottombar .has-variants .product-name {
        display: none
    }

    .product-bottombar .no-variants .price {
        margin-top: -10px;
        width: 100%
    }
}

.product-filter {
    background-color: #fff;
    padding: 40px 30px 0 0;
    position: relative;
    transition: all .2s ease-in-out;
    text-align: left
}

.product-filter h3 {
    margin-bottom: 15px;
    text-align: left
}

.product-filter .arrow-down:before {
    content: "";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 12px
}

.product-filter .btn {
    margin-top: 15px;
    display: block
}

.product-filter .btn-toggle-filter {
    display: none
}

.product-filter .close,
.product-filter .check-mark {
    display: none;
    position: absolute;
    top: 0;
    right: 18px
}

.product-filter .check-mark:before {
    content: "";
    font-size: 12px
}

.product-filter .close:before {
    content: "";
    font-size: 10px
}

.product-filter .filters {
    display: block
}

.product-filter .filter .selected {
    background-color: #FF88BD
}

.product-filter .filter-options {
    cursor: pointer;
    list-style-type: none;
    max-width: calc(1280px - 60px);
    padding-left: 0;
    margin-bottom: 0
}

.product-filter .filter-options:after {
    content: "";
    display: table;
    clear: both
}

.product-filter .filter-dropdown {
    position: relative
}

.product-filter .filter-dropdown.active {
    background-color: #FF88BD;
    color: #fff
}

.product-filter .filter-dropdown.selected {
    background-color: #FF88BD;
    color: #fff
}

.product-filter .filter-dropdown.selected .arrow-down {
    overflow: hidden;
    opacity: 0;
    visibility: hidden
}

.product-filter .filter-dropdown.selected .check-mark {
    display: inline-block
}

.product-filter .filter-dropdown.selected .check-mark:before {
    color: #fff
}

@media all and (min-width:992px) {
    .product-filter .filter-dropdown.selected:hover {
        background-color: #65695e
    }

    .product-filter .filter-dropdown.selected:hover .check-mark {
        display: none
    }

    .product-filter .filter-dropdown.selected:hover .close {
        display: inline-block
    }
}

.product-filter .filter-option {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    padding: 4px 32px 4px 10px;
    position: relative;
    margin-right: 8px;
    margin-top: 10px
}

.product-filter .filter-option:hover {
    background-color: #FF88BD;
    color: #fff
}

.product-filter .filter-option input[type=checkbox] {
    display: none
}

.product-filter .filter-option.selected {
    background-color: #FF88BD;
    color: #fff
}

.product-filter .filter-option.selected .check-mark {
    display: inline-block;
    top: 3px;
    right: 8px
}

.product-filter .filter-option.selected .check-mark:before {
    color: #fff
}

@media all and (min-width:992px) {
    .product-filter .filter-option.selected:not(.clicked):hover {
        background-color: #65695e
    }

    .product-filter .filter-option.selected:not(.clicked):hover .close {
        display: inline-block;
        right: 8px;
        top: 2px
    }

    .product-filter .filter-option.selected:not(.clicked):hover .check-mark {
        display: none
    }
}

.product-filter .filter-option.disabled {
    background-color: #d3d3d3;
    cursor: text
}

.product-filter .filter-dropdown,
.product-filter .plp-sorting select {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 42px;
    line-height: 40px;
    padding: 0 21px;
    outline: none
}

.product-filter .plp-sorting {
    float: right;
    position: relative;
    width: auto
}

.product-filter .plp-sorting .order-by-label {
    margin-right: 10px
}

.product-filter .plp-sorting .order-by-label.arrow-down:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 16px
}

.product-filter .plp-sorting select {
    -webkit-appearance: none;
    color: #666b6e;
    font: inherit;
    padding-right: 44px
}

.product-filter input[type=checkbox] {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #878c8f;
    display: inline-block;
    height: 20px;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.product-filter input[type=checkbox]:checked:before {
    content: "";
    background-color: #878c8f;
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.products-list .product-filter .filters {
    text-align: left
}

@media all and (min-width:991px) {
    .product-filter .only-shop {
        float: right;
        position: relative;
        top: 8px
    }
}

@media all and (max-width:991px) {
    .product-filter .only-shop {
        display: inline-block
    }
}

@media all and (min-width:767px)and (max-width:1200px) {
    .product-filter .filter-option {
        margin-bottom: 10px
    }
}

@media all and (max-width:992px) {
    .product-filter .plp-sorting {
        position: absolute;
        top: 40px;
        right: 30px
    }
}

@media all and (max-width:767px) {
    .product-filter {
        padding: 40px 20px
    }

    .product-filter h3 {
        margin-bottom: 20px
    }

    .product-filter .arrow-down {
        float: right
    }

    .product-filter .btn-toggle-filter {
        display: block
    }

    .product-filter .close {
        right: 20px
    }

    .product-filter .filters {
        display: block
    }

    .product-filter .filter {
        margin-bottom: 0;
        display: block
    }

    .product-filter .filter-options {
        display: none;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        margin-top: 20px;
        margin-bottom: 34px
    }

    .product-filter .btn-toggle-filter {
        cursor: pointer;
        text-align: left;
        background-color: #fff;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        font-size: 14px;
        margin-left: 15px;
        padding: 4px 12px;
        width: calc(100% - 30px)
    }

    .product-filter .btn-toggle-filter.open .arrow-down::before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .product-filter .filter-option {
        margin-top: 0;
        padding-right: 25px;
        width: 100%
    }

    .product-filter .filter-option+.filter-option {
        margin-top: 12px;
        margin-left: 0
    }
}

@media all and (max-width:475px) {
    .product-filter .plp-sorting {
        top: 36px;
        right: 30px
    }

    .product-filter .plp-sorting .order-by-label {
        position: absolute;
        top: -29px;
        left: 38px
    }

    .product-filter .plp-sorting .order-by-label.arrow-down:before {
        right: -24px;
        top: 47px
    }
}

.product-tabs {
    margin: 20px 0;
    background-color: #f7f8f8
}

@media(max-width:767.98px) {
    .product-tabs {
        margin: 20px -30px;
        padding: 30px
    }
}

@media(max-width:640.98px) {
    .product-tabs {
        margin: 20px -20px;
        padding: 20px
    }
}

@media(max-width:767.98px) {
    .product-tabs .tabs {
        display: none
    }
}

.product-tabs .tabs [data-tab-link-wrapper] {
    display: flex;
    background-color: #fff
}

.product-tabs .tabs .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #efefef;
    box-shadow: inset 0 -2px 4px rgba(0, 0, 0, .1)
}

.product-tabs .tabs .tab:not(:last-of-type) {
    margin: 0 2px 0 0
}

.product-tabs .tabs .tab.active {
    color: #FF88BD;
    background-color: #f7f8f8;
    border: 0;
    box-shadow: none
}

.product-tabs .tabs .tab.active:after {
    content: none
}

.product-tabs .tabs .tab_content {
    padding: 40px 160px;
    border: 0
}

@media(max-width:1023.98px) {
    .product-tabs .tabs .tab_content {
        padding: 20px 40px
    }
}

.product-tabs>.accordion {
    display: none;
    border-bottom: 1px solid #b5b9bb
}

@media(max-width:767.98px) {
    .product-tabs>.accordion {
        display: block
    }
}

.product-tabs>.accordion.active .accordion-panel {
    color: #FF88BD
}

.product-tabs>.accordion .accordion-panel {
    position: relative;
    padding: 20px 0;
    text-transform: uppercase
}

.product-tabs>.accordion .accordion-plus {
    top: 50%;
    transform: translate(0, -50%);
    line-height: 1
}

.product-tabs>.accordion .accordion-content {
    margin: 0 0 20px
}

.product-tabs .technical-details-table table {
    border-color: #fff
}

.product-tabs .technical-details-table table tbody tr:nth-child(odd) {
    background-color: #fff
}

.product-tabs .faq-accordion {
    padding: 0
}

.product-tabs .content-area {
    padding: 0
}

.product-tabs .tab_item--details>hr:first-child,
.product-tabs .accordion-content--details>hr:first-child {
    display: none
}

.product-tabs .tab_item--details .text-container p,
.product-tabs .accordion-content--details .text-container p {
    text-align: left !important
}

.product-tabs .tab_item--faq .faq-accordion h4,
.product-tabs .accordion-content--faq .faq-accordion h4 {
    font-size: 1em;
    text-transform: none
}

.technical-details-table table {
    border: 2px solid #f7f8f8;
    border-spacing: 0;
    box-shadow: 0 0 3px 2px #f7f8f8;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.technical-details-table table th {
    text-align: left
}

.technical-details-table table th,
.technical-details-table table td {
    font-size: 15px;
    padding: 4px 12% 5px 15px;
    position: relative;
    width: 50%
}

.technical-details-table table tr:nth-child(even) {
    background-color: #f7f8f8
}

.technical-details-table .tech-table {
    margin: 15px auto 0
}

.technical-details-table .tech-table>.subtitle {
    color: #FF88BD;
    float: left
}

.technical-details-table .tech-table>span {
    float: right
}

.technical-details-table .tech-table>.subtitle,
.technical-details-table .tech-table>span {
    margin-bottom: 20px
}

@media(min-width:768px) {
    .technical-details-comparison {
        margin-bottom: 40px
    }

    .technical-details-comparison table {
        display: none
    }

    .technical-details-comparison h2 {
        margin-top: 60px;
        margin-bottom: 40px
    }
}

.technical-details-comparison .table-wrapper>div {
    border: 1px solid #f0f0f0
}

.technical-details-comparison .table-wrapper>div:after {
    content: "";
    display: table;
    clear: both
}

.technical-details-comparison .table-slider {
    float: left;
    max-width: calc(100% - 440px)
}

@media(max-width:767.98px) {
    .technical-details-comparison .table-slider {
        max-width: calc(100% - 260px)
    }
}

@media(max-width:480px) {
    .technical-details-comparison .table-slider {
        max-width: calc(100% - 120px)
    }
}

.technical-details-comparison .table-slider .slick-track {
    display: flex
}

.technical-details-comparison .table-slider .slick-track .slick-slide {
    display: flex;
    flex-direction: column;
    height: auto
}

.technical-details-comparison .table-slider .slick-slide,
.technical-details-comparison .table-slider .slick-slide:focus {
    outline: none
}

.technical-details-comparison .table-slider .arrow-right::after {
    border-color: #FF88BD;
    margin-top: 0;
    margin-left: 0
}

.technical-details-comparison ul.color-selector {
    list-style-type: none;
    padding: 0
}

.technical-details-comparison ul.color-selector .color-item {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.technical-details-comparison .teaser {
    float: left;
    width: 180px;
    background-color: #fff;
    text-align: center
}

@media(max-width:480px) {
    .technical-details-comparison .teaser {
        width: 120px
    }
}

@media(max-width:767.98px) {
    .technical-details-comparison .teaser.selected:not(.slick-slide) {
        display: none
    }
}

.technical-details-comparison .teaser a {
    margin-bottom: 5px
}

.technical-details-comparison .teaser h4 {
    padding: 0 5px
}

.technical-details-comparison .teaser>div:first-of-type {
    min-height: 247px
}

.technical-details-comparison .teaser>div:not(:first-of-type) {
    text-align: center;
    padding: 5px 15px;
    font-size: 15px;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.technical-details-comparison .teaser>div:not(:first-of-type):nth-child(odd) {
    background-color: #fafafa;
    position: relative
}

.technical-details-comparison .teaser>div:nth-child(even) {
    background-color: #fff;
    position: relative
}

.technical-details-comparison .teaser.thead {
    text-align: left
}

.technical-details-comparison .teaser.thead div {
    padding: 5px 10px;
    text-align: left
}

.technical-details-comparison .selected>div {
    position: relative
}

.technical-details-comparison .selected>div:nth-child(odd) {
    background-color: #f9f3f5
}

.technical-details-comparison .selected>div:nth-child(odd)::after {
    content: '';
    background-image: linear-gradient(to right, #f0f0f0, rgba(255, 255, 255, 0));
    height: 100%;
    right: -20px;
    top: 0;
    position: absolute;
    width: 20px;
    z-index: 1
}

.technical-details-comparison .selected>div:nth-child(even) {
    background-color: #fef8fa
}

.technical-details-comparison .selected>div:nth-child(even)::after {
    content: '';
    background-image: linear-gradient(to right, #ebebeb, rgba(249, 149, 249, 0));
    height: 100%;
    right: -20px;
    top: 0;
    position: absolute;
    width: 20px;
    z-index: 1
}

.technical-details-comparison .no-product-selected .teaser {
    width: 320px
}

.technical-details-comparison .slick-list {
    padding-bottom: 0
}

.technical-details-comparison .slick-slider button.slick-next,
.technical-details-comparison .slick-slider button.slick-prev {
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, .8) !important;
    border-radius: 50%;
    -webkit-box-shadow: -3px 0 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: -3px 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: -3px 0 5px 0 rgba(0, 0, 0, .2)
}

.technical-details-comparison .slick-slider button.slick-next::before,
.technical-details-comparison .slick-slider button.slick-prev::before {
    display: none
}

.technical-details-comparison .slick-slider button.slick-next.slick-disabled,
.technical-details-comparison .slick-slider button.slick-next.slick-disabled:after,
.technical-details-comparison .slick-slider button.slick-prev.slick-disabled,
.technical-details-comparison .slick-slider button.slick-prev.slick-disabled:after {
    opacity: .75
}

@media(max-width:480px) {

    .technical-details-comparison .slick-slider button.slick-next,
    .technical-details-comparison .slick-slider button.slick-prev {
        height: 80px;
        border-radius: 0;
        -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
    }
}

.technical-details-comparison .slick-slider button::after {
    content: "";
    font-size: 18px;
    color: #666b6e;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 50%
}

.technical-details-comparison .slick-slider button.slick-next {
    right: -60px
}

.technical-details-comparison .slick-slider button.slick-next::after {
    transform: translateX(-50%) translateY(-50%)
}

@media(max-width:480px) {
    .technical-details-comparison .slick-slider button.slick-next {
        left: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.technical-details-comparison .slick-slider button.slick-prev {
    left: auto;
    right: -60px;
    top: 58%
}

.technical-details-comparison .slick-slider button.slick-prev::after {
    transform: translateX(-50%) translateY(-50%) rotate(-180deg)
}

@media(max-width:480px) {
    .technical-details-comparison .slick-slider button.slick-prev {
        left: 0;
        right: auto;
        top: 50%;
        transform: translateY(-50%)
    }
}

.technical-details-comparison .table-wrapper {
    overflow-x: auto
}

.technical-details-comparison h4 {
    word-break: break-word;
    font-size: 1em;
    max-height: 56px;
    min-height: 56px;
    overflow: hidden;
    margin-bottom: 10px
}

.technical-details-comparison th {
    padding: 15px 25px;
    text-align: left;
    font-size: 14px;
    min-width: 200px;
    max-width: 220px
}

.technical-details-comparison tr:not(:first-of-type) td {
    padding: 15px 10px
}

.technical-details-comparison tr:nth-child(even) .selected:not(.slick-slide) {
    position: relative;
    background-color: #fff9fb
}

.technical-details-comparison tr:nth-child(even) .selected:not(.slick-slide)::after {
    content: '';
    background-image: linear-gradient(to right, #f0f0f0, rgba(255, 255, 255, 0));
    height: 100%;
    right: -20px;
    top: 0;
    position: absolute;
    width: 20px
}

.technical-details-comparison tr:nth-child(odd) .selected:not(.slick-slide) {
    background-color: #fcf4f6;
    position: relative
}

.technical-details-comparison tr:nth-child(odd) .selected:not(.slick-slide)::after {
    content: '';
    background-image: -webkit-linear-gradient(right, rgba(235, 235, 235, .1), rgba(235, 235, 235, .9));
    height: 100%;
    right: -20px;
    top: 0;
    position: absolute;
    width: 20px
}

.technical-details-comparison tr:first-of-type .selected::after {
    display: none
}

.technical-details-comparison td {
    text-align: center;
    min-width: 213px;
    max-width: 220px
}

.technical-details-comparison .selected {
    background-color: #fcf4f6
}

.technical-details-comparison .selected>div:nth-child(1) {
    background-color: transparent
}

.technical-details-comparison .selected .btn--pink {
    color: #FF88BD;
    display: inline-block;
    padding-bottom: 0
}

.technical-details-comparison .selected .label {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    padding: 2px 4px;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    background-color: #e5006b;
    border-radius: 0 3px
}

.technical-details-comparison .image {
    padding-top: 20px;
    margin: 0 auto;
    min-height: 150px;
    width: 130px
}

@media all and (max-width:767px) {
    .technical-details-table .tech-table>.subtitle {
        padding-left: 20px
    }

    .technical-details-table .tech-table>span {
        padding-right: 20px
    }

    .technical-details-comparison .table-wrapper>div {
        display: none
    }

    .technical-details-comparison .no-product-selected .teaser {
        width: 280px
    }
}

@media all and (max-width:475px) {

    .technical-details-table .tech-table>.subtitle,
    .technical-details-table .tech-table>span {
        float: none
    }

    .technical-details-table .tech-table>.subtitle {
        padding-left: 0
    }

    .technical-details-table .tech-table>span {
        display: block;
        text-align: center;
        padding-right: 0
    }

    .technical-details-table .tech-table .table-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        width: 100%
    }
}

.shop-footer-info {
    background-color: #f7f9f7;
    margin-bottom: -22px;
    padding-bottom: 22px
}

.shop-footer-info .shop-info {
    margin: 0 auto;
    padding-left: 35px;
    padding-right: 15px
}

.shop-footer-info .shop-info ul {
    list-style-type: none;
    padding-left: 0
}

.shop-footer-info .shop-info ul li {
    display: inline-flex;
    align-items: start
}

.shop-footer-info .shop-info ul a {
    font-weight: 700;
    text-decoration: none
}

.shop-footer-info .shop-info:first-of-type ul li {
    display: block
}

.shop-footer-info .shop-info:not(:last-of-type) {
    border-right: 1px solid #d3d3d3
}

.shop-footer-info .shop-info:not(:last-of-type):not(:first-of-type) ul li:before {
    content: "";
    color: #FF88BD;
    position: relative;
    right: 8px;
    top: 3px
}

.shop-footer-info .shop-methods {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-bottom: 20px;
    margin-top: 20px
}

.shop-footer-info .shop-methods li:first-of-type {
    margin-left: 0
}

.shop-footer-info .shop-methods li {
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    padding-bottom: 0;
    margin-left: 13px;
    height: auto;
    width: 74px
}

.shop-footer-info .grid-row,
.shop-footer-info .shop-info-payment-methods {
    list-style-type: none
}

@media all and (max-width:768px) {
    .shop-footer-info .content-area {
        padding-top: 20px
    }

    .shop-footer-info .grid-row {
        padding-left: 20px;
        padding-right: 20px
    }

    .shop-footer-info .shop-info:not(:last-of-type) {
        border-bottom: 1px solid #d3d3d3;
        border-right: none
    }

    .shop-footer-info .shop-info {
        padding: 15px 30px;
        width: 100%
    }

    .shop-footer-info .shop-info ul li {
        margin-bottom: 10px
    }

    .shop-footer-info .shop-info .img {
        padding-top: 15px
    }

    .shop-footer-info .shop-info:first-of-type {
        text-align: center
    }
}

@media all and (max-width:768px) {
    .shop-footer-info .shop-info ul {
        max-width: 260px;
        margin: 0 auto
    }
}

.content-area.product-details {
    position: relative;
    overflow-x: visible
}

.pdp-navigation-top {
    position: relative
}

@media all and (max-width:767px) {
    .pdp-navigation-top .pdp-navigation {
        display: none
    }
}

.pdp-navigation-top .pdp-navigation .inpage-navigation {
    display: flex;
    display: -ms-flexbox;
    max-width: 100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.pdp-navigation-top .pdp-navigation .content {
    border: none;
    border-radius: 0;
    font-size: 16px;
    height: auto;
    overflow: visible;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
    text-transform: uppercase;
    transition: none;
    width: auto
}

.pdp-navigation-top .pdp-navigation .content:hover {
    width: auto;
    background-color: #fff
}

.pdp-navigation-top .pdp-navigation .content .inner {
    overflow: visible;
    transition: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

.pdp-navigation-top .pdp-navigation li:not(:last-of-type) {
    border-right: 1px solid #666b6e
}

.pdp-navigation-top .pdp-navigation li {
    padding-bottom: 0
}

.pdp-navigation-top .pdp-navigation .inpage-navigation {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    text-align: center
}

.pdp-navigation-top .mobile-inpage {
    display: none
}

.pdp-navigation-top .mobile-inpage a {
    text-decoration: none;
    text-transform: uppercase
}

.pdp-navigation-top .mobile-inpage ul {
    background-color: #fff;
    display: none;
    list-style-type: none;
    padding: 0;
    position: absolute;
    top: calc(100% + 30px);
    width: 100%;
    z-index: 9
}

.pdp-navigation-top .mobile-inpage li {
    padding: 15px;
    border-bottom: 1px solid #d3d3d3
}

.pdp-navigation-top .mobile-inpage .icon {
    margin-left: 10px;
    vertical-align: middle
}

.pdp-navigation-top .mobile-inpage .icon:before {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.pdp-navigation-top .mobile-inpage .select {
    cursor: pointer;
    padding: 25px 35px 25px 20px;
    text-transform: uppercase
}

.pdp-navigation-top .mobile-inpage .select.open .icon::before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

@media all and (max-width:767px) {
    .pdp-navigation-top .mobile-inpage {
        display: block
    }
}

.shopping-cart {
    position: relative
}

.shopping-cart.content-area {
    padding-bottom: 5px
}

.shopping-cart h1,
.shopping-cart h2,
.shopping-cart h5 {
    text-align: left;
    word-break: break-all;
    word-wrap: break-word
}

.shopping-cart>h1 {
    text-align: center;
    margin-bottom: 35px
}

.shopping-cart .available,
.shopping-cart .unavailable {
    padding: 20px 10px 40px 0;
    height: 270px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px 10px 40px 0;
    height: 260px
}

.shopping-cart .available:after,
.shopping-cart .unavailable:after {
    content: "";
    display: table;
    clear: both
}

.shopping-cart .available:last-of-type,
.shopping-cart .unavailable:last-of-type {
    margin-bottom: 0
}

.shopping-cart .available,
.shopping-cart .unavailable:first-of-type {
    margin-top: 20px
}

.shopping-cart .cart-teasers {
    max-width: 840px;
    float: left
}

@media(min-width:1280px) {
    .shopping-cart .cart-teasers {
        width: 100%
    }

    .shopping-cart .cart-teasers .product-old-price {
        bottom: 30px;
        position: absolute
    }
}

.shopping-cart .empty-cart {
    margin: 28px 20px 20px
}

.shopping-cart .empty-cart h2 {
    font-family: "sans-serif";
    font-size: 30px;
    line-height: 38px;
    text-align: left;
    letter-spacing: .5px
}

.shopping-cart .empty-cart p {
    margin-top: 28px;
    line-height: 28px
}

.shopping-cart .product-list {
    position: relative
}

.shopping-cart .product-list+.product-list {
    margin-top: 50px
}

.shopping-cart .product-list a {
    text-decoration: none
}

.shopping-cart .product-list .description {
    float: left;
    margin-left: 40px;
    height: 100%;
    position: relative;
    width: calc(100% - 200px)
}

.shopping-cart .product-list .name {
    margin-top: 10px
}

.shopping-cart .product-list .remove {
    display: inline;
    margin-right: 24px;
    cursor: pointer
}

.shopping-cart .product-list .remove:before {
    content: "";
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -2px
}

.shopping-cart .product-list .status {
    padding-left: 35px;
    display: inline-block;
    color: #47ba5b;
    position: relative
}

.shopping-cart .product-list .status--preorder {
    color: #cc2867
}

.shopping-cart .product-list .status::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    height: 15px;
    background-color: #000;
    width: 1px
}

.shopping-cart .cart-teasers_wrapper {
    background-color: #f7f8f8;
    display: flex;
    position: relative
}

.shopping-cart .cart-teasers .media {
    float: left;
    width: 160px
}

.shopping-cart .cart-teasers .media img {
    padding: 20px
}

.shopping-cart .unit-price {
    position: absolute;
    bottom: 0
}

.shopping-cart .unit-price span {
    font-family: cerapro-regular, 'sans-serif';
    font-size: 18px;
    line-height: 26px
}

.shopping-cart .description .fee {
    bottom: -25px;
    position: absolute
}

.shopping-cart .description .fee .label,
.shopping-cart .description .fee .value {
    display: inline-block
}

.shopping-cart .description .fee .value {
    padding-left: 44px
}

.shopping-cart .qty {
    text-align: center;
    position: absolute;
    top: 27px;
    right: 0
}

.shopping-cart .qty span {
    display: inline-block;
    vertical-align: middle
}

.shopping-cart .qty-value {
    position: relative;
    font-family: "sans-serif";
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-left: 12px;
    margin-right: 12px;
    width: 36px
}

.shopping-cart .qty-value::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #65695e;
    bottom: -2px;
    left: 0
}

.shopping-cart .btn-decrease,
.shopping-cart .btn-increase {
    font-family: "sans-serif";
    font-size: 40px;
    line-height: 40px;
    cursor: pointer;
    font-weight: lighter
}

.shopping-cart .total-price {
    font-size: 22px;
    line-height: 26px;
    font-family: cerapro-bold, 'sans-serif';
    position: absolute;
    bottom: 0;
    right: 0
}

.shopping-cart .cart-teasers .color-selector,
.shopping-cart .cart-teasers .variants-selector {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    display: inline-block;
    left: 55%;
    z-index: 7
}

.shopping-cart .cart-teasers .color-selector .close-variants,
.shopping-cart .cart-teasers .variants-selector .close-variants {
    display: none
}

.shopping-cart .cart-teasers .color-selector .wrapper,
.shopping-cart .cart-teasers .variants-selector .wrapper {
    padding-right: 20px
}

.shopping-cart .cart-teasers .color-selector .wrapper>span,
.shopping-cart .cart-teasers .variants-selector .wrapper>span {
    display: block;
    line-height: 18px
}

.shopping-cart .cart-teasers .color-selector .wrapper .change-variant,
.shopping-cart .cart-teasers .variants-selector .wrapper .change-variant {
    border-bottom: 1px solid;
    display: inline-block;
    cursor: pointer
}

.shopping-cart .cart-teasers .color-selector .select-variant,
.shopping-cart .cart-teasers .variants-selector .select-variant {
    background-color: #fff;
    box-shadow: 0 0 8px #d3d3d3;
    display: none;
    padding: 10px;
    margin-top: 10px;
    position: absolute;
    z-index: 99
}

.shopping-cart .cart-teasers .color-selector .select-variant .not-available,
.shopping-cart .cart-teasers .variants-selector .select-variant .not-available {
    opacity: .5;
    cursor: not-allowed
}

.shopping-cart .cart-teasers .color-selector .select-variant .active,
.shopping-cart .cart-teasers .variants-selector .select-variant .active {
    cursor: pointer
}

.shopping-cart .cart-teasers .color-selector.open,
.shopping-cart .cart-teasers .variants-selector.open {
    z-index: 8
}

.shopping-cart .cart-teasers .color-selector.open .select-variant,
.shopping-cart .cart-teasers .variants-selector.open .select-variant {
    display: block;
    width: 194px
}

.shopping-cart .cart-teasers .color-selector.top .select-variant,
.shopping-cart .cart-teasers .variants-selector.top .select-variant {
    display: block;
    width: 194px;
    bottom: 0;
    margin-bottom: 32px;
    margin-top: 0
}

.shopping-cart .cart-teasers .color-selector .icon-checkmark,
.shopping-cart .cart-teasers .variants-selector .icon-checkmark {
    font-size: 9px
}

.shopping-cart .cart-teasers .color-selector .icon-checkmark:before,
.shopping-cart .cart-teasers .variants-selector .icon-checkmark:before {
    color: #666b6e
}

.shopping-cart .cart-teasers .color-selector .selection-color,
.shopping-cart .cart-teasers .variants-selector .selection-color {
    font-weight: 600
}

.shopping-cart .cart-teasers .color-selector .wrapper {
    padding-left: 45px
}

.shopping-cart .cart-teasers .color-selector .color-item.selected {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 0 2px #878c8f;
    height: 22px;
    left: 10px;
    width: 22px
}

.shopping-cart .cart-teasers .color-selector .color-item.selected .icon-checkmark {
    left: 6px;
    position: relative;
    top: 0
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-variant span:not(.color-item) {
    display: inline-block;
    width: 74%
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-variant .color-item {
    float: left
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-variant:not(:first-of-type) {
    margin-top: 10px
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-variant.active .icon-checkmark:before,
.shopping-cart .cart-teasers .color-selector .select-variant .color-variant.disabled .icon-checkmark:before {
    display: none
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-variant.selected.active .icon-checkmark:before {
    display: block
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-item {
    border-radius: 50%;
    box-shadow: 0 0 2px #878c8f;
    height: 22px;
    margin-right: 10px;
    position: relative;
    width: 22px
}

.shopping-cart .cart-teasers .color-selector .select-variant .color-item .icon-checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.shopping-cart .cart-teasers .variants-selector .wrapper {
    padding-left: 55px
}

.shopping-cart .cart-teasers .variants-selector .selection-image {
    position: absolute;
    width: 35px;
    left: 10px;
    top: 3px
}

.shopping-cart .cart-teasers .variants-selector .variant-name,
.shopping-cart .cart-teasers .variants-selector .variant-item span {
    font-weight: 600
}

.shopping-cart .cart-teasers .variants-selector .select-variant {
    width: 100%
}

.shopping-cart .cart-teasers .variants-selector .select-variant .variant-item {
    border: 1px solid transparent;
    display: inline-block;
    width: 100%
}

.shopping-cart .cart-teasers .variants-selector .select-variant .variant-item:not(:first-of-type) {
    margin-top: 5px
}

.shopping-cart .cart-teasers .variants-selector .select-variant .variant-item:hover {
    background-color: #f7f9f7;
    border-color: #e2e3e5
}

.shopping-cart .cart-teasers .variants-selector .select-variant .variant-item:hover img {
    background-color: #fff
}

.shopping-cart .cart-teasers .variants-selector .select-variant img {
    float: left;
    margin-right: 10px;
    width: 35px
}

.shopping-cart .cart-teasers .variants-selector .variant-item span {
    float: left;
    line-height: 16px;
    padding-top: 7px;
    width: calc(100% - 45px)
}

.shopping-cart .cart-teasers .size-selector {
    margin-top: 10px
}

@media all and (min-width:992px) {
    .shopping-cart .cart-summary {
        padding-right: 20px
    }
}

@media all and (max-width:768px) {
    .shopping-cart.content-area {
        margin-left: 0;
        margin-right: 0
    }
}

.shopping-cart .blocked {
    pointer-events: none
}

.shopping-cart .incentive-teasers h2 {
    text-align: center
}

.shopping-cart .small-benefits {
    background-color: #f7f8f8
}

.shopping-cart .small-benefits ul {
    max-width: 840px;
    margin: 0 auto;
    justify-content: center
}

.shopping-cart .small-benefits ul li {
    margin-bottom: 10px
}

.shopping-cart .small-benefits.content-area {
    margin-left: 0;
    margin-right: 0
}

.cart-summary {
    display: inline-block;
    max-width: 440px;
    vertical-align: top;
    width: 100%
}

.cart-summary>div {
    position: relative
}

.cart-summary h2 {
    text-align: left
}

.cart-summary .btn {
    width: 100%
}

.cart-summary .checkout-submit {
    margin: 20px 0
}

.cart-summary .summary-list {
    padding: 25px 20px;
    background-color: #fff;
    margin-top: 20px
}

.cart-summary .summary-list>div {
    display: flex;
    margin-top: 6px;
    font-size: 18px
}

.cart-summary .summary-list .label {
    width: 65%
}

.cart-summary .summary-list .value {
    width: 35%
}

.cart-summary .summary-list .value {
    font-family: cerapro-regular, 'sans-serif';
    font-size: 16px;
    line-height: 22px;
    text-align: right
}

.cart-summary .summary-list .discount p {
    padding: 0;
    font-size: 12px
}

.cart-summary .summary-list .total {
    border-top: 1px solid #bbbfc1;
    font-family: cerapro-bold, 'sans-serif'
}

.cart-summary .summary-list .total .value {
    font-family: cerapro-bold, 'sans-serif'
}

.cart-summary .summary-list .tax div {
    font-size: 14px
}

.cart-summary .summary-list .fee div {
    font-size: 14px
}

.cart-summary .summary-list .hint-mark-hidden {
    display: none
}

.cart-summary .summary-list .hint {
    font-size: 12px
}

.cart-summary .security-info {
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
    line-height: 1
}

.cart-summary .security-info .icon-ssl-safety {
    color: #afafb0;
    font-size: 30px;
    vertical-align: middle
}

.cart-summary .promotion-code {
    background-color: #fff;
    margin: 20px auto;
    padding: 15px 20px 20px;
    position: relative
}

.cart-summary .promotion-code h5 {
    text-align: left;
    margin-bottom: 12px
}

.cart-summary .promotion-code #promo-code-input {
    border: 1px solid #e2e3e5;
    color: #666b6e;
    display: inline-block;
    height: 40px;
    font-size: 16px;
    padding: 10px;
    outline: none;
    outline-color: transparent;
    width: calc(100% - 130px)
}

.cart-summary .promotion-code #promo-code-submit,
.cart-summary .promotion-code #promo-code-remove {
    float: right;
    width: 122px
}

.cart-summary .promotion-code .current-promo-code {
    display: inline-block;
    margin-top: 10px;
    width: calc(100% - 130px)
}

.cart-summary .promotion-code .error {
    color: #eb4e91;
    display: none;
    font-size: 12px;
    padding: 10px;
    width: 100%
}

@media(max-width:1280px)and (min-width:992px) {
    .shopping-cart .cart-teasers {
        text-align: left;
        width: 60%
    }

    .shopping-cart .unit-price {
        position: relative
    }

    .cart-summary {
        text-align: left;
        width: 40%
    }

    .cart-summary.sticky:not(.remove-sticky) {
        width: calc(40% - 25px)
    }
}

@media all and (max-width:991px) {
    .shopping-cart {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        flex-wrap: wrap
    }

    .shopping-cart h3 {
        text-align: center
    }

    .shopping-cart .cart-teasers_wrapper {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px
    }

    .shopping-cart .cart-teasers {
        align-self: center;
        order: 2;
        max-width: 80%;
        width: 80%
    }

    .shopping-cart .offset-left-40 {
        padding-left: 0
    }

    .shopping-cart .offset-right-40 {
        padding-right: 0
    }

    .shopping-cart .unit-price {
        position: relative
    }

    .cart-summary {
        order: 1;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .cart-summary+section {
        margin-top: 12px
    }
}

@media all and (max-width:768px) {
    .shopping-cart .cart-teasers {
        max-width: 100%;
        width: 100%
    }

    .incentive-teasers {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media all and (min-width:768px) {
    .shopping-cart .cart-teasers {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:1024px) {

    .shopping-cart .cart-teasers .color-selector,
    .shopping-cart .cart-teasers .variants-selector {
        position: relative;
        bottom: auto;
        transform: none;
        left: 0;
        margin-bottom: 20px;
        margin-top: 20px
    }

    .shopping-cart .cart-teasers .color-selector .select-variant,
    .shopping-cart .cart-teasers .variants-selector .select-variant {
        left: -10px
    }

    .shopping-cart .cart-teasers .color-selector .color-item.selected {
        left: 0
    }

    .shopping-cart .cart-teasers .color-selector .wrapper {
        padding-left: 35px
    }

    .shopping-cart .cart-teasers .variants-selector .wrapper {
        padding-left: 45px
    }

    .shopping-cart .cart-teasers .variants-selector .selection-image {
        left: 0
    }

    .shopping-cart .description .fee {
        bottom: 0;
        position: relative
    }

    .shopping-cart .description .fee .value {
        padding-left: 32px
    }
}

@media(max-width:600px) {

    .shopping-cart .available,
    .shopping-cart .unavailable {
        height: auto
    }

    .shopping-cart .product-list h5,
    .shopping-cart .product-list .unit-price span {
        font-size: 16px
    }

    .shopping-cart .product-list .description {
        margin-left: 20px;
        width: calc(100% - 120px)
    }

    .shopping-cart .product-list .name {
        margin-top: 5px;
        max-width: 100%
    }

    .shopping-cart .product-list .status {
        padding-left: 0
    }

    .shopping-cart .product-list .status::before {
        display: none
    }

    .shopping-cart .product-list .total {
        width: 100%;
        display: block
    }

    .shopping-cart .product-list .media {
        width: 100px
    }

    .shopping-cart .product-list .remove:before {
        padding-left: 0
    }

    .shopping-cart .product-list.loading::before {
        height: 40%
    }

    .shopping-cart .media img {
        padding: 0
    }

    .shopping-cart .color-selector,
    .shopping-cart .variants-selector {
        display: block
    }

    .shopping-cart .qty {
        position: relative;
        top: auto;
        display: inline-block
    }

    .shopping-cart .qty-value {
        margin-left: 0
    }

    .shopping-cart .qty-value::after {
        bottom: 0
    }

    .shopping-cart .unit-price {
        margin-top: 5px;
        margin-bottom: 5px;
        position: relative
    }

    .shopping-cart .total-price {
        font-size: 20px;
        position: relative;
        float: right;
        margin-top: 15px
    }
}

@media(min-width:600px) {
    .shopping-cart .product-list .name {
        padding-right: 156px
    }
}

@media(max-width:640px) {

    .shopping-cart .product-list .media,
    .shopping-cart .product-list .description {
        width: 100%
    }

    .shopping-cart .product-list .description {
        margin-left: 0;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media all and (min-width:991px)and (max-width:1200px) {

    .shopping-cart .available,
    .shopping-cart .unavailable {
        height: 260px
    }

    .shopping-cart .unit-price {
        position: relative
    }
}

@media(max-width:1280px)and (min-width:768px) {

    .content-area.shopping-cart,
    .content-area.checkout-page,
    .content-area.product-details {
        margin-top: 0
    }
}

.commerce-form .field {
    position: relative;
    clear: both
}

.commerce-form .field:not(.field-radio-button-list) {
    margin-bottom: 20px
}

.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list) input+label {
    display: block;
    margin: 0 0 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=text]:focus,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=tel]:focus,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=email]:focus,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=number]:focus,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused textarea:focus {
    border: 1px solid #7f8081;
    outline: none
}

.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=text]:focus.input-validation-error,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=tel]:focus.input-validation-error,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=email]:focus.input-validation-error,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused input[type=number]:focus.input-validation-error,
.commerce-form .field:not(.field-checkbox):not(.field-date):not(.field-checkbox-with-html):not(.field-checkbox-list):not(.field-list-box):not(.field-dropdown-list).focused textarea:focus.input-validation-error {
    border: 1px solid #e5006b
}

.commerce-form .field .tooltip {
    z-index: 4
}

.commerce-form .field .tooltip--postcode {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.commerce-form .field .tooltip--postcode+.input-validation-error {
    background-position: calc(100% - 30px) center
}

.commerce-form .field .tooltip--phone {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.commerce-form .field .tooltip--phone>p {
    margin-left: 5px;
    padding-bottom: 0
}

.commerce-form .field-radio-button-list {
    margin-bottom: 10px
}

.commerce-form .field-radio-button-list label:not(:empty) {
    margin-right: 20px
}

.commerce-form .field-radio-button-list--column .field-radio-button-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.commerce-form .field-radio-button-list--column .field-radio-button-list label:not(:empty) {
    margin-bottom: 12px
}

.commerce-form .field-checkbox-list label {
    display: block;
    margin-bottom: 20px
}

.commerce-form .field-dropdown-list label {
    display: block;
    margin: 0 0 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.commerce-form .field-checkbox-with-html label {
    display: block
}

.commerce-form .field-checkbox-with-html .field-validation-error {
    display: block;
    margin-top: 10px;
    margin-left: 18px;
    position: relative
}

.commerce-form .field-checkbox-with-html .fields-checkbox {
    display: inline
}

.commerce-form .field-checkbox-with-html .fields-label {
    display: inline
}

.commerce-form .field-list-box select {
    width: 100%;
    font-family: cerapro-regular, "sans-serif";
    font-size: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 1px solid #afafb0
}

.commerce-form .field-list-box select option {
    padding: 10px 20px
}

.commerce-form .field-list-box select:focus {
    border-color: #7f8081;
    outline: none
}

.commerce-form .field-dropdown-list {
    display: block
}

.commerce-form .field-dropdown-list.disabled {
    pointer-events: none;
    opacity: .7
}

.commerce-form label.with-asterisk:after {
    content: '*';
    margin-left: 2px
}

.commerce-form .field-validation-error {
    color: #e5006b;
    font-size: 12px;
    padding: 5px 0;
    display: block
}

@media all and (min-width:767px) {
    .commerce-form .field-row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .commerce-form .half {
        width: calc(50% - 40px);
        flex: 0 0 calc(50% - 40px)
    }
}

.commerce-form input[type=number],
.commerce-form input[type=text],
.commerce-form input[type=email],
.commerce-form input[type=tel] {
    position: relative;
    border: 1px solid #afafb0;
    height: 40px;
    background-color: #fff;
    display: inline-block;
    width: 100%;
    z-index: 2;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px
}

.commerce-form input[type=number]:focus,
.commerce-form input[type=text]:focus,
.commerce-form input[type=email]:focus,
.commerce-form input[type=tel]:focus {
    border: 1px solid #7f8081
}

.commerce-form input[type=number].disabled,
.commerce-form input[type=text].disabled,
.commerce-form input[type=email].disabled,
.commerce-form input[type=tel].disabled {
    opacity: .7
}

.commerce-form input[type=number].input-validation-error,
.commerce-form input[type=text].input-validation-error,
.commerce-form input[type=email].input-validation-error,
.commerce-form input[type=tel].input-validation-error {
    border: 2px solid #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

.commerce-form .selectbox {
    border: 1px solid #afafb0;
    min-width: 100% !important;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    height: 40px;
    padding: 10px;
    position: relative
}

.commerce-form .selectbox.state-focus {
    border: 1px solid #7f8081
}

.commerce-form .selectbox.state-focus:after {
    transform: translateY(-50%) rotate(-180deg)
}

.commerce-form .selectbox.disabled {
    opacity: .7
}

.commerce-form .selectbox:after {
    content: "";
    font-size: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: transform .2s ease;
    transform: translateY(-50%);
    pointer-events: none
}

.commerce-form .selectbox .selectbox-button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background-color: #fff
}

.commerce-form .selectbox .selectbox-button:focus {
    outline: none
}

.commerce-form input[type=radio],
.commerce-form input[type=checkbox] {
    background: #fff;
    border: 1px solid #878c8f;
    display: inline-block;
    height: 20px;
    margin: 0 10px 0 0;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer
}

.commerce-form input[type=radio].input-validation-error,
.commerce-form input[type=checkbox].input-validation-error {
    border: 2px solid #e5006b
}

.commerce-form input[type=radio] {
    border-radius: 50%;
    box-shadow: 0 2px 2px -1px #878c8f
}

.commerce-form input[type=radio]:checked:after {
    background: #878c8f;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    border-radius: 50%
}

.commerce-form input[type=checkbox]:checked:before {
    content: '';
    display: block;
    width: 13px;
    height: 8px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 2px solid #8e8e8e;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.commerce-form input[type=number]::-webkit-inner-spin-button,
.commerce-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    display: none
}

.commerce-form input[type=date] {
    display: none
}

.commerce-form input[type=submit] {
    background: #fff;
    border: 1px solid #666b6e;
    color: #666b6e;
    cursor: pointer;
    float: right;
    font-family: cerapro-regular, "sans-serif";
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 17px;
    margin-top: 20px;
    outline: none;
    padding: 6px 15px 8px;
    text-decoration: none;
    white-space: nowrap;
    width: auto
}

.commerce-form input[type=submit]:hover {
    color: #FF88BD;
    border: 1px solid #FF88BD
}

.commerce-form input[type=date]::-webkit-inner-spin-button,
.commerce-form input[type=date]::-webkit-clear-button,
.commerce-form input[type=date]::-webkit-calendar-picker-indicator {
    display: none
}

.commerce-form textarea {
    width: 100%;
    height: 170px;
    border: 1px solid #afafb0;
    resize: none;
    background-color: #fff;
    padding: 10px;
    font-family: CeraPRO-Regular, 'sans-serif';
    font-size: 16px
}

.commerce-form textarea:focus {
    outline: none
}

.commerce-form textarea.input-validation-error {
    border: 2px solid #e5006b;
    background-image: url(/assets/assets/images/field-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px
}

.shipping-option-section .field.field-radio-button-list label:not(:empty) {
    display: block;
    margin-top: 10px
}

.pdp-contact-form {
    background-color: rgba(255, 255, 255, .95);
    display: block;
    height: 100vh;
    position: fixed;
    right: 0;
    overflow: auto;
    top: 0;
    width: 100%;
    z-index: 2999
}

.pdp-contact-form form {
    max-width: 740px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 90px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2999
}

.pdp-contact-form .commerce-form .field-checkbox-with-html label,
.pdp-contact-form .commerce-form .field-checkbox label {
    font-size: 16px !important;
    color: #666b6e !important
}

.pdp-contact-form .commerce-form .field-checkbox-with-html input[type=checkbox],
.pdp-contact-form .commerce-form .field-checkbox input[type=checkbox] {
    margin: 0 12px 0 0
}

.pdp-contact-form .close-icon {
    top: 30px;
    right: 120px
}

.commerce-selectbox .selectbox-items-title {
    display: none
}

.lock body {
    overflow: hidden
}

.lock .page-content {
    overflow: hidden
}

.lock .pdp-contact-form {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate3d(0, 0, 0);
    padding-bottom: 30px
}

@media all and (max-width:768px) {
    .pdp-contact-form {
        overflow: scroll
    }

    .pdp-contact-form form {
        padding: 90px 25px 30px
    }
}

@media all and (max-width:1200px) {
    .pdp-contact-form .close-icon {
        top: 18px;
        right: 22px;
        z-index: 5101
    }
}

.hidden-field {
    display: none !important
}

.checkout-page ul {
    list-style-type: none;
    padding-left: 0
}

.checkout-page .info {
    display: block;
    margin-bottom: 90px
}

.checkout-page .info a {
    text-decoration: none;
    font-size: 18px;
    vertical-align: middle
}

.checkout-page .info span {
    font-family: "sans-serif";
    font-size: 15px;
    line-height: 22px;
    border: 1px solid #65695e;
    border-radius: 50%;
    display: inline-block;
    color: #65695e;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    width: 25px
}

.checkout-page .info li {
    display: inline-block
}

.checkout-page .info li.active:first-child span {
    background-color: #FF88BD;
    color: #fff
}

.checkout-page .info li.active:first-child span+li span {
    background-color: #fff
}

.checkout-page .info li:first-child {
    margin-right: 40px
}

.checkout-page .info li:first-child span {
    background-color: #666b6e;
    color: #fff
}

.checkout-page .info .active {
    font-family: CeraPRO-Bold, 'sans-serif'
}

.checkout-page .info .active a {
    color: #FF88BD
}

.checkout-page .info .active span {
    border-color: transparent;
    background-color: #FF88BD;
    color: #fff
}

.checkout-page .info .active a,
.checkout-page .info .active span {
    display: inline-block;
    vertical-align: top
}

.checkout-page .checkout-sidebar .cart-summary .summary-list {
    background-color: #f7f9f8;
    border: 1px solid #f0f1f0
}

.checkout-page .wrapper {
    display: table;
    position: relative
}

.checkout-page .checkout-content {
    display: table-cell;
    width: 75%;
    max-width: 840px;
    vertical-align: top
}

.checkout-page .user-account {
    margin-bottom: 70px
}

.checkout-page .user-account h3 {
    text-align: left
}

.checkout-page .user-account .btn {
    border: 1px solid #666b6e
}

.checkout-page .user-account .btn:hover,
.checkout-page .user-account .btn:focus {
    border: 1px solid #FF88BD
}

.checkout-page #address h3 {
    text-align: left;
    margin-bottom: 50px
}

.checkout-page #address h4 {
    text-align: left;
    margin-bottom: 20px
}

.checkout-page #address.installationIncluded .billing-address-section .field-telephone {
    visibility: hidden;
    display: none
}

.checkout-page #address.installationExcluded .installation-service-section {
    visibility: hidden;
    display: none
}

.checkout-page #address.shippingOptionsDisabled .shipping-option-section,
.checkout-page #address.shippingOptionsDisabled .shipping-address-section {
    visibility: hidden;
    display: none
}

.checkout-page .checkout-sidebar {
    display: table-cell;
    float: left;
    max-width: 440px;
    position: relative;
    width: 100%
}

@media all and (max-width:991px) {
    .checkout-page .checkout-sidebar .cart-summary .security-info {
        position: relative;
        bottom: auto
    }
}

@media all and (min-width:768px) {
    .checkout-page .checkout-sidebar .cart-summary {
        width: 400px
    }
}

.checkout-page .product-list {
    border: 1px solid #efefef;
    padding: 15px
}

.checkout-page .product-list::-webkit-scrollbar {
    display: none
}

.checkout-page .product-list a {
    text-decoration: none
}

.checkout-page .product-list h4 {
    cursor: pointer;
    color: #FF88BD;
    border-bottom: 1px solid #afafb0;
    font-size: 18px;
    padding-bottom: 10px;
    position: relative
}

.checkout-page .product-list h4::after {
    content: "";
    background-color: #FF88BD;
    height: 2px;
    position: absolute;
    right: 1px;
    top: 11px;
    width: 15px
}

.checkout-page .product-list h4.closed::before {
    content: "";
    background-color: #FF88BD;
    height: 15px;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 2px
}

.checkout-page .product-list h5,
.checkout-page .product-list h4 {
    text-align: left
}

.checkout-page .product-list h5 {
    font-size: 15px
}

.checkout-page .product-list h5 span {
    font-family: "sans-serif";
    font-size: 14px;
    line-height: 18px
}

.checkout-page .product-list .description {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    width: calc(100% - 90px)
}

.checkout-page .product-list .name {
    max-height: 36px;
    min-height: 36px;
    overflow: hidden
}

.checkout-page .product-list .product-row {
    padding-top: 20px
}

.checkout-page .product-list .product-row:after {
    content: "";
    display: table;
    clear: both
}

.checkout-page .product-list .product-row .sale-text {
    position: absolute;
    right: 0;
    bottom: 20px;
    margin-right: 0
}

.checkout-page .product-list .product-row:not(:last-of-type) {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px
}

.checkout-page .product-list .media {
    background-color: #f7f9f7;
    float: left;
    width: 90px
}

.checkout-page .product-list .qty {
    font-size: 15px;
    font-family: cerapro-bold, 'sans-serif'
}

.checkout-page .product-list .qty-value {
    font-family: "sans-serif";
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.checkout-page .product-list .total-price {
    font-family: "sans-serif";
    font-size: 14px;
    line-height: 18px;
    bottom: 0;
    font-weight: 700;
    position: absolute;
    right: 0
}

.checkout-page input[type=radio]+h3,
.checkout-page input[type=checkbox]+h3 {
    color: #878c8f;
    display: inline-block;
    font-family: cerapro-regular, Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: 0 !important;
    width: 94%
}

.checkout-page .field-submit-button {
    display: none
}

.checkout-page .shipping-address-section {
    display: none
}

.checkout-page .billing-address-section {
    margin-bottom: 25px;
    margin-top: 10px
}

.checkout-page .checkout-address-info {
    margin-bottom: 70px
}

.checkout-page .checkout-address-info h3 {
    text-align: left
}

.checkout-page .checkout-address-info>div {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.checkout-page .checkout-address-info ul li {
    line-height: 20px;
    margin-bottom: 5px
}

.checkout-page .checkout-address-info.collapsible {
    display: none
}

.checkout-page .loading:before {
    height: 100%
}

.checkout-page .customer-birthdate-overlay .custom-date__title {
    display: none
}

.checkout-page .customer-birthdate-overlay .custom-date {
    display: block
}

.checkout-page .customer-birthdate-overlay .redirect-overlay {
    min-height: auto;
    height: auto;
    background-color: #fff
}

.checkout-page .customer-birthdate-overlay .redirect-overlay p {
    position: relative
}

.checkout-page .customer-birthdate-overlay .redirect-overlay p:first-of-type {
    padding-bottom: 0
}

.checkout-page .customer-birthdate-overlay .redirect-overlay .datepicker-icon {
    bottom: 24px;
    left: 0;
    width: 25px
}

.checkout-page .customer-birthdate-overlay .redirect-overlay input {
    text-align: center
}

.checkout-page .customer-birthdate-overlay .redirect-overlay .error-message {
    color: #FF88BD;
    display: none;
    text-align: center;
    width: 100%
}

.checkout-sidebar .product-list .amount,
.checkout-sidebar .product-list .color-selector,
.checkout-sidebar .product-list .status,
.checkout-sidebar .product-list .remove-line {
    display: none
}

.checkout-header-old .content-area {
    position: relative;
    width: 100%
}

.checkout-header-old .content-area .shop-link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 14px;
    font-weight: 700;
    width: 150px
}

.checkout-header-old .content-area .shop-link:before {
    content: "";
    font-weight: 700;
    font-size: 9px;
    margin-right: 5px;
    transform: rotate(90deg)
}

.checkout-header-old .content-area .shop-link:hover:before {
    color: #eb4e91
}

.checkout-header-old .content-area .shop-link a {
    text-decoration: none
}

.checkout-header-old .content-area .header-old-logo {
    right: 0
}

.checkout-footer {
    background-color: #f7f8f8
}

.checkout-footer .content-area {
    padding-top: 25px;
    padding-bottom: 30px
}

.checkout-footer ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

.checkout-footer ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.confirmation-page .wrapper {
    position: relative
}

.confirmation-page .order-next-steps {
    display: inline-block;
    text-align: center;
    margin-bottom: 85px;
    width: 100%
}

.confirmation-page .order-next-steps h2 {
    margin-bottom: 50px
}

.confirmation-page .order-next-steps .order-next-step {
    display: inline-block;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
    text-align: center;
    width: calc(99%/3)
}

.confirmation-page .order-next-steps .order-next-step h4 {
    margin-bottom: 10px
}

.confirmation-page .order-next-steps .order-next-step .icon {
    background-color: #f7f8f8;
    border-radius: 100%;
    box-sizing: border-box;
    box-shadow: 0 2px 7px #aaacaf;
    display: inline-block;
    margin-bottom: 10px;
    padding: 43px
}

.confirmation-page .order-next-steps .order-next-step .icon img {
    width: 40px
}

@media(max-width:1280px) {
    .checkout-header-old .content-area {
        margin: 0 20px
    }
}

@media all and (min-width:768px) {
    .checkout-page .billing-address-section+.installation-service-section {
        margin-top: -20px
    }
}

@media all and (min-width:992px) {
    .selectbox-layer .upper {
        border-bottom: 1px solid #8e8e8e
    }
}

@media all and (max-width:768px) {
    .checkout-page .info {
        margin-bottom: 20px
    }

    .checkout-header-old .content-area {
        margin: 0;
        padding: 85px 20px 0
    }

    .checkout-header-old .content-area .header-old-logo {
        right: 20px
    }

    .selectbox-layer .upper {
        border-top: 1px solid #8e8e8e
    }
}

@media all and (max-width:767px) {
    .checkout-page {
        padding-left: 20px;
        padding-right: 20px
    }

    .checkout-page.content-area {
        margin-left: 0;
        margin-right: 0
    }

    .checkout-page .wrapper {
        display: block
    }

    .checkout-page .checkout-content {
        display: block;
        width: 100%
    }

    .checkout-page .checkout-sidebar {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        width: 100%;
        float: none
    }

    .checkout-page .info {
        margin-bottom: 20px
    }

    .checkout-page .info li:not(.active) a {
        display: none
    }

    .checkout-page .info li {
        vertical-align: top
    }

    .checkout-page .info li+li {
        margin-top: 2px;
        vertical-align: top
    }

    .checkout-page .checkout-address-info>div {
        width: 100%
    }

    .checkout-page .checkout-address-info>div:not(:first-of-type) {
        margin-top: 30px
    }

    .checkout-page .product-list {
        border: none;
        padding: 0
    }

    .checkout-page .product-list h4.closed:before {
        right: 15px
    }

    .checkout-page .product-list h4:after {
        right: 9px
    }

    .checkout-page .checkout-address-info.collapsible {
        display: block;
        margin-bottom: 0;
        margin-top: 15px
    }

    .checkout-page .checkout-address-info.collapsible h4 {
        border-bottom: 1px solid #afafb0;
        color: #FF88BD;
        cursor: pointer;
        font-size: 18px;
        padding-bottom: 10px;
        position: relative;
        text-align: left
    }

    .checkout-page .checkout-address-info.collapsible h4:after,
    .checkout-page .checkout-address-info.collapsible h4:before {
        background-color: #FF88BD;
        content: "";
        position: absolute
    }

    .checkout-page .checkout-address-info.collapsible h4:before {
        height: 15px;
        right: 15px;
        top: 5px;
        width: 2px
    }

    .checkout-page .checkout-address-info.collapsible h4:after {
        height: 2px;
        right: 9px;
        top: 12px;
        width: 15px
    }

    .checkout-page .checkout-address-info.collapsible h4.open:before {
        opacity: 0
    }

    .checkout-page .checkout-address-info.collapsible>div:not(:first-of-type) {
        margin-top: 15px
    }

    .checkout-page .checkout-address-info.collapsible .info-wrapper {
        display: none
    }

    .checkout-page .checkout-address-info.collapsible ul {
        margin-top: 10px
    }

    .checkout-page .checkout-address-info.collapsible ul li {
        display: inline
    }

    .checkout-page .checkout-address-info.collapsible ul li:not(:last-child):after {
        content: ","
    }

    .checkout-page .checkout-address-info {
        display: none
    }

    .checkout-page .loading:before {
        height: 20%
    }

    .checkout-footer .content-area {
        padding: 15px
    }

    #ui-datepicker-div table.ui-datepicker-calendar {
        margin: 20px 0
    }
}

@media all and (max-width:585px) {
    .checkout-page li {
        max-width: 75%
    }

    .checkout-page li.active:first-child a {
        max-width: 85%;
        text-align: left
    }

    .checkout-page li+li.active {
        max-width: 80%
    }

    .checkout-page li+li.active a {
        max-width: calc(100% - 30px);
        text-align: left
    }
}

@media screen and (max-width:639px) {
    .confirmation-page .order-next-steps .order-next-step {
        margin-bottom: 80px;
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width:640px)and (max-width:991px) {
    .confirmation-page .order-next-steps .order-next-step {
        width: calc(99%/2)
    }
}

@media all and (min-width:768px)and (max-width:960px) {
    .checkout-page .checkout-sidebar {
        padding-left: 20px;
        max-width: 350px
    }

    .checkout-page .checkout-sidebar .cart-summary {
        width: 330px
    }

    .checkout-page .checkout-content {
        padding-right: 20px
    }

    .checkout-page .commerce-form .half-right,
    .checkout-page .commerce-form .half {
        width: calc(50% - 10px)
    }

    .checkout-page .checkout-address-info>div {
        width: 100%
    }

    .checkout-page .checkout-address-info>div:not(:first-of-type) {
        margin-top: 30px
    }
}

@media all and (min-width:992px)and (max-width:1023px) {
    .checkout-page .checkout-content {
        width: 53%
    }
}

@media all and (min-width:1024px)and (max-width:1140px) {
    .checkout-page .checkout-content {
        width: 55%
    }
}

@media all and (min-width:1141px)and (max-width:1270px) {
    .checkout-page .checkout-content {
        width: 60%
    }
}

@media(max-width:375px) {
    .checkout-page .info li+li {
        max-width: 75%
    }
}

@media all and (min-width:768px)and (max-width:991px) {
    .selectbox-layer .commerce-selectbox {
        min-width: 159px !important
    }
}

.klarna-payment .icons {
    margin-top: -10px
}

.payment-method>ul>li {
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative
}

.payment-method>ul>li iframe,
.payment-method>ul>li .description,
.payment-method>ul>li .custom-date,
.payment-method>ul>li #klarna-payments-container,
.payment-method>ul>li #klarna-checkout-container {
    display: none
}

.payment-method>ul>li.disabled {
    pointer-events: none;
    opacity: .7
}

.payment-method>ul>li input:checked~iframe,
.payment-method>ul>li input:checked~.description,
.payment-method>ul>li input:checked~.custom-date,
.payment-method>ul>li input:checked~#klarna-payments-container,
.payment-method>ul>li input:checked~#klarna-checkout-container {
    display: block
}

.payment-method>ul>li h3 {
    text-align: left
}

.payment-method>ul>li .icons {
    display: flex;
    flex-direction: row;
    position: absolute;
    justify-content: flex-end;
    top: 10px;
    right: 0;
    width: 150px
}

.payment-method>ul>li .icons>span {
    display: inline-block
}

.payment-method>ul>li img {
    width: 50px
}

.payment-method .accept {
    font-size: 15px
}

.payment-method .error {
    color: #eb4e91
}

.payment-method .error input[type=checkbox] {
    border: 2px solid #FF88BD
}

.payment-method>h2 {
    font-size: 24px;
    text-align: left
}

.payment-method iframe {
    margin-left: 0 !important;
    margin-top: 15px;
    min-height: 170px
}

.payment-method iframe .identifier label {
    margin-left: 10px !important
}

.payment-method .description {
    margin-top: 10px
}

.payment-method .gift-card-section {
    text-align: right
}

.payment-method .gift-card-section p {
    float: left;
    margin-top: 20px
}

.payment-method .gift-card-section button {
    margin-top: 12px
}

.payment-method .gift-card-section .error-message {
    color: #FF88BD;
    display: none
}

.payment-method .accept {
    margin-top: 30px
}

@media all and (max-width:1199px) {
    .checkout-page .payment-method input[type=radio]+h3 {
        width: 87%
    }

    .payment-method iframe {
        min-width: 330px !important
    }

    .payment-method .gift-card-section {
        text-align: unset
    }

    .payment-method .gift-card-section p {
        width: 100%
    }

    .payment-method .gift-card-section .btn--cherry {
        float: right
    }
}

@media(max-width:375px) {
    .payment-method .gift-card-section {
        text-align: center
    }

    .payment-method .gift-card-section p {
        width: 100%
    }

    .payment-method .gift-card-section .btn--cherry {
        float: none
    }
}

@media all and (min-width:737px)and (max-width:768px) {
    .payment-method .gift-card-section {
        text-align: center
    }

    .payment-method .gift-card-section p {
        width: 100%
    }

    .payment-method .gift-card-section .btn--cherry {
        float: none
    }
}

@media all and (max-width:585px) {
    .payment-method li {
        max-width: 100%
    }

    .payment-method li iframe {
        min-width: 100% !important;
        width: 100%
    }
}

@media(max-width:320px) {
    .payment-method li iframe {
        min-height: 230px
    }
}

.account-icon {
    cursor: pointer
}

.modal-shown .account-icon {
    z-index: 0
}

.account-icon a {
    display: block
}

.account-icon a,
.account-icon a:focus,
.account-icon a:hover {
    text-decoration: none
}

.account-icon .icon-user {
    display: block;
    color: #666b6e
}

.account-icon .icon-user:before {
    display: block;
    font-size: 26px;
    line-height: 1
}

@media(max-width:640px) {
    .account-icon .icon-user:before {
        font-size: 22px
    }
}

.login-popup.bwt-popup .redirect-overlay {
    min-height: 320px
}

.profile-overview .content-toolbar {
    margin-bottom: 20px;
    position: relative
}

.profile-overview .content-toolbar h1 {
    padding: 0 155px 0 20px
}

.profile-overview .content-toolbar+div:after {
    content: "";
    display: table;
    clear: both
}

.profile-overview .col-3:nth-child(4n) {
    clear: left
}

.profile-overview .col-3 {
    border: 1px solid #eee;
    margin-bottom: 40px;
    margin-right: 20px;
    margin-left: 20px;
    float: left;
    padding: 20px;
    position: relative;
    width: calc(100%/3 - 40px)
}

.profile-overview .col-3 h3 {
    text-align: left;
    padding-left: 30px
}

.profile-overview .col-3:before {
    color: #FF88BD;
    font-size: 20px;
    left: 20px;
    position: absolute;
    top: 25px
}

.profile-overview .col-3:last-child {
    margin-right: 0
}

.profile-overview .col-3 .btn.btn__large {
    float: right
}

.profile-overview h1 {
    text-align: left
}

.profile-overview .btn.btn__large.btn-logout {
    padding: .5em 1.3em .6em 2.8em;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.profile-overview .btn.btn__large.btn-logout:before {
    color: #8e8e8e;
    font-size: 19px;
    left: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.profile-overview .profile-billing-info>ul {
    list-style-type: none;
    padding-left: 0
}

.profile-overview .profile-billing-info>ul>li {
    line-height: 16px
}

.profile-overview .profile-info dt:nth-child(3) {
    margin-top: 20px
}

.profile-overview .profile-info dl {
    /* color: #666b6e */
}

.profile-overview .email-btn,
.profile-overview .password-btn {
    display: inline-block;
    width: 100%
}

.profile-overview .email-btn>a,
.profile-overview .password-btn>a {
    margin-bottom: 0;
    margin-top: 10px
}

@media all and (max-width:991px) {
    .profile-overview .col-3:nth-child(4n) {
        clear: none
    }

    .profile-overview .col-3 {
        width: calc(50% - 40px)
    }
}

@media all and (max-width:767px) {
    .profile-overview .col-3 {
        margin-bottom: 20px;
        width: calc(100% - 40px)
    }

    .profile-overview .btn.btn__large {
        float: right;
        margin-top: 28px;
        position: relative;
        right: 20px;
        top: -15px;
        transform: translate(0, 0)
    }

    .profile-overview .content-toolbar>a.btn.btn__large {
        margin-top: 0;
        right: 20px
    }

    .profile-overview .profile-info .email-btn {
        margin-top: 20px
    }
}

.small-benefits {
    padding: 30px 0
}

.small-benefits--visible-mobile {
    display: none
}

@media(max-width:768px) {
    .small-benefits--visible-mobile {
        display: block;
        margin: 0
    }
}

.small-benefits--hidden-mobile {
    display: block
}

@media(max-width:768px) {
    .small-benefits--hidden-mobile {
        display: none
    }
}

.small-benefits ul {
    align-items: baseline;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.small-benefits ul li {
    text-align: center;
    padding: 10px;
    display: flex;
    flex: 1
}

.small-benefits ul li img {
    max-width: 35px
}

.small-benefits ul li img,
.small-benefits ul li span {
    display: inline-block;
    vertical-align: middle
}

.small-benefits ul li span {
    font-size: 14px;
    text-align: left;
    padding-left: 7px
}

.small-benefits p {
    padding-bottom: 0
}

@media all and (max-width:768px) {
    .small-benefits ul li {
        flex-direction: column
    }

    .small-benefits ul li img,
    .small-benefits ul li span {
        display: block
    }

    .small-benefits ul li img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%)
    }

    .small-benefits ul li span {
        margin-top: 10px;
        text-align: center
    }
}

@media all and (max-width:640px) {
    .product-summary .pdp-breadcrumb ul.breadcrumbs {
        display: block !important
    }
}

@media(max-width:1280px)and (min-width:641px) {
    .content-area.small-benefits {
        margin: 0
    }
}

.customer-support {
    margin-top: 40px
}

.customer-support .support-channels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 90px;
    list-style-type: none;
    padding-left: 0
}

.customer-support .support-channels li {
    width: 426px;
    text-align: center
}

.customer-support .support-channels .icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: #FF88BD;
    border-radius: 50%;
    height: 100px;
    top: -50px;
    overflow: hidden;
    width: 100px
}

.customer-support .support-channels .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 100%
}

.customer-support .support-channels .support-channel {
    background-color: #f7f8f8;
    display: inline-block;
    position: relative;
    padding: 65px 35px 35px;
    width: 320px
}

.customer-support .support-channels .support-channel p {
    line-height: 30px
}

.product-teaser ul.color-selector {
    list-style-type: none;
    padding: 0
}

.product-teaser ul.color-selector .color-item {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%
}

@media all and (min-width:768px)and (max-width:1199px) {
    .customer-support .support-channels li {
        width: 50%
    }
}

@media all and (max-width:767px) {
    .customer-support .support-channels {
        flex-direction: column
    }

    .customer-support .support-channels li:not(:first-of-type) {
        margin-top: 70px
    }
}

.info-banner {
    border: 1px solid #FF88BD;
    margin-bottom: 20px;
    max-width: 800px;
    padding: 20px 20px 20px 80px;
    position: relative;
    width: 100%
}

.info-banner:before {
    color: #FF88BD;
    font-size: 44px;
    left: 17px;
    position: absolute;
    top: 15px
}

.info-banner h3 {
    font-family: cerapro-regular, 'sans-serif';
    text-align: left
}

.info-banner p {
    line-height: 28px;
    padding-bottom: 5px
}

.products-list ul>li.plp-promotion-banner {
    height: auto;
    margin-top: 60px;
    padding: 0 !important;
    position: relative;
    text-align: left;
    width: 100%
}

.products-list ul>li.plp-promotion-banner:hover {
    background-color: #f7f8f8 !important
}

.products-list ul>li.plp-promotion-banner .promotion-code .label {
    font-weight: 600
}

.products-list ul>li.plp-promotion-banner .promotion-code .code {
    color: #FF88BD;
    font-size: 22px
}

.products-list ul>li.plp-promotion-banner .btn {
    background-color: #fff;
    position: relative
}

.products-list ul>li.plp-promotion-banner img {
    max-height: inherit !important
}

.products-list ul>li.plp-promotion-banner .bubble {
    display: inline-block;
    min-width: 160px;
    min-height: 160px;
    text-align: center;
    line-height: 1;
    box-sizing: content-box;
    white-space: nowrap;
    width: auto;
    height: auto
}

.products-list ul>li.plp-promotion-banner .bubble:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    padding-top: 100%;
    height: 0
}

.products-list ul>li.plp-promotion-banner .bubble .bubble-text {
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    position: relative;
    left: auto;
    top: auto;
    padding: 5px;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.products-list ul>li.plp-promotion-banner .bubble .bubble-text .amount {
    font-size: 67px;
    line-height: 75px
}

.products-list ul>li.plp-promotion-banner .bubble .bubble-text .text {
    display: block
}

.products-list ul>li.plp-promotion-banner .bubble .bubble-text .amount,
.products-list ul>li.plp-promotion-banner .bubble .bubble-text .sign {
    display: inline-block;
    vertical-align: bottom
}

.products-list ul>li.plp-promotion-banner .bubble .bubble-text .sign,
.products-list ul>li.plp-promotion-banner .bubble .bubble-text .text {
    font-size: 30px;
    line-height: 30px
}

.products-list ul>li.plp-promotion-banner.imageLeft .image {
    float: left
}

.products-list ul>li.plp-promotion-banner.imageRight .image {
    float: right
}

.plp-promotion-banner,
.newsletter-registration {
    background-color: #f7f8f8
}

.plp-promotion-banner h2,
.newsletter-registration h2 {
    text-align: left
}

.plp-promotion-banner .image,
.plp-promotion-banner .description,
.newsletter-registration .image,
.newsletter-registration .description {
    display: inline-block;
    vertical-align: top
}

.plp-promotion-banner .description,
.newsletter-registration .description {
    box-sizing: border-box;
    position: relative
}

.plp-promotion-banner .description h3,
.newsletter-registration .description h3 {
    text-align: left;
    margin-bottom: 20px
}

.plp-promotion-banner .bubble,
.newsletter-registration .bubble {
    background-color: #FF88BD;
    border-radius: 50%;
    height: 160px;
    position: absolute;
    top: -50px;
    width: 160px
}

.plp-promotion-banner .bubble>span,
.plp-promotion-banner .bubble>.bubble-text,
.newsletter-registration .bubble>span,
.newsletter-registration .bubble>.bubble-text {
    transform: translateY(-50%) rotate(10deg);
    -ms-transform: translateY(-50%) rotate(10deg);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    max-height: 195px;
    overflow: hidden;
    line-height: 24px;
    padding: 25px;
    position: absolute;
    text-align: center;
    top: 50%
}

@media all and (min-width:768px) {
    .plp-promotion-banner.imageLeft .description {
        float: right
    }

    .plp-promotion-banner.imageLeft img {
        left: 0
    }

    .plp-promotion-banner.imageRight img {
        right: 0
    }

    li.plp-promotion-banner.imageLeft .image,
    li.plp-promotion-banner.imageRight .image {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%
    }

    li.plp-promotion-banner.imageLeft img,
    li.plp-promotion-banner.imageRight img {
        position: absolute;
        top: 0;
        width: auto;
        height: 100%
    }

    li.plp-promotion-banner.imageLeft .description,
    li.plp-promotion-banner.imageRight .description {
        background-color: #f7f8f8
    }
}

@media all and (min-width:992px) {

    .plp-promotion-banner.imageLeft .image,
    .newsletter-registration .image {
        width: 25%
    }

    .plp-promotion-banner.imageLeft .description,
    .newsletter-registration .description {
        padding: 40px 240px 40px 80px;
        width: 74%
    }

    .plp-promotion-banner.imageLeft .bubble,
    .newsletter-registration .bubble {
        right: 50px
    }

    .plp-promotion-banner.imageLeft .bubble {
        right: 30px
    }

    .plp-promotion-banner.imageLeft .image,
    .plp-promotion-banner.imageRight .image {
        width: 25%
    }

    .plp-promotion-banner.imageLeft .description,
    .plp-promotion-banner.imageRight .description {
        width: 100%
    }

    .plp-promotion-banner.imageLeft .image+.description,
    .plp-promotion-banner.imageRight .image+.description {
        width: 74%
    }

    .plp-promotion-banner.imageLeft a.btn,
    .plp-promotion-banner.imageRight a.btn {
        left: 0;
        transform: none
    }

    .plp-promotion-banner.imageRight .description {
        padding: 40px 80px 40px 240px
    }

    .plp-promotion-banner.imageRight .bubble {
        left: 30px
    }
}

@media all and (min-width:768px)and (max-width:991px) {

    .plp-promotion-banner.imageLeft .image,
    .newsletter-registration .image {
        width: 30%
    }

    .plp-promotion-banner.imageLeft .description,
    .newsletter-registration .description {
        padding: 20px 180px 20px 15px;
        width: 69%
    }

    .plp-promotion-banner.imageLeft .bubble,
    .newsletter-registration .bubble {
        right: 15px
    }

    .plp-promotion-banner.imageLeft .description,
    .plp-promotion-banner.imageRight .description {
        width: 100%
    }

    .plp-promotion-banner.imageLeft .description .btn,
    .plp-promotion-banner.imageRight .description .btn {
        left: 0;
        transform: none
    }

    .plp-promotion-banner.imageLeft .image+.description,
    .plp-promotion-banner.imageRight .image+.description {
        width: 50%
    }

    .plp-promotion-banner.imageLeft .description,
    .plp-promotion-banner.imageRight .description {
        padding: 20px
    }

    .plp-promotion-banner.imageLeft .bubble,
    .plp-promotion-banner.imageRight .bubble {
        top: -80px
    }

    .plp-promotion-banner.imageRight .bubble {
        right: calc(-100% + 15px);
        left: auto
    }

    .plp-promotion-banner.imageLeft .bubble {
        left: calc(-100% + 15px);
        right: auto
    }

    .products-list ul>li.plp-promotion-banner .bubble .bubble-text {
        font-size: 50px
    }

    .products-list ul>li.plp-promotion-banner .bubble .bubble-text .amount {
        font-size: 1em;
        line-height: 1em
    }

    .products-list ul>li.plp-promotion-banner .bubble .bubble-text .sign,
    .products-list ul>li.plp-promotion-banner .bubble .bubble-text .text {
        font-size: .4em
    }
}

@media all and (max-width:767px) {

    .plp-promotion-banner.imageLeft .image,
    .plp-promotion-banner.imageLeft .description,
    .newsletter-registration .image,
    .newsletter-registration .description {
        width: 100%
    }

    .plp-promotion-banner.imageLeft .description,
    .newsletter-registration .description {
        padding: 20px 180px 20px 20px
    }

    .plp-promotion-banner.imageLeft .bubble,
    .newsletter-registration .bubble {
        right: 15px;
        top: -30px
    }

    .plp-promotion-banner .image,
    .plp-promotion-banner .description {
        width: 100%
    }

    .plp-promotion-banner .btn {
        left: 50%;
        transform: translateX(-50%)
    }

    .plp-promotion-banner .image {
        text-align: center
    }

    .plp-promotion-banner .image img {
        max-height: 100% !important;
        width: 100%
    }

    .plp-promotion-banner.imageLeft .bubble,
    .plp-promotion-banner.imageRight .bubble {
        top: -80px;
        position: absolute
    }

    .plp-promotion-banner.imageLeft .description,
    .plp-promotion-banner.imageRight .description {
        padding: 20px;
        position: initial
    }

    .plp-promotion-banner.imageRight .bubble {
        left: 15px
    }

    .plp-promotion-banner.imageLeft .bubble {
        right: 15px
    }
}

@media all and (max-width:475px) {
    .newsletter-registration .description {
        padding: 120px 20px 20px
    }

    .newsletter-registration .bubble {
        top: -50px
    }
}

.product-modal.search-overlay.up {
    opacity: .95
}

.product-modal h1 {
    margin-bottom: 15px
}

.product-modal .actions {
    max-width: 550px;
    text-align: center
}

.product-modal .actions a:first-child {
    margin-right: 10px
}

.product-modal .product {
    max-width: 600px;
    margin: 40px auto 0
}

.product-modal .product:after {
    content: "";
    display: table;
    clear: both
}

.product-modal .product .media {
    float: left;
    max-width: 100px;
    width: 60%
}

.product-modal .product .description {
    float: left;
    width: 60%
}

.product-modal .product .description>* {
    text-align: left
}

.product-modal .product .name {
    margin-bottom: 15px
}

.product-modal .product .qty,
.product-modal .product .unit-price {
    font-size: 15px
}

.product-modal .product .unit-price-value,
.product-modal .product .unit-price-tax,
.product-modal .product .unit-price-tax-free,
.product-modal .product .unit-price-ecofee,
.product-modal .product .qty-value {
    font-family: cerapro-regular, 'sans-serif'
}

.hotspot.open .product-modal {
    display: block
}

.product-modal.product-teaser-modal {
    position: fixed;
    padding: 0;
    background: rgba(0, 0, 0, .2);
    opacity: 1 !important
}

.product-modal.product-teaser-modal .product-na-text {
    display: none;
    margin: 12px 0;
    padding: 0;
    font-family: cerapro-bold, 'sans-serif';
    font-size: 22px;
    color: #e5006b
}

.product-modal.product-teaser-modal.product-teaser-modal--na .product-na-text {
    display: block
}

.product-modal.product-teaser-modal.product-teaser-modal--na .teaser-action-buttons .amount {
    display: none
}

.product-modal.product-teaser-modal.product-teaser-modal--na .cartHandlerButton,
.product-modal.product-teaser-modal.product-teaser-modal--na [data-add-to-cart-handler] {
    background-color: #bbb;
    border-color: #bbb;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
}

.product-modal.product-teaser-modal .teaser-area {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-modal.product-teaser-modal .teaser-area .teaser-area-wrapper {
    width: 100%;
    position: relative;
    max-width: 960px;
    padding: 20px 0;
    background: #fff
}

.product-modal.product-teaser-modal div:empty {
    display: none
}

.product-modal.product-teaser-modal .close-icon {
    right: 20px;
    z-index: 1
}

.product-modal.product-teaser-modal .media {
    width: 50%;
    padding: 20px 0 0;
    float: left;
    text-align: center
}

.product-modal.product-teaser-modal .media img {
    max-width: 320px
}

.product-modal.product-teaser-modal .description {
    float: left;
    width: 50%
}

.product-modal.product-teaser-modal .product-label {
    position: static;
    display: inline-block;
    margin-bottom: 10px
}

.product-modal.product-teaser-modal .name {
    margin-bottom: 25px;
    text-align: left;
    word-break: break-all
}

.product-modal.product-teaser-modal .price {
    margin-bottom: 25px
}

.product-modal.product-teaser-modal .price .product-price .value {
    margin-right: 5px;
    font-size: 40px;
    line-height: 30px;
    color: #65695e
}

.product-modal.product-teaser-modal .price .product-price .note {
    font-size: 12px;
    color: #bbbfc1
}

.product-modal.product-teaser-modal .price .product-price .note+.note {
    display: block;
    margin: 8px auto
}

.product-modal.product-teaser-modal .product-status {
    position: relative;
    margin-bottom: 25px
}

.product-modal.product-teaser-modal .product-status {
    white-space: nowrap;
    color: #47ba5b;
    font-weight: 700
}

.product-modal.product-teaser-modal .product-status.status--preorder {
    color: #cc2867
}

.product-modal.product-teaser-modal div.color-selector {
    display: none;
    margin-bottom: 15px
}

.product-modal.product-teaser-modal div.color-selector.shown {
    display: block
}

.product-modal.product-teaser-modal div.color-selector .color-selector {
    margin: 0
}

.product-modal.product-teaser-modal div.color-selector .color-item {
    width: 30px;
    height: 30px;
    margin-bottom: 10px
}

.product-modal.product-teaser-modal div.color-selector .color-item.selected span {
    font-size: 12px;
    top: 0
}

.product-modal.product-teaser-modal .teaser-action-buttons {
    transition: opacity .5s ease-in-out;
    opacity: 1;
    z-index: 1
}

.product-modal.product-teaser-modal .teaser-action-buttons:after {
    content: "";
    display: table;
    clear: both
}

.product-modal.product-teaser-modal .teaser-action-buttons.disabled {
    opacity: .5;
    pointer-events: none
}

.product-modal.product-teaser-modal .teaser-action-buttons .amount {
    float: left;
    margin-right: 25px
}

.product-modal.product-teaser-modal .teaser-action-buttons .text {
    padding-bottom: 0
}

.product-modal.product-teaser-modal .teaser-action-buttons .btn {
    position: static;
    transform: none;
    -ms-transform: none
}

.product-modal.product-teaser-modal .teaser-action-buttons .btn.icon-add-to-cart:before {
    position: relative;
    top: 2px
}

.product-modal.product-teaser-modal .actions {
    opacity: 0;
    position: relative;
    left: auto;
    height: 0;
    transform: none;
    transition: opacity 1s ease-in-out;
    z-index: auto
}

.product-modal.product-teaser-modal div.shown {
    opacity: 1;
    height: auto;
    z-index: 1;
    visibility: visible
}

.product-modal.product-teaser-modal div.hidden {
    opacity: 0;
    height: 0;
    z-index: auto;
    display: none;
    visibility: hidden
}

.product-modal.product-teaser-modal .variant-selector {
    max-width: 350px;
    margin-bottom: 25px
}

.product-modal.product-teaser-modal .select-variant {
    max-height: 300px;
    overflow: scroll
}

.product-modal.product-teaser-modal .subscribe-info-container {
    margin-bottom: 35px
}

.product-modal.product-teaser-modal .subscribe-info-container a {
    text-decoration: underline
}

.product-modal.product-teaser-modal .subscribe-info-container p {
    padding-bottom: 0
}

.product-modal .product-added {
    margin-bottom: 100px
}

.product-teaser-modal .actions:not(.shown) {
    pointer-events: none
}

.products-list.incentive-teasers[data-show-add-to-cart-icon="0"] ul .quick-view-icon {
    display: none
}

.installation-service-datetime-modal .actions,
.installation-service-datetime-modal .grid-row {
    max-width: 960px
}

.installation-service-datetime-modal .actions {
    margin: 30px auto
}

.installation-service-datetime-modal .close-icon {
    top: 1px;
    z-index: 1
}

.installation-service-datetime-modal .content-area {
    position: relative
}

.installation-service-datetime-modal .delivery-intervals {
    margin: auto
}

@media all and (min-width:475px) {

    .product-modal .product-added>h1,
    .product-modal .product-added>h5 {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }

    .product-modal .product .description {
        margin-left: 50px;
        width: calc(100% - 150px)
    }

    .product-modal .product .media {
        margin-top: 20px
    }
}

@media all and (min-width:767px) {
    .product-modal .actions {
        left: 50%;
        position: relative;
        transform: translateX(-26%)
    }

    .installation-service-datetime-modal .actions {
        left: auto;
        transform: none
    }
}

@media all and (max-width:768px) {
    .product-modal .product-added {
        margin-bottom: 50px
    }

    .delivery-day .grid-row .delivery-intervals {
        max-width: 150px;
        margin: auto
    }
}

@media all and (min-width:991px) {
    .product-modal.product-teaser-modal .teaser-area-wrapper .close-icon {
        top: -20px;
        right: -20px
    }

    .product-modal.product-teaser-modal .teaser-area-wrapper .description {
        padding-right: 20px
    }
}

@media all and (max-width:991px) {
    .product-modal.product-teaser-modal .teaser-area {
        display: block
    }

    .product-modal.product-teaser-modal .teaser-area .teaser-area-wrapper {
        padding: 20px 25px 68px
    }

    .product-modal.product-teaser-modal .media,
    .product-modal.product-teaser-modal .description {
        width: 100%;
        float: none;
        padding: 0
    }

    .product-modal.product-teaser-modal .media {
        margin: 20px 0
    }

    .product-modal.product-teaser-modal .description {
        padding-bottom: 68px
    }

    .product-modal.product-teaser-modal .price {
        margin-bottom: 25px
    }

    .product-modal.product-teaser-modal .price+.product-status {
        top: 0
    }

    .product-modal.product-teaser-modal .product-color-buttons {
        position: relative;
        z-index: 1
    }

    .product-modal.product-teaser-modal .product-color-buttons .color-selector-block {
        padding-right: 120px;
        position: relative
    }

    .product-modal.product-teaser-modal .product-color-buttons .color-selector-block .color-delivery {
        white-space: nowrap;
        position: absolute;
        bottom: -20px;
        left: 0
    }

    .product-modal.product-teaser-modal .product-color-buttons .text {
        font-size: 14px;
        text-align: left
    }

    .product-modal.product-teaser-modal .product-color-buttons .teaser-action-buttons {
        margin-top: 10px;
        position: static
    }

    .product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons {
        text-align: center
    }

    .product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .ammount,
    .product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .btn {
        display: inline-block;
        float: none
    }

    .product-modal.product-teaser-modal .product-color-buttons .color-selector.shown+.teaser-action-buttons .amount {
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        text-align: left;
        z-index: 2
    }

    .product-modal.product-teaser-modal .actions {
        max-width: 100%;
        width: 100%;
        height: 0;
        position: static;
        visibility: hidden
    }
}

@media all and (max-width:585px) {
    .product-modal.product-teaser-modal div.color-selector .color-item {
        width: 25px;
        height: 25px;
        margin-right: 7px
    }

    .product-modal.product-teaser-modal div.color-selector .color-item.selected span {
        top: -1px
    }

    .product-modal.product-teaser-modal .teaser-action-buttons {
        text-align: center
    }

    .product-modal.product-teaser-modal .teaser-action-buttons .ammount,
    .product-modal.product-teaser-modal .teaser-action-buttons .btn {
        display: inline-block;
        float: none
    }
}

@media all and (max-width:475px) {
    .product-modal.product-teaser-modal .color-selector-block.shown.multicolor {
        padding-right: 0
    }

    .product-modal.product-teaser-modal .color-selector-block.shown.multicolor+.teaser-action-buttons .amount {
        display: block;
        position: static;
        padding-top: 20px
    }

    .product-modal .actions a:first-child {
        margin-right: 0
    }
}

.product-hotspots {
    position: relative
}

.product-hotspots h4 {
    text-align: left;
    margin-bottom: 10px
}

.product-hotspots .quick-view-icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 100%;
    color: #fff;
    transition: box-shadow 100ms linear;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    background: #e6006b;
    z-index: 1
}

.product-hotspots .quick-view-icon:before {
    line-height: 36px;
    margin: 0
}

.product-hotspots .hotspot-image {
    background-color: #f0f1f0;
    text-align: left;
    line-height: 0
}

.grid-col-md-6 .product-hotspots .hotspot-image {
    background-color: transparent
}

.product-hotspots .hotspot {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility 0s .3s, z-index 0s .3s;
    transition: opacity .3s, visibility 0s .3s, z-index 0s .3s;
    position: absolute;
    text-align: left;
    padding: 25px 30px;
    height: 0;
    width: 345px;
    z-index: 1
}

.product-hotspots .hotspot.open {
    overflow: visible;
    opacity: 1;
    visibility: visible;
    z-index: 5001;
    height: auto
}

.product-hotspots .hotspot:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .85);
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute
}

.product-hotspots .hotspot.product-hero:after {
    background-color: transparent
}

.product-hotspots .hotspot .loading:before {
    display: none
}

.product-hotspots .hotspot-item {
    background-color: #FF88BD;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    width: 36px;
    z-index: 2;
    transform: translate(-50%, -50%);
    position: absolute;
    -webkit-transform: translate(-50%, -50%)
}

@media all and (max-width:991px) {
    .product-hotspots .hotspot-item {
        height: 30px;
        width: 30px
    }
}

.product-hotspots .hotspot-item:after {
    content: "";
    background-color: #fff;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 30%)
}

.product-hotspots .hotspot-item:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    height: calc(100% - 30%);
    transform: translate(-50%, -50%);
    width: 2px
}

.product-hotspots .hotspot-item.hidden {
    overflow: hidden;
    visibility: hidden;
    opacity: 0
}

.product-hotspots .hotspot-item.open {
    background-color: #e5006b
}

.product-hotspots .hotspot-item.open:before,
.product-hotspots .hotspot-item.open:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.product-hotspots .overlay-image {
    -webkit-transition: height .5s ease-in;
    transition: height .5s ease-in;
    overflow: hidden;
    opacity: 0;
    height: 0;
    visibility: hidden
}

@media all and (min-width:767px) {
    .product-hotspots .close-icon {
        display: none
    }

    .product-hotspots .hotspot-item {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
        transition: all .3s ease-in
    }

    .product-hotspots .hotspot-item.open {
        z-index: 5002;
        box-shadow: 0 0 10px -1px rgba(0, 0, 0, .9);
        transition: all .3s ease-in
    }
}

@media all and (max-width:767px) {
    .content-area .content-area .product-hotspots {
        margin: 0 -20px
    }

    .product-hotspots {
        text-align: center
    }

    .product-hotspots .close-icon {
        top: 10px;
        right: 10px
    }

    .product-hotspots .hotspot-image {
        top: 0;
        text-align: center
    }

    .product-hotspots .hotspot {
        max-height: 345px;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) scale(0);
        -webkit-transition: all .5s cubic-bezier(.18, .89, .32, 1.28);
        transition: all .5s cubic-bezier(.18, .89, .32, 1.28)
    }

    .product-hotspots .hotspot.open {
        transform: translate(-50%, -50%) scale(1)
    }

    .product-hotspots .btn-zoom {
        background-color: #FF88BD;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        height: 36px;
        width: 36px;
        z-index: 2
    }
}

@media all and (max-width:767px)and (max-width:991px) {
    .product-hotspots .btn-zoom {
        height: 30px;
        width: 30px
    }
}

.subscription-devices {
    position: relative
}

.subscription-devices.loading:before {
    top: 50%;
    height: 40px
}

.subscription-devices form {
    max-width: 960px;
    margin: 0 auto;
    text-align: center
}

.subscription-devices .btn {
    margin-top: 20px
}

.subscription-devices .list-item {
    border: 2px solid #dcdcdc;
    display: flex;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 10px;
    background-color: #f8faf9
}

.subscription-devices .list-item.selected {
    background-color: #fff
}

.subscription-devices .device-img img {
    float: right;
    height: 130px;
    width: calc(170px - 30px)
}

.subscription-devices .description {
    text-align: center
}

.subscription-devices .device-description {
    text-align: left;
    padding-left: 35px;
    width: calc(100% - 170px)
}

.subscription-devices .device-description h3 {
    text-align: left
}

.subscription-devices input[type=radio] {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #878c8f;
    box-shadow: 0 2px 2px -1px #878c8f;
    display: inline-block;
    height: 20px;
    outline: none;
    margin-left: 0;
    margin: 0 8px 0 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 20px;
    -webkit-appearance: none
}

.subscription-devices input[type=radio]:checked {
    border: 1px solid #FF88BD
}

.subscription-devices input[type=radio]:checked:before {
    background: #FF88BD;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.subscription-devices .error {
    color: #FF88BD;
    display: none
}

.subscription-devices .error,
.subscription-devices .empty-subscription-devices {
    margin: 20px auto 0;
    text-align: center;
    max-width: 960px;
    padding-bottom: 0
}

@media all and (max-width:1199px) {
    .subscription-devices .list-item {
        width: 100%
    }
}

@media all and (max-width:475px) {
    .subscription-devices label {
        position: absolute;
        left: 13px
    }

    .subscription-devices .device-description {
        text-align: center;
        padding-left: 0;
        width: 100%
    }

    .subscription-devices .device-description h3 {
        text-align: center
    }

    .subscription-devices .list-item {
        position: relative;
        display: inline-block
    }

    .subscription-devices .list-item .device-img {
        display: inline-block
    }
}

.delivery-day {
    position: relative
}

.delivery-day.loading:before {
    top: 50%;
    height: 40px
}

.delivery-day>h2,
.delivery-day>p,
.delivery-day>.notice {
    max-width: 960px;
    margin: 0 auto;
    text-align: center
}

.delivery-day>h2 {
    margin-bottom: 30px
}

.delivery-day .actions {
    margin-top: 30px;
    text-align: center
}

.delivery-day .error-message {
    color: #FF88BD;
    display: none;
    text-align: center;
    width: 100%
}

.delivery-day .hint {
    margin-top: 30px;
    text-align: center;
    width: 100%
}

.delivery-day .grid-row {
    margin-top: 40px
}

.delivery-day .grid-col {
    padding: 0 25px
}

.delivery-day .grid-col:first-child {
    display: flex;
    justify-content: center;
    align-items: center
}

.delivery-day label {
    display: block;
    margin-bottom: 15px
}

.delivery-day input[type=radio] {
    background: #fff;
    border: 1px solid #878c8f;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin: 0 8px 0 0;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

.delivery-day input[type=radio]:checked:before {
    background: #878c8f;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.delivery-day .delivery-intervals__title {
    font-family: cerapro-bold, 'sans-serif'
}

.calendar-module {
    display: inline-block
}

@media all and (max-width:768px) {
    .delivery-day form {
        max-width: 414px;
        margin: 0 auto
    }

    .delivery-day .grid-col:first-child {
        margin-bottom: 20px
    }
}

@media all and (max-width:585px) {
    .calendar-module .ui-datepicker-calendar td {
        padding-left: 12px;
        padding-right: 12px
    }

    .delivery-day .grid-row {
        margin-top: 20px
    }

    .delivery-day .grid-col {
        margin-top: 30px;
        flex-basis: 100%
    }

    .delivery-day .calendar-module {
        padding: 0
    }
}

.subscriptions-overview {
    max-width: 960px;
    margin: 0 auto;
    position: relative
}

.subscriptions-overview h1 {
    margin-bottom: 40px
}

.subscriptions-overview>p {
    text-align: center;
    margin-bottom: 20px
}

.subscriptions-overview a {
    text-decoration: none
}

.subscriptions-overview .calendar-module {
    max-width: 426px;
    margin: 0 auto
}

.subscriptions-overview.loading::before {
    top: 50%;
    height: 40px
}

@media(max-width:1280px)and (min-width:641px) {
    .subscriptions-overview .content-area {
        margin: 0
    }
}

.subscriptions-overview .content-area {
    position: relative
}

.subscriptions-overview .content-area.loading:before {
    width: calc(100% - 170px)
}

.subscriptions-overview .prices-hint {
    margin-top: 15px;
    text-align: center
}

.subscriptions-overview .loadmore-wrapper {
    text-align: center;
    margin-top: 20px
}

.subscription-table .product-label,
.subscription-table .date,
.subscription-table .device-label,
.subscription-table .action-label {
    font-family: cerapro-bold;
    font-size: 15px;
    letter-spacing: -.4px
}

.subscription-table .subscription-row>h5,
.subscription-table .subscription-row>div {
    border: 1px solid #cecece;
    padding: 5px 10px;
    text-align: left
}

.subscription-table .product-name {
    align-items: center;
    display: flex
}

.subscription-table .product-name .description-label {
    width: calc(100% - 50px)
}

.subscription-table .product-name .description-label h5,
.subscription-table .product-name .description-label p {
    margin-left: 26px;
    padding-bottom: 0;
    text-align: left
}

.subscription-table .product-name .description-label p {
    font-size: 14px;
    font-family: cerapro-regular
}

.subscription-table .product-name .description-label h5 {
    font-size: 18px
}

.subscription-table .last-date,
.subscription-table .next-date,
.subscription-table .device,
.subscription-table .subscription-actions {
    align-items: center;
    display: flex
}

.subscription-table .image-label {
    display: inline-block
}

.subscription-table .image-label .lazy-loading {
    height: 70px;
    width: 70px
}

.subscription-table .hidden--desktop {
    display: none
}

.subscription-table .close-wrapper {
    display: none;
    padding: 18px;
    position: relative;
    height: 100%;
    width: 100%
}

.subscription-table .close-wrapper>span {
    font-size: 14px
}

.subscription-table .close-icon {
    display: inline-flex
}

.subscription-table .subscription-actions {
    padding: 0 !important;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.subscription-table .subscription-actions>a {
    padding: 15px;
    font-size: 14px;
    position: relative;
    height: 100%;
    width: 100%
}

.subscription-table .subscription-actions>a+a {
    border-top: 1px solid #cecece
}

.subscription-table .subscription-actions>a span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%
}

.subscription-table .subscription-actions>a span:before {
    content: "";
    float: right;
    font-size: 12px;
    margin-top: 5px
}

.subscription-table .subscription-actions.open>span,
.subscription-table .subscription-actions.open>a {
    display: none
}

.subscription-table .subscription-actions.open .close-wrapper {
    align-items: center;
    display: flex
}

.subscription-table .subscription-row>.grid-col-sm-16 {
    height: 140px
}

.subscription-table .actions {
    margin-top: 30px;
    text-align: center
}

.subscription-table .text {
    font-family: cerapro-regular;
    font-size: 14px;
    padding-bottom: 0;
    text-align: center;
    width: 100%
}

.subscription-table .subtitle {
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 14px
}

.subscription-table .advantages-list ul {
    padding: 0
}

.subscription-table .advantages-list li {
    padding-left: 25px;
    position: relative;
    list-style-type: none
}

.subscription-table .advantages-list li:before {
    content: "";
    color: #FF88BD;
    position: absolute;
    left: 0;
    top: 5px
}

@media all and (min-width:769px) {
    .subscription-table .subscription-cancellation .grid-col-md-8:first-of-type button {
        float: left
    }

    .subscription-table .subscription-cancellation .grid-col-md-8:last-of-type button {
        float: right
    }
}

.content-area.empty-list {
    max-width: 960px
}

.content-area.empty-list p {
    text-align: center
}

@media all and (min-width:767px) {

    .subscription-table .subscription-row .product-label,
    .subscription-table .subscription-row .product-name {
        flex: 0 0 30%;
        max-width: 30%
    }

    .subscription-table .subscription-row .date,
    .subscription-table .subscription-row .device-label,
    .subscription-table .subscription-row .last-date,
    .subscription-table .subscription-row .next-date,
    .subscription-table .subscription-row .device {
        flex: 0 0 16%;
        max-width: 16%
    }

    .subscription-table .subscription-row .action-label,
    .subscription-table .subscription-row .subscription-actions {
        flex: 0 0 22%;
        max-width: 22%
    }

    .subscription-table .product-label,
    .subscription-table .date,
    .subscription-table .device-label,
    .subscription-table .action-label {
        background-color: #f7f9f8
    }

    .subscription-table .content-area {
        border: 1px solid #cecece;
        padding: 30px 85px;
        width: 100%
    }

    .subscription-table .content-area h3 {
        font-size: 24px;
        letter-spacing: .5px;
        margin-bottom: 30px
    }

    .subscription-table .content-area .actions {
        margin-top: 30px;
        text-align: center
    }

    .subscription-table .delivery-intervals {
        margin: 0 auto
    }
}

.change-shipping-address .field-submit-button {
    display: none
}

.change-shipping-address .form-actions {
    text-align: center
}

.change-shipping-address .form-actions>a {
    margin: 0 60px
}

@media all and (max-width:768px) {
    .subscription-table .subscription-cancellation .grid-col-md-8 {
        display: block;
        width: 100%
    }

    .subscription-table .subscription-cancellation .grid-col-md-8+.grid-col-md-8 {
        margin-top: 20px
    }
}

@media all and (max-width:767px) {
    .subscription-table {
        border: 1px solid #cecece
    }

    .subscription-table .subscription-row {
        border-top: 1px solid #cecece
    }

    .subscription-table .subscription-row>h5,
    .subscription-table .subscription-row>div {
        border: 0
    }

    .subscription-table .content-area {
        border-bottom: 1px solid #cecece;
        margin: 0;
        padding: 30px
    }

    .subscription-table .content-area.loading:before {
        width: calc(100% - 60px)
    }

    .subscription-table .calendar-module {
        padding: 0
    }

    .subscription-table .delivery-intervals {
        max-width: initial
    }

    .subscription-table .product-label {
        background-color: #f7f9f8
    }

    .subscription-table .subscription-row>div {
        border: none
    }

    .subscription-table .subscription-row>.last-date,
    .subscription-table .subscription-row>.next-date,
    .subscription-table .subscription-row>.device {
        padding: 15px
    }

    .subscription-table .subscription-row .product-label,
    .subscription-table .subscription-row .product-name,
    .subscription-table .subscription-row .device {
        border-bottom: 1px solid #cecece
    }

    .subscription-table .subscription-row:nth-child(odd) .product-name,
    .subscription-table .subscription-row:nth-child(odd) .last-date,
    .subscription-table .subscription-row:nth-child(odd) .next-date,
    .subscription-table .subscription-row:nth-child(odd) .device {
        background-color: #f7f9f8
    }

    .subscription-table .subscription-row:nth-child(even) .date,
    .subscription-table .subscription-row:nth-child(even) .device-label {
        background-color: #f7f9f8
    }

    .subscription-table .date,
    .subscription-table .device-label,
    .subscription-table .action-label {
        display: none
    }

    .subscription-table .last-date,
    .subscription-table .next-date,
    .subscription-table .device {
        display: block
    }

    .subscription-table .last-date .hidden--desktop,
    .subscription-table .next-date .hidden--desktop,
    .subscription-table .device .hidden--desktop {
        display: block;
        margin-bottom: 10px;
        text-align: left;
        width: 100%
    }

    .subscription-table .subscription-row .product-label {
        padding: 8px 18px;
        width: 100%
    }

    .subscription-table .subscription-actions {
        border-bottom: 1px solid #cecece !important
    }

    .subscription-table .subscription-actions>a:before,
    .subscription-table .subscription-actions>span:before {
        float: none;
        left: 90%;
        margin-top: 0;
        position: relative
    }

    .subscription-table .subscription-row:nth-child(even) .subscription-actions {
        border-bottom: 1px solid #cecece
    }

    .subscription-table .subscription-row:nth-child(odd) .subscription-actions {
        background-color: #f7f9f8
    }

    .subscription-table .text {
        text-align: left
    }

    .subscription-table .subscription-row>.grid-col-sm-16 {
        min-height: 100px
    }
}

@media all and (max-width:475px) {
    .calendar-module .ui-datepicker-calendar td {
        padding-left: 9px;
        padding-right: 9px
    }
}

.color-selector+.size-selector {
    margin-top: -15px
}

.product-name+.size-selector {
    margin-top: 5px
}

.size-selector {
    margin-bottom: 10px;
    position: relative;
    max-width: 220px
}

.size-selector .size-select {
    width: 162px
}

.size-selector .text {
    font-size: 14px
}

.size-selector .selectbox {
    background-color: #f7f9f7;
    border: 1px solid #8e8e8e;
    color: #65695e;
    font-family: cerapro-regular, "sans-serif";
    font-size: 16px;
    outline: none;
    width: 100%;
    z-index: 9;
    padding: 10px
}

.size-selector .selectbox-button {
    display: block;
    position: relative
}

.size-selector .selectbox-button:before {
    content: '';
    display: block;
    width: 13px;
    height: 8px;
    position: absolute;
    background-image: url(/assets/assets/icons/select-arrow.svg);
    right: 10px;
    top: 8px;
    transition: transform .2s ease
}

.size-selector .selectbox-button:focus {
    outline: 0
}

.size-selector .state-open+.selectbox-button:before {
    transform: rotate(-180deg)
}

.selectbox-list-box.size-selector-flyout .selectbox-list .selectbox-list-item[aria-disabled=true] {
    display: block;
    opacity: .4
}

.admin.content-area {
    max-width: initial
}

.admin .subscriptions-search {
    margin: 27px;
    margin-top: 80px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start
}

.admin .subscriptions-search input {
    border: 1px solid #e2e3e5;
    box-shadow: 0 0 5px 1px #f0f0f0;
    /* color: #666b6e; */
    display: inline-block;
    height: 43px;
    font-size: 16px;
    padding: 10px;
    outline: none;
    outline-color: transparent;
    width: 350px;
    margin-right: 15px
}

.admin .subscriptions-search button {
    padding: 8px 18px;
    border-radius: 0;
    margin-bottom: 0
}

.admin .icon--search:before {
    font-size: 22px
}

.admin .btn-loadmore {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    display: table
}

.admin .gift-cards-list,
.admin .subscriptions-list {
    margin: 22px;
    margin-top: 50px;
    position: relative
}

.admin .gift-cards-list.loading::before,
.admin .subscriptions-list.loading::before {
    top: 50%;
    height: 40px;
    transform: translateY(-50%)
}

.admin .gift-cards-export {
    width: 20%;
    margin: 26px
}

.admin table {
    width: 100%
}

.admin thead th {
    padding: 22px;
    font-weight: 700
}

.admin thead th[data-sort] {
    cursor: pointer
}

.admin thead th[data-sort] span {
    border-bottom: dashed;
    border-bottom-width: 1px
}

.admin thead th[data-sort].asc span::after {
    content: " ⇑"
}

.admin thead th[data-sort].desc span::after {
    content: " ⇓"
}

.admin tbody td {
    padding: 22px
}

@media all and (max-width:768px) {

    .gift-cards-list,
    .subscriptions-list {
        overflow-x: scroll
    }
}

.slick-lightbox.full-slider .slick-lightbox-inner {
    box-sizing: border-box;
    padding: 65px 0;
    overflow-y: inherit;
    max-width: 1440px
}

.slick-lightbox.full-slider .slick-lightbox-inner .slick-slide {
    display: flex;
    align-items: center
}

@media all and (max-width:767px)and (orientation:landscape) {
    .slick-lightbox.full-slider .slick-lightbox-inner .slick-slide .slick-lightbox-slick-item-inner {
        width: 60%
    }
}

.slick-lightbox.full-slider .slick-lightbox-inner button.slick-prev,
.slick-lightbox.full-slider .slick-lightbox-inner button.slick-next {
    background-color: transparent;
    box-shadow: none;
    text-shadow: none
}

.slick-lightbox.full-slider .slick-lightbox-inner button.slick-prev:before,
.slick-lightbox.full-slider .slick-lightbox-inner button.slick-next:before {
    content: "";
    border: 0;
    /* color: #666b6e; */
    font-size: 25px;
    height: auto;
    opacity: 1;
    width: auto
}

.slick-lightbox.full-slider .slick-lightbox-inner button.slick-next:before {
    -moz-transform: none;
    -webkit-transform: none;
    transform: none
}

@media all and (max-width:585px) {
    .slick-lightbox.full-slider .slick-lightbox-inner button.slick-next:before {
        margin-left: 0
    }
}

.slick-lightbox.full-slider .slick-lightbox-inner button.slick-prev:before {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media all and (max-width:585px) {
    .slick-lightbox.full-slider .slick-lightbox-inner button.slick-prev:before {
        margin-left: 0
    }
}

.slick-lightbox.full-slider .slick-lightbox-inner .slick-active:focus {
    outline: 0
}

@media all and (max-width:767px)and (orientation:landscape) {
    .slick-lightbox.full-slider .slick-lightbox-close {
        top: 20px
    }
}

.giftcard-wrapper {
    position: relative;
    background-color: #fff;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.giftcard-overlay.hidden {
    opacity: 0;
    z-index: auto;
    display: none;
    visibility: hidden
}

.giftcard-overlay form {
    background-color: #fff;
    padding: 0
}

.giftcard-overlay h2 {
    margin-bottom: 25px
}

.giftcard-overlay h2,
.giftcard-overlay h3 {
    text-align: left
}

.giftcard-overlay h3 {
    margin-bottom: 25px;
    font-size: 24px
}

.giftcard-overlay .form__field {
    margin-bottom: 25px
}

.giftcard-overlay .form__field__input__area {
    height: 130px
}

.giftcard-overlay .form__field__input__area.focused:before {
    border-top: 1px solid transparent
}

.giftcard-overlay .form__field__input__area textarea {
    padding-top: 0;
    height: calc(100% - 20px);
    bottom: 0
}

.giftcard-overlay .form__field__input__area label {
    z-index: 4
}

.giftcard-overlay .form__field--radio__box {
    width: auto;
    height: auto;
    border-radius: inherit;
    background-color: transparent
}

.giftcard-overlay .form__field--radio__box .form__field__input:last-of-type {
    margin-bottom: 0
}

.giftcard-overlay .form__field--radio {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%
}

.giftcard-overlay .form__field--radio+.form__field--radio {
    margin-bottom: 0
}

.giftcard-overlay .form__field--radio .text {
    display: none
}

.giftcard-overlay .form__field--radio input[type=radio] {
    cursor: pointer;
    visibility: visible;
    border: 1px solid #878c8f;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    background: #fff;
    margin-left: 0;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

.giftcard-overlay .form__field--radio input[type=radio]:checked:after {
    background: #878c8f;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    border-radius: 50%
}

.giftcard-overlay .form__field--radio input[type=radio]:checked+label {
    font-weight: 700
}

.giftcard-overlay .form__field--radio input[type=radio]:checked~.text {
    display: block
}

.giftcard-overlay .form__field--radio label {
    display: inline-block;
    vertical-align: middle
}

.giftcard-overlay .text>span {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px
}

.giftcard-overlay .text>span+div {
    margin-top: 20px
}

.giftcard-overlay input.datepicker {
    padding-left: 40px
}

.giftcard-overlay input.datepicker+label {
    left: 40px
}

.giftcard-overlay .datepicker-icon {
    left: 6px
}

.giftcard-overlay .form--submit {
    margin-top: 0
}

.giftcard-overlay .form--submit button[type=submit] {
    float: right
}

.giftcard-overlay .form--submit p {
    color: #FF88BD;
    font-size: 14px;
    margin-top: 5px;
    padding-bottom: 0
}

.giftcard-overlay .form__field__input.focused {
    box-shadow: 0 0 2px 0 #8e8e8e
}

.giftcard-overlay .back-button {
    float: left
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.preview-giftcard.shown {
    opacity: 1;
    height: auto;
    visibility: visible
}

.preview-giftcard.hidden {
    opacity: 0;
    height: 0;
    z-index: auto;
    display: none;
    visibility: hidden
}

.preview-giftcard h1 {
    margin-bottom: 40px
}

.preview-giftcard .grid-row:first-of-type .text {
    font-size: 18px
}

.preview-giftcard .grid-row:last-of-type .text {
    text-align: center
}

.preview-giftcard .code {
    color: #fff;
    display: inline-block;
    background-color: #f5b6c7;
    padding: 3px 30px;
    font-size: 35px;
    font-family: cerapro-bold, 'sans-serif';
    -webkit-box-shadow: 0 0 10px 0 #d3d3d3;
    -moz-box-shadow: 0 0 10px 0 #d3d3d3;
    box-shadow: 0 0 10px 0 #d3d3d3
}

.preview-giftcard .giftcard-price {
    font-family: open sans, "sans-serif";
    font-weight: 700;
    font-size: 55px;
    margin-top: 26px
}

.preview-giftcard .giftcard-voucher {
    margin-top: 20px;
    margin-bottom: 36px
}

.preview-giftcard .link {
    display: block;
    margin-top: 20px
}

.preview-giftcard .btn--cherry {
    float: right
}

.preview-giftcard .giftcard-message {
    white-space: pre-line
}

.preview-giftcard .preview-giftcard-info {
    margin-top: 20px
}

.product-information.giftcard-open .product-name,
.product-information.giftcard-open .product-wrapper,
.product-information.giftcard-open .price-hint,
.product-information.giftcard-open .product-old-price,
.product-information.giftcard-open .amount,
.product-information.giftcard-open .product-usps,
.product-information.giftcard-open .amount+.btn,
.product-information.giftcard-open .product-wrapper+.btn,
.product-information.giftcard-open .product-number,
.product-information.giftcard-open .product-subscription,
.product-information.giftcard-open .variants-selector,
.product-information.giftcard-open .variants-selector+.btn {
    display: none
}

@media all and (max-width:414px) {

    .giftcard-overlay,
    .preview-giftcard {
        width: 100%
    }

    .giftcard-overlay .form--submit--wrapper {
        text-align: center;
        margin-top: 20px
    }

    .giftcard-overlay .form--submit--wrapper .back-button {
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 15px
    }

    .giftcard-overlay .form--submit--wrapper button[type=submit] {
        float: none
    }

    .preview-giftcard .grid-row:nth-child(2) {
        text-align: center
    }

    .preview-giftcard .grid-row:nth-child(2) .grid-col-sm-16:first-of-type {
        order: 1
    }

    .preview-giftcard .btn--cherry {
        float: none
    }
}

@media all and (min-width:568px)and (max-width:812px) {
    .preview-giftcard .grid-row:nth-child(2) .grid-col-sm-16 {
        flex: 0 0 50%
    }
}

@media all and (max-width:812px) {
    .preview-giftcard {
        height: auto
    }

    .preview-giftcard .code {
        font-size: 20px
    }
}

@media all and (max-width:768px) {
    .giftcard-wrapper {
        margin-bottom: 40px;
        margin-top: 30px
    }
}

@media all and (max-width:1024px)and (min-width:768px) {
    .giftcard-wrapper {
        width: calc(100% - 30px)
    }
}

@media all and (max-width:1024px) {
    .preview-giftcard h1 {
        font-size: 40px;
        margin-bottom: 30px
    }

    .preview-giftcard h3 {
        font-size: 22px
    }

    .preview-giftcard .giftcard-price {
        font-size: 35px;
        margin-top: 20px
    }

    .preview-giftcard .code {
        font-size: 25px;
        word-break: break-all
    }
}

.personalized-gift-card {
    margin-top: 30px
}

.personalized-gift-card p.info-text {
    padding-bottom: 10px
}

.personalized-gift-card .personalize-btn a {
    text-decoration: underline
}

.gift-card-personalization.bwt-popup {
    text-align: left
}

.gift-card-personalization.bwt-popup .redirect-overlay {
    max-width: 1280px;
    width: calc(100% - 50px);
    height: auto;
    background-color: #fff;
    padding: 40px
}

.gift-card-personalization.bwt-popup .slider-container {
    width: 100%;
    margin-bottom: 30px;
    position: relative
}

.gift-card-personalization.bwt-popup form {
    width: 100%
}

.gift-card-personalization.bwt-popup form .form--submit {
    margin-top: 30px
}

.gift-card-personalization.bwt-popup .giftcard-overlay .form--submit p {
    margin-bottom: 20px
}

.gift-card-personalization.bwt-popup .slick-list {
    padding-bottom: 0
}

.gift-card-personalization.bwt-popup .thumbnails-slider {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    max-width: 88px;
    left: 15px;
    z-index: 1;
    max-height: 640px;
    position: absolute
}

.gift-card-personalization.bwt-popup .thumbnails-slider .slick-disabled {
    display: none !important
}

.gift-card-personalization.bwt-popup .thumbnails-slider .slick-arrow {
    transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    background-color: transparent;
    box-shadow: none;
    height: 30px;
    left: 50%;
    margin-top: 0;
    opacity: .7
}

.gift-card-personalization.bwt-popup .thumbnails-slider .slick-prev {
    top: -35px
}

.gift-card-personalization.bwt-popup .thumbnails-slider .slick-next {
    top: 100%
}

.gift-card-personalization.bwt-popup .thumbnails-slider .slick-slide {
    border: 0
}

.gift-card-personalization.bwt-popup .thumbnails-slider button.slick-next:before,
.gift-card-personalization.bwt-popup .thumbnails-slider button.slick-prev:before {
    border-top: .3em solid #8e8e8e;
    border-right: .3em solid #8e8e8e
}

.gift-card-personalization.bwt-popup .thumbnails-slider .slick-current,
.gift-card-personalization.bwt-popup .thumbnails-slider .product-summary .thumbnails-slider .slick-slide:focus {
    outline: 2px solid #666b6e
}

.gift-card-personalization.bwt-popup .thumbnails-slider .image {
    background-color: #fff;
    margin: 2px;
    height: 80px;
    padding: 7px;
    width: 80px !important
}

.gift-card-personalization.bwt-popup .product-slider {
    max-height: 640px;
    margin-bottom: 0 !important
}

.gift-card-personalization.bwt-popup .product-slider .image {
    pointer-events: none
}

.gift-card-personalization.bwt-popup .product-slider .image img.first {
    min-height: 480px
}

.gift-card-personalization.bwt-popup .product-slider .image img {
    width: 100%
}

@media all and (min-width:1200px) {

    .gift-card-personalization.bwt-popup .product-slider button.slick-prev,
    .gift-card-personalization.bwt-popup .product-slider button.slick-next {
        display: none !important
    }
}

@media all and (max-width:1199px) {
    .gift-card-personalization.bwt-popup .redirect-overlay {
        width: calc(100% - 50px)
    }

    .gift-card-personalization.bwt-popup .redirect-overlay .thumbnails-slider {
        display: none
    }
}

@media all and (min-width:769px) {
    .gift-card-personalization.bwt-popup .giftcard-overlay .slider-container {
        float: left;
        width: calc(50% - 25px);
        margin-right: 25px;
        margin-bottom: 0
    }

    .gift-card-personalization.bwt-popup .giftcard-overlay .product-slider .image img {
        width: 100%
    }

    .gift-card-personalization.bwt-popup .giftcard-overlay form {
        float: right;
        width: calc(50% - 25px);
        margin-left: 25px
    }
}

@media(max-width:1023px) {
    .gift-card-personalization.bwt-popup {
        padding: 0
    }

    .gift-card-personalization.bwt-popup .close-icon {
        right: 10px;
        top: 10px
    }
}

@media all and (max-width:768px) {
    .gift-card-personalization.bwt-popup .redirect-overlay {
        padding: 0;
        width: 100%
    }

    .gift-card-personalization.bwt-popup .redirect-overlay .product-slider {
        width: 100vw
    }

    .gift-card-personalization.bwt-popup .redirect-overlay form {
        padding: 10px 20px 20px
    }
}

.subscription {
    position: relative
}

.subscription--loading {
    padding: 0 0 120px
}

.subscription--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3) url(/assets/assets/images/spinner.gif) center center no-repeat
}

.subscription--error .subscription__error {
    display: block
}

.subscription__device,
.subscription__product,
.subscription__interval,
.subscription__summary,
.subscription__error {
    margin: 20px 0
}

.subscription__error {
    display: none
}

.subscription__error p {
    font-size: 24px;
    text-align: center;
    color: #971033
}

.subscription__summary ul {
    padding: 0;
    list-style: none
}

.subscription__summary hr {
    height: 1px;
    background-color: #e1e3e4;
    color: #e1e3e4;
    border: none
}

.subscription__summary .subscription__price {
    position: relative;
    margin: 10px 0 0
}

@media all and (max-width:768px) {
    .subscription__summary .subscription__price {
        margin: 10px 0 20px
    }
}

.subscription__summary .subscription__price p {
    position: absolute;
    top: -12px;
    text-decoration: line-through
}

.subscription__summary .subscription__price p+h2 {
    color: #e5006b
}

.subscription__summary .subscription__price h2 {
    font-family: cerapro-bold, 'sans-serif';
    display: inline-block;
    text-align: left
}

.subscription__summary .subscription__price span {
    font-family: cerapro-regular, 'sans-serif';
    position: relative;
    top: 3px;
    font-size: 14px;
    line-height: 16px;
    color: #b5b9bb
}

.subscription__summary .subscription__submit {
    width: 100%
}

.subscription__section--hidden {
    display: none
}

.subscription__wrapper {
    position: relative
}

.subscription__wrapper .amount {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%)
}

.subscription__wrapper .amount.disabled {
    display: none
}

@media all and (max-width:768px) {
    .subscription__wrapper .amount {
        position: static;
        transform: none
    }
}

.subscription__wrapper .amount::selection {
    background-color: transparent
}

.subscription__wrapper .amount input,
.subscription__wrapper .amount span {
    background-color: transparent
}

.subscription__wrapper .amount input::selection,
.subscription__wrapper .amount span::selection {
    background-color: transparent
}

.pre-subscription__section--hidden {
    display: none
}

.pre-subscription .custom-radio__wrapper {
    margin: 20px 0
}

@media all and (max-width:585px) {
    .pre-subscription .custom-radio__wrapper {
        margin: 20px -20px
    }
}

.pre-subscription .custom-radio__wrapper .custom-radio input[type=radio]:not(:checked)+.custom-radio__option .amount {
    display: none
}

.pre-subscription .amount {
    margin: 0 0 0 10px;
    white-space: nowrap
}

@media(max-width:640px) {
    .pre-subscription .amount .wrapper {
        width: 42px
    }

    .pre-subscription .amount .btn-minus,
    .pre-subscription .amount .btn-plus {
        font-size: 28px
    }
}

.pre-subscription .amount::selection {
    background-color: transparent
}

.pre-subscription .amount input,
.pre-subscription .amount span {
    background-color: transparent
}

.pre-subscription .amount input::selection,
.pre-subscription .amount span::selection {
    background-color: transparent
}

.custom-select {
    position: relative;
    width: 100%;
    min-height: 80px;
    border: 2px solid #e2e3e5;
    cursor: pointer;
    user-select: none
}

.custom-select--init:before {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 20px;
    font-weight: 700;
    content: "";
    transform: translateY(-50%);
    transition: all .4s ease;
    pointer-events: none
}

.custom-select--init .custom-select__selected .custom-select__option .custom-select__text {
    padding-right: 40px
}

@media all and (min-width:769px) {
    .custom-select--w-amount .custom-select__selected .custom-select__option .custom-select__text {
        padding-right: 160px
    }
}

.custom-select--open:before {
    transform: rotate(180deg) translateY(50%)
}

.custom-select--open .custom-select__dropdown {
    max-height: 320px;
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.custom-select__selected {
    display: block
}

.custom-select__selected .custom-select__option {
    background-color: #f7f9f7
}

.custom-select__dropdown {
    position: absolute;
    top: 100%;
    left: -2px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 7;
    background-color: #fff;
    border: 2px solid #e2e3e5;
    border-top: none;
    box-sizing: content-box;
    transition: all .4s ease;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.custom-select__option {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e2e3e5
}

.custom-select__option:last-of-type {
    border-bottom: none
}

.custom-select__option:hover {
    background-color: #f7f9f7
}

.custom-select__option--selected {
    background-color: #f7f9f7;
    pointer-events: none
}

.custom-select__option .custom-select__img {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f9f7
}

.custom-select__option .custom-select__img .icon {
    font-size: 40px;
    line-height: 0
}

.custom-select__option .custom-select__img img {
    max-height: 100%
}

.custom-select__option .custom-select__text {
    width: calc(100% - 80px);
    padding: 10px
}

.custom-select__option .custom-select__text h4 {
    text-align: left;
    font-size: 16px
}

.custom-select__option .custom-select__text p {
    padding-bottom: 0;
    font-size: 12px
}

.custom-radio {
    display: block;
    position: relative
}

.custom-radio--w-amount .grid-row .grid-col {
    width: 100%;
    flex-basis: 100%
}

.custom-radio--w-amount input[type=radio]:checked+.custom-radio__option .grid-row .grid-col {
    width: calc(100% - 120px);
    flex-basis: calc(100% - 120px)
}

@media(max-width:640px) {
    .custom-radio--w-amount input[type=radio]:checked+.custom-radio__option .grid-row .grid-col {
        width: calc(100% - 90px);
        flex-basis: calc(100% - 90px)
    }
}

.custom-radio--w-amount input[type=radio]:checked+.custom-radio__option .grid-row .grid-col+.grid-col {
    width: 120px;
    flex-basis: 120px
}

@media(max-width:640px) {
    .custom-radio--w-amount input[type=radio]:checked+.custom-radio__option .grid-row .grid-col+.grid-col {
        width: 90px;
        flex-basis: 90px
    }
}

.custom-radio input[type=radio] {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #878c8f;
    border-radius: 50%;
    box-shadow: 0 2px 2px -1px #878c8f;
    outline: none;
    -webkit-appearance: none;
    z-index: 1;
    transform: translateY(-50%)
}

.custom-radio__option {
    display: block;
    position: relative;
    padding: 10px 10px 10px 40px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px
}

.custom-radio__option h4 {
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis
}

.custom-radio__option p {
    padding-bottom: 0;
    font-size: 14px
}

.custom-radio input[type=radio]:checked:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    content: "";
    border-radius: 50%;
    /* background-color: #666b6e; */
    transform: translate(-50%, -50%)
}

.custom-radio input[type=radio]:checked+.custom-radio__option {
    background-color: #fff;
    border: 1px solid #FF88BD;
    box-shadow: 0 0 6px 0 #FF88BD
}

.custom-radio__wrapper {
    padding: 10px 20px;
    background-color: #f7f8f8
}

.custom-date {
    margin: 20px 0
}

.custom-date--narrow {
    max-width: 300px
}

.custom-date--in-popup {
    margin: 20px -80px;
    padding: 10px 80px;
    background-color: #efefef
}

.custom-date--in-popup .custom-date__inner {
    max-width: 300px;
    margin: 0 auto
}

.custom-date--in-popup .custom-date__field:last-of-type:before {
    content: ""
}

.custom-date--in-popup .custom-date__field:last-of-type:before {
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    color: #5f6062;
    font-size: 20px;
    line-height: 0;
    transform: translateY(-50%)
}

.custom-date--in-popup .custom-date__tooltip,
.custom-date--in-popup .custom-date__error {
    padding: 0 !important;
    text-align: left
}

.custom-date--in-popup h3 {
    display: none
}

.custom-date--error .custom-date__input {
    border-color: #eb4e91 !important;
    color: #eb4e91 !important
}

.custom-date--error .custom-date__error {
    display: block
}

.custom-date h3 {
    text-align: left
}

.custom-date p {
    margin: 10px 0;
    padding: 0;
    font-size: 14px
}

.custom-date__title {
    font-size: 16px
}

.custom-date__row {
    display: flex
}

.custom-date__field {
    position: relative;
    flex: 2;
    margin: 0 5px
}

.custom-date__field:nth-of-type(3) {
    flex: 3
}

.custom-date__field label {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
    transition: all .2s ease;
    pointer-events: none
}

.custom-date__input {
    text-align: center
}

.custom-date__input:focus+label,
.custom-date__input:valid+label {
    top: 3px;
    bottom: auto;
    font-size: 12px;
    color: #afafb0
}

.custom-date__tooltip {
    color: #afafb0
}

.custom-date__error {
    display: none;
    color: #eb4e91
}

@font-face {
    font-family: CeraPRO-Black;
    src: url(/assets/assets/fonts/CeraPRO/CeraPro-Black.ttf) format("truetype"), url(/assets/assets/fonts/CeraPRO/CeraPro-Black.eot), url(/assets/assets/fonts/CeraPRO/CeraPro-Black.eot) format("embedded-opentype"), url(/assets/assets/fonts/CeraPRO/CeraPro-Black.woff) format("woff"), url(/assets/assets/fonts/CeraPRO/CeraPro-Black.woff2) format("woff2"), url(/assets/assets/fonts/CeraPRO/CeraPro-Black.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: CeraStencilPRO_Thin;
    src: url("/assets/assets/fonts/Cera Stencil Pro/CeraStencilPRO_Thin.ttf") format("truetype"), url("/assets/assets/fonts/Cera Stencil Pro/CeraStencilPRO_Thin.eot"), url("/assets/assets/fonts/Cera Stencil Pro/CeraStencilPRO_Thin.eot") format("embedded-opentype"), url("/assets/assets/fonts/Cera Stencil Pro/CeraStencilPRO_Thin.woff") format("woff"), url("/assets/assets/fonts/Cera Stencil Pro/CeraStencilPRO_Thin.woff2") format("woff2"), url("/assets/assets/fonts/Cera Stencil Pro/CeraStencilPRO_Thin.svg") format("svg");
    font-display: swap
}

@font-face {
    font-family: Marthiline;
    src: url(/assets/assets/fonts/Marthiline/Marthiline.ttf) format("truetype"), url(/assets/assets/fonts/Marthiline/Marthiline.eot), url(/assets/assets/fonts/Marthiline/Marthiline.eot) format("embedded-opentype"), url(/assets/assets/fonts/Marthiline/Marthiline.woff) format("woff"), url(/assets/assets/fonts/Marthiline/Marthiline.woff2) format("woff2"), url(/assets/assets/fonts/Marthiline/Marthiline.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: Sketch_Block;
    src: url(/assets/assets/fonts/Sketch_Block/Sketch_Block.ttf) format("truetype"), url(/assets/assets/fonts/Sketch_Block/Sketch_Block.eot), url(/assets/assets/fonts/Sketch_Block/Sketch_Block.eot) format("embedded-opentype"), url(/assets/assets/fonts/Sketch_Block/Sketch_Block.woff) format("woff"), url(/assets/assets/fonts/Sketch_Block/Sketch_Block.woff2) format("woff2"), url(/assets/assets/fonts/Sketch_Block/Sketch_Block.svg) format("svg");
    font-display: swap
}

.font-CeraPRO-Black {
    font-family: cerapro-black
}

.font-CeraStencilPRO_Thin {
    font-family: cerastencilpro_thin
}

.font-Marthiline {
    font-family: marthiline
}

.font-Sketch_Block {
    font-family: sketch_block
}
.two-cols__content h2 {
    text-align: left;
    font-size: 25px;
    line-height: 1.2;
}
.two-cols-directions__item.bottom-space {
    margin-bottom: 75px;
}
.two-cols__form {
    width: 100% !important;
    max-width: 400px;
}

p {
    padding-bottom: 0px !important;
}

.page-header__title.section__title_ttu {
    margin-top: 50px;
}

.header__top a {
    text-decoration: none;
}

@font-face {
    font-family: Sketch-Block;
    src: url("/en/-/media/BWT/bwtcom/Fonts/Sketch_Block/Sketch_Block") format("truetype"), url("/en/-/media/BWT/bwtcom/Fonts/Sketch_Block/Sketch_Block_woff") format("woff");
}

@font-face {
    font-family: CeraPro-Black;
    src: url("/en/-/media/BWT/bwtcom/Fonts/cera-black/CeraPro-Black") format("truetype"), url("/en/-/media/BWT/bwtcom/Fonts/cera-black/CeraPro-Black_woff") format("woff");
}

@font-face {
    font-family: kg-blank-space;
    src: url("/en/-/media/BWT/bwtcom/Fonts/kg-blank-space/kg-blank-space") format("truetype"), url("/en/-/media/BWT/bwtcom/Fonts/kg-blank-space/kg-blank-space_woff") format("woff");
}

@font-face {
    font-family: Marthiline;
    src: url("/en/-/media/BWT/bwtcom/Fonts/marthiline/marthiline") format("truetype"), url("/en/-/media/BWT/bwtcom/Fonts/kg-blank-space/kg-blank-space_woff") format("woff");
}

.text-container h2 {
    font-family: 'CeraPro-Bold';
    line-height: 1.2em;
    text-align: center;
    font-size: 2em;
    margin-bottom: 10px;
}

.content-slider .slide .slide-content {}

.benefits-teaser .benefits-teaser-item .benefits-image {}

.benefits-teaser .description-text {}

.benefits-teaser .benefits-teaser-item {
    flex: 0 0 33%;
    max-width: 33%;
    padding: 20px 10px;
}

.counter .counter-item .counter-count {
    color: var(--bwt-dark-blue);
    text-decoration: none;
}

.counter .counter-item .counter-count+sup {
    color: var(--bwt-dark-blue);
    top: 4px;
}

.magazine-quote .quote-text {
    font-size: 1.4em;
}

.btn__accent-dark {
    background: #e5006b;
    color: #fff;
}

.slick-slide img {
    display: block !important;
    text-align: right;

}

.link.link-blue-line {
    border-bottom: 0;
}

.tabs {
    border-bottom: 0 !important;
    position: static;
}

.tabs__item {
    border-left: 0;
}

.inpage-link.btn-nav {
    margin: 0px 0px 0 30px !important;
    list-style: none;
}

.tabs__items a {
    text-decoration: none;
}
.two-cols__content-container {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two-cols__content-container.show-all {
    -webkit-line-clamp: unset !important;
}
.two-cols-directions__item {
    background-color: #f7f8f8;
}
.btn__white-dark:hover, .btn__white:hover {
    border-color: var(--bwt-pink) !important;
    color: var(--bwt-pink) !important;
}
section.slider.stage-medium[data-navigate="1"] .inpage-link.btn-nav:hover .content .inner {
    background: #fff;
}
.show-content-switcher {
    display: none;
    margin: 25px 0 15px;
    font-weight: bold;
    position: relative;
    width: fit-content;
    cursor: pointer;
}

.show-content-switcher.active::before {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    width: 8px;
    height: 8px;
    transform: translateY(calc(50% + 4px)) rotate(-135deg);
    border-right: 2px solid #00174B;
    border-bottom: 2px solid #00174B;
}

.show-content-switcher::before {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    width: 8px;
    height: 8px;
    transform: translateY(50%) rotate(45deg);
    border-right: 2px solid #00174B;
    border-bottom: 2px solid #00174B;
}
.slide-content h4 {
    font-size: 1.3em;
}
.banner-bfz .main-slider__slide1,
.banner-bfz .main-slider {
    height: calc(var(--viewport-height) - var(--header-height) - var(--nav-page-height));
    min-height: 500px;
    /* max-height: fit-content; */
}
.body-wrapper {
    max-width: none !important;
}
.banner-bfz .inpage-link.btn-nav {
    background-color: #FF88BD !important;
    border: 1px solid #FF88BD !important;
}
.banner-bfz .inpage-link.btn-nav:hover {
    background-color: #FFFFFF !important;
}
.banner-bfz .two-cols__img {
    padding-bottom: 50%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
}
.teaser__text .btn.btn__medium {
    margin-top: 45px;
}
.division .btn:hover,
.division .btn:focus {
    background: #fff;
}
.two-cols.callback .btn.form__submit:hover {
    border: 0;
}
.js-main-slider {
    height: 100%;
}
body .container-fluid {
    padding: 0;
}
.page-header.page-header-second {
    padding: 19px 0;
}
@media (max-width: 767.98px) {
    .content-area__page-title h1 {
        font-size: 28px;
        line-height: 1.2;
    }
}
@media (min-width: 1200px) {
    .tabs {
        margin-top: -30px;
    }

    .tabs__items .tabs__item {
        border-left: 1px solid #C0C0C0;
    }

    .tabs__items .tabs__item:first-child {
        border-left: 0;
    }

    section.slider.stage-medium[data-navigate="1"] .inpage-link .content:before {
        width: 0px;
    }
}

@media (max-width: 1200px) {

    /*.content-slider .teaser-col {display:none!important;}*/
    .centered .slick-track,
    .centered .slick-current {
        width: 100% !important;
    }

    .centered .slick-list.draggable {
        height: auto !important;
    }
}
@media (max-width: 1199px) {
    .content-area .two-cols__wrapper-big .two-cols__img {
        order: 2;
    }
    /* .content-area .two-cols__wrapper-big .two-cols__info {
        order: 1;
    } */
    .content-area .two-cols__wrapper-big .two-cols__left, .content-area .two-cols__wrapper-big .two-cols__right {
        width: 50%;
        height: 100%;
    }
    .content-area .two-cols__wrapper-big .two-cols__content {
        padding: 20px 50px !important;
    }
    .content-area .two-cols__wrapper-big .two-cols__img {
        padding-bottom: 50%;
    }
    .two-cols__content-container {
        -webkit-line-clamp: 8;
    }
    .show-content-switcher {
        display: block;
    }
}
@media(max-width: 991px) {
    .two-cols__content p {
        font-size: 16px;
    }
}
@media(max-width: 767px) {
    .content-area .two-cols__wrapper-big .two-cols__left, .content-area .two-cols__wrapper-big .two-cols__right {
        width: 100%;
    }
    .form {
        padding: 4px
    }
    .two-cols-directions__item p,
    .text-container p {
        font-size: 16px;
    }
    .two-cols__content p {
        font-size: 15px;
    }
    .content-area .two-cols__wrapper-big .two-cols__img {
        padding-bottom: 100%;
    }
    .content-area .two-cols__wrapper-big .two-cols__content {
        padding: 20px !important;
    }
}
@media(max-width: 480px) {
    .callback .container {
        padding: 12px 0;
    }
}
@media (max-width: 640px) {
    .text-container h2 {
        font-size: 28px;
        padding: 0 4px;
    }
    .counter .counter-item .counter-count {
        font-size: 3em;
    }
    .video-container {
        padding-bottom: 287px;
    }
}