@charset "UTF-8";
@media print,
screen and (min-width:48em) {

    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    line-height: 1.15
}

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

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

audio,
video {
    display: inline-block
}

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

button {
    overflow: visible
}

input {
    overflow: visible
}

progress {
    display: inline-block
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.foundation-mq {
    font-family: "xsmall=0em&small=30em&medium=48em&large=64em&xlarge=73.125em&xxlarge=90em"
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .875rem
}

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

body {
    padding: 0;
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    background: transparent;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 73.13rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    margin-right: -1.07143rem;
    margin-left: -1.07143rem
}

@media print,
screen and (min-width:30em) {
    .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem
    }
}

@media print,
screen and (min-width:48em) {
    .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem
    }
}

@media screen and (min-width:73.125em) {
    .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem
    }
}

@media screen and (min-width:90em) {
    .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-right: auto;
    margin-left: auto
}

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,
.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 1.07143rem;
    padding-left: 1.07143rem;
    min-width: 0
}

@media print,
screen and (min-width:30em) {

    .column,
    .columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media print,
screen and (min-width:48em) {

    .column,
    .columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media print,
screen and (min-width:64em) {

    .column,
    .columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media screen and (min-width:73.125em) {

    .column,
    .columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media screen and (min-width:90em) {

    .column,
    .columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

.column.row.row,
.row.row.columns {
    float: none;
    display: block
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.xsmall-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.xsmall-offset-0 {
    margin-left: 0
}

.xsmall-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.xsmall-offset-1 {
    margin-left: 8.33333%
}

.xsmall-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.xsmall-offset-2 {
    margin-left: 16.66667%
}

.xsmall-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.xsmall-offset-3 {
    margin-left: 25%
}

.xsmall-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.xsmall-offset-4 {
    margin-left: 33.33333%
}

.xsmall-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.xsmall-offset-5 {
    margin-left: 41.66667%
}

.xsmall-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.xsmall-offset-6 {
    margin-left: 50%
}

.xsmall-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.xsmall-offset-7 {
    margin-left: 58.33333%
}

.xsmall-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.xsmall-offset-8 {
    margin-left: 66.66667%
}

.xsmall-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.xsmall-offset-9 {
    margin-left: 75%
}

.xsmall-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.xsmall-offset-10 {
    margin-left: 83.33333%
}

.xsmall-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.xsmall-offset-11 {
    margin-left: 91.66667%
}

.xsmall-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-1>.column,
.xsmall-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.xsmall-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-2>.column,
.xsmall-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.xsmall-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-3>.column,
.xsmall-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.xsmall-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-4>.column,
.xsmall-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.xsmall-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-5>.column,
.xsmall-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.xsmall-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-6>.column,
.xsmall-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.xsmall-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-7>.column,
.xsmall-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.xsmall-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xsmall-up-8>.column,
.xsmall-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.xsmall-collapse>.column,
.xsmall-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.xsmall-uncollapse>.column,
.xsmall-uncollapse>.columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem
}

@media print,
screen and (min-width:30em) {
    .small-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .small-offset-0 {
        margin-left: 0
    }

    .small-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .small-offset-1 {
        margin-left: 8.33333%
    }

    .small-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .small-offset-2 {
        margin-left: 16.66667%
    }

    .small-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .small-offset-3 {
        margin-left: 25%
    }

    .small-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .small-offset-4 {
        margin-left: 33.33333%
    }

    .small-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .small-offset-5 {
        margin-left: 41.66667%
    }

    .small-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .small-offset-6 {
        margin-left: 50%
    }

    .small-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .small-offset-7 {
        margin-left: 58.33333%
    }

    .small-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .small-offset-8 {
        margin-left: 66.66667%
    }

    .small-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .small-offset-9 {
        margin-left: 75%
    }

    .small-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .small-offset-10 {
        margin-left: 83.33333%
    }

    .small-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .small-offset-11 {
        margin-left: 91.66667%
    }

    .small-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-1>.column,
    .small-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .small-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-2>.column,
    .small-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .small-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-3>.column,
    .small-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .small-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-4>.column,
    .small-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .small-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-5>.column,
    .small-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .small-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-6>.column,
    .small-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .small-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-7>.column,
    .small-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .small-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .small-up-8>.column,
    .small-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:30em) and (min-width:30em) {
    .small-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:30em) {

    .xsmall-collapse>.column,
    .xsmall-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .xsmall-uncollapse>.column,
    .xsmall-uncollapse>.columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media print,
screen and (min-width:48em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-1>.column,
    .medium-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-2>.column,
    .medium-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-3>.column,
    .medium-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-4>.column,
    .medium-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-5>.column,
    .medium-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-6>.column,
    .medium-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-7>.column,
    .medium-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .medium-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .medium-up-8>.column,
    .medium-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:48em) {

    .xsmall-collapse>.column,
    .xsmall-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .xsmall-uncollapse>.column,
    .xsmall-uncollapse>.columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-1>.column,
    .large-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-2>.column,
    .large-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-3>.column,
    .large-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-4>.column,
    .large-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-5>.column,
    .large-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .large-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-6>.column,
    .large-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-7>.column,
    .large-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .large-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .large-up-8>.column,
    .large-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .large-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {

    .xsmall-collapse>.column,
    .xsmall-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .xsmall-uncollapse>.column,
    .xsmall-uncollapse>.columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media screen and (min-width:73.125em) {
    .xlarge-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-1>.column,
    .xlarge-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-2>.column,
    .xlarge-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-3>.column,
    .xlarge-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-4>.column,
    .xlarge-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-5>.column,
    .xlarge-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .xlarge-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-6>.column,
    .xlarge-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-7>.column,
    .xlarge-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xlarge-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xlarge-up-8>.column,
    .xlarge-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width:73.125em) and (min-width:73.125em) {
    .xlarge-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width:73.125em) {

    .xsmall-collapse>.column,
    .xsmall-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .xsmall-uncollapse>.column,
    .xsmall-uncollapse>.columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media screen and (min-width:90em) {
    .xxlarge-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }

    .xxlarge-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xxlarge-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xxlarge-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .xxlarge-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xxlarge-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xxlarge-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .xxlarge-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xxlarge-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xxlarge-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .xxlarge-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xxlarge-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xxlarge-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-1>.column,
    .xxlarge-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-2>.column,
    .xxlarge-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-3>.column,
    .xxlarge-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-4>.column,
    .xxlarge-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-5>.column,
    .xxlarge-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxlarge-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-6>.column,
    .xxlarge-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-7>.column,
    .xxlarge-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xxlarge-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xxlarge-up-8>.column,
    .xxlarge-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width:90em) and (min-width:90em) {
    .xxlarge-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.row.xsmall-unstack>.column,
.row.xsmall-unstack>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

@media screen and (min-width:90em) {

    .xsmall-collapse>.column,
    .xsmall-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }

    .xsmall-uncollapse>.column,
    .xsmall-uncollapse>.columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

.shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 2.14286rem
}

.column-block>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:30em) {
    .column-block {
        margin-bottom: 2.14286rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:48em) {
    .column-block {
        margin-bottom: 2.14286rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .column-block {
        margin-bottom: 2.14286rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:73.125em) {
    .column-block {
        margin-bottom: 2.14286rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:90em) {
    .column-block {
        margin-bottom: 2.14286rem
    }

    .column-block>:last-child {
        margin-bottom: 0
    }
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #000
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.dropdown-pane {
    z-index: 10;
    width: 300px;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    visibility: visible;
    display: block
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.flex-video,
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1.14286rem;
    padding-bottom: 75%;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.sticky,
.sticky-container {
    position: relative
}

.sticky {
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0, 0, 0, .45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:48em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:48em) {
    .reveal {
        width: 600px;
        max-width: 73.13rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .reveal.tiny {
        width: 30%;
        max-width: 73.13rem
    }
}

@media print,
screen and (min-width:48em) {
    .reveal.small {
        width: 50%;
        max-width: 73.13rem
    }
}

@media print,
screen and (min-width:48em) {
    .reveal.large {
        width: 90%;
        max-width: 73.13rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:29.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #8a8a8a;
    font-weight: 700;
    cursor: help
}

.tooltip {
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #000;
    font-size: 80%;
    color: #fff
}

.tooltip,
.tooltip:before {
    position: absolute
}

.tooltip.bottom:before {
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset;
    content: "";
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #000;
    bottom: 100%
}

.tooltip.bottom.align-center:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top:before {
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000 transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.top.align-center:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.left:before {
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000;
    left: 100%
}

.tooltip.left.align-center:before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right:before {
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000 transparent transparent;
    right: 100%;
    left: auto
}

.tooltip.right.align-center:before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.align-top:before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom:before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left:before {
    left: 10%;
    right: auto
}

.tooltip.align-right:before {
    left: auto;
    right: 10%
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:29.9375em) {
    .hide-for-xsmall-only {
        display: none !important
    }
}

@media screen and (max-width:0em),
screen and (min-width:30em) {
    .show-for-xsmall-only {
        display: none !important
    }
}

@media print,
screen and (min-width:30em) {
    .hide-for-small {
        display: none !important
    }
}

@media screen and (max-width:29.9375em) {
    .show-for-small {
        display: none !important
    }
}

@media screen and (min-width:30em) and (max-width:47.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:29.9375em),
screen and (min-width:48em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width:48em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:47.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:47.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:73.0625em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:73.125em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width:73.125em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width:73.0625em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width:73.125em) and (max-width:89.9375em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width:73.0625em),
screen and (min-width:90em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

@media screen and (min-width:90em) {
    .hide-for-xxlarge {
        display: none !important
    }
}

@media screen and (max-width:89.9375em) {
    .show-for-xxlarge {
        display: none !important
    }
}

@media screen and (min-width:90em) {
    .hide-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (max-width:89.9375em) {
    .show-for-xxlarge-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-right.vertical.menu>li>a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -ms-flex-item-align: center;
    align-self: center
}

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

.align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.align-center-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.xsmall-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.xsmall-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.xsmall-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.xsmall-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.xsmall-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.xsmall-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media print,
screen and (min-width:30em) {
    .small-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .small-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .small-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .small-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .small-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .small-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:48em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width:73.125em) {
    .xlarge-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .xlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .xlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .xlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .xlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .xlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (min-width:90em) {
    .xxlarge-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .xxlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .xxlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .xxlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .xxlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .xxlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

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

.flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,
screen and (min-width:30em) {
    .small-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .small-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .small-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .small-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .small-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .small-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .small-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .small-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width:48em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width:73.125em) {
    .xlarge-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .xlarge-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (min-width:90em) {
    .xxlarge-flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .xxlarge-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xxlarge-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .xxlarge-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xxlarge-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xxlarge-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xxlarge-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xxlarge-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top .3s, right .3s, bottom .3s, left .3s
}

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

.noUi-base,
.noUi-handle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connect {
    background: #3fb8af;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background .45s;
    transition: background .45s
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

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

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

@font-face {
    font-family: magictoolbox-thin;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/magictoolbox-thin.eot?#iefix) format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz")
}

.MagicZoom,
.mz-button,
.mz-expand-controls,
.mz-expand-thumbnails,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage>figure .mz-caption,
.mz-figure,
.mz-hint,
.mz-lens,
.mz-loading,
.mz-thumb img,
.mz-zoom-window {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.MagicZoom {
    -webkit-transform: translateZ(0);
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

figure.mz-figure {
    overflow: hidden;
    margin: 0 !important;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important
}

.MagicZoom>img,
.mz-figure>img {
    width: 100%;
    height: auto
}

.ie8-magic .MagicZoom>img,
.ie8-magic .mz-figure>img {
    width: 100%;
    max-width: none !important
}

.mz-expand .mz-figure.mz-no-zoom,
.mz-figure.mz-no-zoom.mz-no-expand {
    cursor: default !important
}

.mz-expand,
.mz-figure.mz-active {
    -ms-touch-action: none;
    touch-action: none
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important
}

.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important
}

.mz-lens img {
    -webkit-transition: none !important;
    transition: none !important
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    -webkit-mask-clip: content;
    cursor: none
}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
    pointer-events: auto !important;
    cursor: inherit !important
}

.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647
}

.mz-zoom-window img {
    width: auto;
    height: auto;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform-origin: 50% 50% !important;
    -ms-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important
}

.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
    transform: none !important
}

.lt-ie9-magic .mz-zoom-window img {
    margin: 0 !important
}

.mz-expand-controls {
    z-index: 2147483647
}

.mz-fade {
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.mz-hidden {
    opacity: 0
}

.mz-visible {
    opacity: 1
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
    transform-style: flat !important
}

.mobile-magic .mz-expand .mz-image-stage>figure .mz-caption {
    display: none !important
}

.mobile-magic .mz-expand-controls.mz-fade {
    -webkit-transition: none !important;
    transition: none !important
}

.mobile-magic .mz-expand>.mz-zoom-window {
    top: 0 !important;
    left: 0 !important
}

.mz-expanded-view-open,
.mz-expanded-view-open body {
    overflow: hidden !important
}

.mz-expanded-view-open body {
    height: auto !important
}

.mz-figure.mz-active {
    background: #fff
}

.mz-figure.mz-active,
.mz-figure.mz-click-zoom,
.mz-figure.mz-no-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none
}

.mz-figure.mz-magnifier-zoom.mz-active {
    overflow: visible !important
}

.mz-figure.mz-active>img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%)
}

.no-cssfilters-magic .mz-figure.mz-active>img {
    opacity: .6
}

.lt-ie10-magic .mz-figure.mz-active>img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6)
}

.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img,
.mz-figure.mz-active.mz-inner-zoom {
    opacity: 0
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>.mz-zoom-window {
    opacity: 1
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img {
    filter: alpha(opacity=0)
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent
}

.mz-lens {
    border: 1px solid #aaa;
    border-color: hsla(0, 0%, 67%, .7);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    cursor: none;
    z-index: 10;
    opacity: 0
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.25, .5, .5, .9) .1s;
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9) .1s
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none
}

.mz-zoom-window {
    background: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.mz-zoom-window.mz-magnifier {
    border-radius: 100%;
    border: 0;
    background: hsla(0, 0%, 100%, .3)
}

.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 100%;
    border: 1px solid hsla(0, 0%, 67%, .7);
    -webkit-box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, .3);
    background: transparent;
    z-index: 1
}

.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
    border-radius: 0 !important
}

.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5
}

.mz-zoom-window.mz-inner {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: .8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80)
}

.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0
}

.mz-zoom-window.mz-expanded>.mz-caption {
    display: none
}

.mz-zoom-window.mz-activating,
.mz-zoom-window.mz-deactivating {
    -webkit-transition: opacity .3s cubic-bezier(.25, .5, .5, .9), -webkit-transform .3s cubic-bezier(.25, .5, .5, .9);
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9), -webkit-transform .3s cubic-bezier(.25, .5, .5, .9);
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9), transform .3s cubic-bezier(.25, .5, .5, .9);
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9), transform .3s cubic-bezier(.25, .5, .5, .9), -webkit-transform .3s cubic-bezier(.25, .5, .5, .9)
}

.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
    transition-duration: .25s, .25s, .25s
}

.mz-zoom-window.mz-p-bottom,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-top {
    opacity: 0;
    z-index: -100
}

.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
}

.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0)
}

.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0)
}

.mz-zoom-window>img {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-zoom-window.mz-p-inner.mz-activating>img,
.mz-zoom-window.mz-p-inner.mz-deactivating>img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(.25, .5, .5, .9) !important;
    transition: -webkit-transform .22s cubic-bezier(.25, .5, .5, .9) !important;
    transition: transform .22s cubic-bezier(.25, .5, .5, .9) !important;
    transition: transform .22s cubic-bezier(.25, .5, .5, .9), -webkit-transform .22s cubic-bezier(.25, .5, .5, .9) !important
}

.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
    transform: scale(.1)
}

.mz-zoom-window.mz-custom.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-preview.mz-deactivating {
    -webkit-transition: opacity .3s cubic-bezier(.25, .5, .5, .9);
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9)
}

.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-preview.mz-deactivating {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.mz-zoom-window.mz-p-custom,
.mz-zoom-window.mz-p-preview {
    opacity: 0
}

.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49, 51, 61, .7);
    font: normal 12px/1.2em Lucida Grande, Lucida Sans Unicode, Verdana, Helvetica Neue, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity .25s ease, z-index .25s ease;
    transition: opacity .25s ease, z-index .25s ease
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, .7);
    border-radius: 2em;
    padding: .7em 1.1em
}

.mz-hint-message:before {
    content: "\02295";
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.mobile-magic .mz-hint-message:before {
    display: none
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mz-expand .mz-hint-message {
    padding: 1.1em
}

.mz-expand .mz-hint-message:before {
    display: none
}

.mz-expand .mz-hint-hidden {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0
}

.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mz-loading:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid #fff;
    border-top-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.mz-loading.shown:after {
    -webkit-animation: t .9s infinite linear;
    animation: t .9s infinite linear
}

.lt-ie10-magic .mz-loading {
    border-radius: 2em;
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto
}

.lt-ie10-magic .mz-loading:after {
    content: "Loading...";
    text-indent: 0;
    border: none;
    position: relative
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left: 0;
    width: 126px;
    margin: auto
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#7c31333D", EndColorStr="#7c31333D")
}

.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0)
}

.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg {
    width: auto !important;
    height: auto !important
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>svg {
    min-width: 100% !important;
    min-height: 100% !important
}

.mz-expand {
    background-color: #000;
    text-align: center;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none
}

.mz-expand,
.mz-expand .mz-expand-bg {
    vertical-align: middle;
    -webkit-perspective: 600px;
    perspective: 600px
}

.mz-expand .mz-expand-bg {
    display: inline-block;
    margin: auto;
    z-index: -100;
    max-width: none !important;
    max-height: none !important;
    -webkit-transform: translateZ(0) scale(10) rotate(.01deg);
    -ms-transform: translate(0) scale(10) rotate(.01deg);
    transform: translateZ(0) scale(10) rotate(.01deg);
    background-repeat: no-repeat;
    background-size: cover
}

.mz-expand .mz-expand-bg>img {
    margin: auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
    filter: blur(20px) brightness(60%);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-expand .mz-expand-bg>svg {
    margin: auto;
    opacity: .6
}

.lt-ie10-magic .mz-expand .mz-expand-bg,
[data-magic-ua=edge] .mz-expand .mz-expand-bg {
    display: none !important
}

.lt-ie9-magic .mz-expand {
    background: #1f1f1f
}

[data-magic-ua=edge] .mz-expand {
    background-color: rgba(31, 31, 31, .96)
}

.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important
}

.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96)
}

.mz-expand.white-bg {
    background-color: #fff
}

.mz-expand .mz-expand-stage {
    z-index: 2100000000;
    padding: 0
}

.mz-expand .mz-expand-stage .mz-image-stage {
    z-index: 50;
    left: 120px;
    right: 120px;
    padding: 20px 0 40px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0
}

.mz-expand .mz-image-stage:before,
.mz-expand .mz-image-stage>figure:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0;
    line-height: 100%;
    width: 0
}

.mz-expand .mz-image-stage>figure {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 100%;
    position: relative
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important
}

.mz-expand .mz-figure>img {
    max-width: 100%;
    width: auto;
    height: auto
}

.mz-expand .mz-zoom-in .mz-image-stage>figure,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active {
    width: 100%;
    height: 100%
}

.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
    filter: alpha(opacity=100)
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100)
}

.mz-expand .mz-caption {
    color: #fff;
    text-shadow: 0 0 46px #000;
    padding: 10px 4px;
    font: normal 10pt/1em Lucida Grande, Lucida Sans Unicode, Verdana, Helvetica Neue, Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
    opacity: 1
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%
}

.mz-expand .mz-zoom-window {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0
}

.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0;
    right: 0
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0
}

.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px
}

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0
}

.mobile-magic .mz-expand .mz-expand-thumbnails {
    padding: 0;
    height: 60px
}

.mz-expand-controls,
button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important
}

button.mz-button {
    color: #b4b4b4 !important;
    font: 900 34px/1 magictoolbox-thin !important;
    cursor: pointer;
    z-index: 90 !important;
    background-color: transparent !important;
    border: 1px solid hsla(0, 0%, 71%, 0) !important;
    border-radius: 100% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 60px !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important
}

button.mz-button:before {
    display: inline;
    position: static;
    color: inherit !important;
    font: inherit !important;
    -webkit-font-smoothing: inherit !important
}

button.mz-button.mz-button-next,
button.mz-button.mz-button-prev {
    margin: auto 10px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important
}

button.mz-button.mz-button-prev {
    left: 0 !important
}

button.mz-button.mz-button-next {
    right: 0 !important
}

button.mz-button.mz-button-close {
    font-size: 26px !important;
    margin: 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important
}

:root:not(.mobile-magic) button.mz-button {
    color: hsla(0, 0%, 71%, .75) !important;
    -webkit-transform: scale(.85) !important;
    transform: scale(.85) !important;
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
    transition: color .25s, border-color .25s, -webkit-transform .25s !important;
    transition: color .25s, border-color .25s, transform .25s !important;
    transition: color .25s, border-color .25s, transform .25s, -webkit-transform .25s !important
}

:root:not(.mobile-magic) button.mz-button:hover {
    color: #b4b4b4 !important;
    border-color: hsla(0, 0%, 71%, .6) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.mobile-magic button.mz-button {
    -webkit-transition: -webkit-transform .1s !important;
    transition: -webkit-transform .1s !important;
    transition: transform .1s !important;
    transition: transform .1s, -webkit-transform .1s !important
}

.mobile-magic button.mz-button:active {
    border-color: hsla(0, 0%, 71%, .6) !important;
    -webkit-transform: scale(.95) !important;
    transform: scale(.95) !important
}

button.mz-button.mz-button-close:before {
    content: "\a001"
}

button.mz-button.mz-button-prev:before {
    content: "\a002"
}

button.mz-button.mz-button-next:before {
    content: "\a003"
}

@media screen and (max-device-width:767px) {

    button.mz-button-next,
    button.mz-button-prev {
        display: none !important
    }

    .mobile-magic .mz-expand button.mz-button {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        color: hsla(0, 0%, 100%, .8) !important;
        background-color: transparent !important;
        border-color: transparent !important
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75)
}

.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100)
}

.mz-thumb,
.mz-thumb:focus,
a[data-zoom-id] {
    display: inline-block;
    line-height: 0;
    outline: none
}

.mz-thumb img,
a[data-zoom-id] img {
    border: 0;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.mz-thumb-selected img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%)
}

.no-cssfilters-magic .mz-thumb.mz-thumb-selected,
.no-cssfilters-magic .mz-thumb:hover {
    background: #000
}

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ie9-magic .mz-thumb img {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3)
}

.mz-expand-thumbnails {
    z-index: 50;
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 65px;
    height: 80px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px
}

.mz-expand-thumbnails .magic-thumb>img {
    cursor: pointer;
    height: 40px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3)
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70)
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50)
}

.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 40px
}

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none
}

.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 0
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-button,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs li,
.magic-thumbs li:after,
.magic-thumbs li:before,
.magic-thumbs li img,
.magic-thumbs ul {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.magic-thumbs.no-buttons {
    padding: 0 !important
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap
}

.magic-thumbs.no-buttons ul {
    left: 0 !important;
    padding: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block
}

.magic-thumbs ul li:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.magic-thumbs ul li>img {
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: 100% !important;
    vertical-align: middle
}

.ie8-magic .magic-thumbs ul li>img {
    max-width: none !important;
    max-height: none !important
}

.magic-thumbs.magic-thumbs-vertical {
    height: 100%
}

.magic-thumbs-vertical {
    padding: 30px 0
}

.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal
}

.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
    margin: 4px 0
}

.magic-thumbs-vertical ul li>img {
    max-width: 100% !important;
    max-height: none !important
}

.ie8-magic .magic-thumbs-vertical ul li>img {
    width: 100%
}

.magic-thumbs button.magic-thumbs-button {
    color: #b4b4b4 !important;
    font: 900 24px/1 magictoolbox-thin !important;
    cursor: pointer;
    z-index: 90 !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-image: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    overflow: hidden;
    position: absolute;
    text-transform: none !important;
    speak: none;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important
}

.magic-thumbs button.magic-thumbs-button:before {
    display: inline;
    position: static;
    color: inherit !important;
    font: inherit !important;
    -webkit-font-smoothing: inherit !important
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0
}

.magic-thumbs .magic-thumbs-button-prev:before {
    content: "\a002"
}

.magic-thumbs .magic-thumbs-button-next:before {
    content: "\a003"
}

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button {
    color: hsla(0, 0%, 71%, .75) !important;
    -webkit-transform: scale(.85) !important;
    transform: scale(.85) !important;
    -webkit-transition: color .25s, -webkit-transform .25s !important;
    transition: color .25s, -webkit-transform .25s !important;
    transition: color .25s, transform .25s !important;
    transition: color .25s, transform .25s, -webkit-transform .25s !important
}

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover {
    color: #b4b4b4 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.magic-thumbs-vertical .magic-thumbs-button {
    width: 100%;
    height: 30px;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto
}

.magic-thumbs-vertical .magic-thumbs-button-prev {
    top: 0
}

.magic-thumbs-vertical .magic-thumbs-button-next {
    bottom: 0
}

.magic-thumbs-vertical .magic-thumbs-button-prev:before {
    content: "\a005"
}

.magic-thumbs-vertical .magic-thumbs-button-next:before {
    content: "\a004"
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important
}

.magic-thumbs-button-disabled {
    opacity: .2;
    filter: alpha(opacity=20)
}

.MagicScroll,
.mcs-bullet,
.mcs-bullet:after,
.mcs-bullet:before,
.mcs-button,
.mcs-caption,
.mcs-item,
.mcs-item>*,
.mcs-item img,
.mcs-items-container,
.mcs-wrapper {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.MagicScroll,
.mcs-item,
.mcs-item a,
.mcs-item img,
.mcs-items-container {
    position: relative
}

.MagicScroll,
.mcs-item,
.mcs-items-container,
.mcs-wrapper {
    overflow: hidden;
    direction: ltr
}

.mcs-item img,
.mcs-wrapper {
    line-height: 100%
}

.MagicScroll {
    z-index: 1;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.MagicScroll.MagicScroll-horizontal {
    -moz-touch-action: pan-y;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.MagicScroll.MagicScroll-vertical {
    -moz-touch-action: pan-x;
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

body.mcs-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

body.mcs-dragging .MagicScroll,
body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow {
    cursor: inherit
}

.MagicScroll figure,
.mcs-item,
.mcs-item .mcs-caption {
    display: inline-block
}

.MagicScroll .mcs-item img {
    pointer-events: none
}

.mcs-item img {
    display: inline-block !important
}

.MagicScroll>* {
    display: inline-block;
    max-width: 100%
}

.MagicScroll>:first-child {
    visibility: hidden
}

.MagicScroll>:nth-child(n+2) {
    display: none
}

.MagicScroll>a {
    line-height: 100%
}

.MagicScroll img {
    visibility: hidden
}

.MagicScroll .mcs-item img {
    visibility: visible;
    float: none !important
}

.mcs-bullets,
.mcs-button,
.mcs-wrapper {
    position: absolute
}

.MagicScroll:before,
.MagicScroll figcaption:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 0
}

.mcs-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
    z-index: 100
}

.mcs-items-container {
    text-align: center;
    overflow: visible;
    width: 100%;
    height: 100%
}

.mcs-item {
    top: 0;
    left: 0;
    zoom: 1;
    font-size: 9pt !important;
    line-height: 100%;
    max-width: 100%
}

.mcs-item:after,
.mcs-item>a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.MagicScroll-horizontal .mcs-item {
    height: 100%
}

.MagicScroll-vertical .mcs-item {
    display: block;
    width: 100%
}

.MagicScroll-horizontal .mcs-items-container>*,
.mcs-item>a {
    display: inline-block
}

.mcs-item a,
.mcs-item img {
    border: none;
    max-width: 100%;
    max-height: 100%
}

.mcs-item img {
    width: auto;
    height: auto;
    vertical-align: middle
}

.MagicScroll figure {
    position: relative;
    vertical-align: middle;
    font-size: 0;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    line-height: normal
}

.lt-ie9-magic .mcs-item>a>img {
    position: static
}

.lt-ie9-magic figcaption {
    display: block
}

.lt-ie10-magic .mcs-item a img {
    border: none
}

.ie7-magic .MagicScroll-vertical .mcs-item a,
.ie7-magic .mcs-item img {
    display: inline-block
}

.ie7-magic .MagicScroll-horizontal .mcs-item {
    display: inline
}

.mcs-button {
    display: block
}

.MagicScroll .mcs-hidden {
    display: none !important;
    visibility: hidden !important
}

.ie11-magic .MagicScroll[data-mode=scroll] .mcs-items-container,
.MagicScroll[data-mode=carousel] .mcs-items-container,
.MagicScroll[data-mode=cover-flow] .mcs-items-container {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%
}

.MagicScroll[data-mode=carousel] .mcs-item,
.MagicScroll[data-mode=cover-flow] .mcs-item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.MagicScroll figcaption {
    display: inline-block;
    position: relative;
    left: 0;
    float: left;
    width: 100%;
    line-height: 100%;
    clear: both;
    z-index: 150
}

.MagicScroll[data-mode=carousel] .mcs-item .mcs-caption,
.MagicScroll[data-mode=cover-flow] .mcs-item .mcs-caption,
.MagicScroll figcaption {
    left: 50%;
    -webkit-transform: translateZ(1px) translateX(-50%);
    transform: translateZ(1px) translateX(-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lt-ie9-magic .MagicScroll figcaption,
.lt-ie9-magic .MagicScroll figure img {
    float: right
}

.MagicScroll .mcs-reflection {
    -webkit-transform: translateZ(-1px);
    position: absolute;
    display: inline-block;
    left: 0;
    z-index: 1
}

.MagicScroll .mcs-item.mcs-noimg {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAGB0lEQVRIS5WXa2wUVRTH/3dmn2136b5a2u2LsoogEiGGBGnlYUJMiEpi1MSYGNHvoAjfNEQ/iaL4XTAmxkQSE3zFaESQrZIQIxHlaVtK22273Udhtt3nPDx3Zmc7u9ttdZLN7s6ce37nf885995h+G8X+yXUMSho4l4wbTtjiADMZwzV5jQNw0xjvylM+XZHYjrKb67kli1ncBQQHg+GDzKRHW/u74F3QwTNa7rhDPogNrn0oUo2j0JyDgu3JyFd+wcLo+PQFO3Q2WTsBI1XG/lvCI6GOl9mgnjKv3UT2h7fBpudZKSTUKW70HJZaHJJ98noAXM3QfC2gvmD4Ldnz15E+tIVaKqyfzAx9clS8CXBF9rCb7v8vjd7XnwaTocKZWJUh9EUG7AaT+a80pTrQYjd/SgUBYx/9hXy6bl3HpuNvVULrwNHQ+ETnkjvge5n9wBjN6Fm7ulAVsY1mqIKnNLLAxA8q4C+dRg//QPmR8Y/GkzEDlrhVX6iwa53vev6jvTs2wHlxp+AXKwDmqprFXCYXmrlB4QHbA6I6x/G+JnzyNwYe28gOXnEHFcB85y62gKn+l94Asr1ywTUdGjt9K6suBwAcTmcexHXb8Ho598jP5uq5Fz3cxoQw6u75f6XnoIYuwGmyBVoOplERpJ0b16vF4Fg0MhzOSLNlEr3UmQrlW09ZOsLBA24aIMSfgCjn36N2MyE7TlqBh0cDYZfDzzy4PFQ2AEtcxdCWWk6nUYmk0H7lxd1WPyZbfB6PAgGAnWFmkylINXYesjW5/NTT5FuTysSsSJSv189NJiMfcDBbKi9S408vxtC7JahVFcE3JmMVaAmSYe3tCDka63AE3N3Ic3PL2nbEw7reefK1fB9GP7iHAbikwK7EFy9w7Om53w44gaoZYQylMPHpuN1zirKm5sQWuVF4p4EaSHb0K63o12vcn0loVaLDeeQuT2+k/FKXj340BGvHDeUWsDpzAIyuVxjuNsNaZnnHrcLPk+LDjZUA5KtHTPRv44x6tto3+6NAw5pSocKes8u9m06m4OULzSEm/m3Jp2nw+N0ItDsLlc2KS7DC95OjP98NcqG2sIza7f3tQsLcxaoATZbKZXLQyqU0HnmUl1R1d6Y2rcVXqcdAVJrKNU7Wv9wuNrsw8ivY3ECdxUiW/wOFPNVas0p11uHtwqBpZKM3u8uN4Tf2bsZXrsNfgLza3GKDTgHw+HC8B/pog5eu8HlYJq6LJg7SpUUSLKKyI9/18GH92yE1yYgYBcXV69KbhfBGhMwci3PweGZ7vud7TaBes2S31rFcyUV84qK9eduNlR8fdc6tIgCWu28N+oV8xmQVYaJW4W4XlxtkeYBp61UDbbsRFxljqCbhkZXzPGVgX64Ce4h9Yvwcp4JXJDtSAxnqbiCXce8fd7DTS5j2zPXYrO4sgTNU3I2X7xTB728rbfhfSe1RxMFYCDL7UQ/s3k37o1ljukLiCu46rzHX6hqJx5CgfJeXAbKnReWeW4nJS6yMQuLf2fSTuST93YaS2Zbl+rpESFSMS7mmRayFZya4BIlr9GMmGCeX4VOJ5kJFT/FJ8TKJuEIOI47fIpFNcNSDvn08lE2y8Ysk1eFHNfCua2NbM3FozgnopgqVjYJfVvsbO+WHR0MgnNRtZlU0yF3ZKxu1buyvkAQnH9bba25VQtAcVrDVNyyLXIDOgjsF9z2k2IbLedUkOaUi/TDxJgr0JKlzc9bluLkm4LCg9ETTL9nqdBypVcHElMn+fiq0HmFo4UdBt/ruZOaKq8bYImg6shjqWJ9GpL0mdeWPvqYPvhhD03CASVIC4rRivplbbOlFFvbxnxOTQExSSOz6vKHPXMAV645cbjkJ3cOQ7n1qvlb99qgH3OLgD1NaSqgSmmtkDoRQ6HOV0jyx3IzUPLQ6cFWH0DtIP1YKxMww2Bb4POtVnJaa1sbfNXzo8YrzGtMYO/LVO2yS4PsMILQzCW1DLMVCZanD1Wvpmpv0CvMhzT+/7/CWCPgAewKdQwwTXySMe1Rmvq1NS9tIxq9tGlM+eZcYnpoOaDp91/hrs4Y2r7FDQAAAABJRU5ErkJggg==") 50% no-repeat
}

.mcs-item .mcs-caption {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    z-index: 150
}

.MagicScroll[data-mode=carousel] .mcs-item figcaption.mcs-caption,
.MagicScroll[data-mode=cover-flow] .mcs-item figcaption.mcs-caption {
    top: 100%
}

.MagicScroll[data-mode=animation] .mcs-item figure,
.MagicScroll[data-mode=scroll] .mcs-item figure {
    overflow: hidden
}

.MagicScroll[data-mode=animation] .mcs-item .mcs-caption,
.MagicScroll[data-mode=scroll] .mcs-item .mcs-caption {
    left: 0;
    width: 100%;
    bottom: 0;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%)
}

.MagicScroll[data-mode=animation] .mcs-item:hover .mcs-caption,
.MagicScroll[data-mode=scroll] .mcs-item:hover .mcs-caption {
    -webkit-transform: translateY(0);
    -ms-transform: translate(0);
    transform: translateY(0)
}

.lt-ie9-magic .MagicScroll[data-mode=animation] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode=scroll] .mcs-item .mcs-caption {
    bottom: -150%
}

.lt-ie9-magic .MagicScroll[data-mode=animation] .mcs-item:hover .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode=scroll] .mcs-item:hover .mcs-caption {
    bottom: 0
}

.mcs-button {
    cursor: pointer;
    z-index: 1000;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.MagicScroll:hover>.mcs-button:hover {
    opacity: 1
}

.mcs-button-arrow {
    z-index: 120
}

.MagicScroll-horizontal .mcs-button-arrow {
    width: 40px;
    height: 100%;
    top: 0
}

.MagicScroll-vertical .mcs-button-arrow {
    width: 100%;
    height: 40px;
    left: 0
}

.MagicScroll[data-mode=carousel] .mcs-item,
.MagicScroll[data-mode=cover-flow] .mcs-item {
    overflow: visible
}

.mcs-bullets {
    text-align: center;
    display: inline-block !important;
    opacity: 0;
    top: 100%
}

.mcs-bullets.show {
    opacity: 1;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.MagicScroll-horizontal .mcs-bullets {
    width: 100%;
    left: 0
}

.MagicScroll-vertical .mcs-bullets {
    top: 0;
    left: 100%;
    display: inline-block;
    vertical-align: middle
}

.mcs-bullet {
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-indent: 9999px;
    vertical-align: middle;
    font: 0/0 a;
    color: transparent;
    outline: none
}

.mcs-bullet.active {
    cursor: default
}

[data-mode=animation] div[data-action=enter],
[data-mode=animation] div[data-action=exit] {
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

[data-mode=animation] div[data-action=enter] {
    -webkit-animation-timing-function: cubic-bezier(.12, .37, .25, 1);
    animation-timing-function: cubic-bezier(.12, .37, .25, 1)
}

[data-mode=animation] .mcs-item {
    -webkit-animation-duration: 0;
    -webkit-transform: none;
    -webkit-animation-name: none;
    animation-name: none;
    animation-duration: 0
}

[data-mode=animation] .mcs-item[data-animation-nth="1"] {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

[data-mode=animation] .mcs-item[data-animation-nth="2"] {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

[data-mode=animation] .mcs-item[data-animation-nth="3"] {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

[data-mode=animation] .mcs-item[data-animation-nth="4"] {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

[data-mode=animation] .mcs-item[data-animation-nth="5"] {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

[data-mode=animation] .mcs-item[data-animation-nth="6"] {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

[data-mode=animation] .mcs-item[data-animation-nth="7"] {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

[data-mode=animation] .mcs-item[data-animation-nth="8"] {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

[data-mode=animation] .mcs-item[data-animation-nth="9"] {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

[data-mode=animation] .mcs-item[data-animation-nth="10"] {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.MagicScroll-horizontal[data-mode=animation] [data-forward] [data-entering],
.MagicScroll-horizontal[data-mode=animation] [data-forward] [data-exited] {
    -webkit-transform: translateX(100000px);
    transform: translateX(100000px)
}

.MagicScroll-horizontal[data-mode=animation] [data-backward] [data-entering],
.MagicScroll-horizontal[data-mode=animation] [data-backward] [data-exited] {
    -webkit-transform: translateX(-100000px);
    transform: translateX(-100000px)
}

.MagicScroll-vertical[data-mode=animation] [data-forward] [data-entering],
.MagicScroll-vertical[data-mode=animation] [data-forward] [data-exited] {
    -webkit-transform: translateY(100000px);
    transform: translateY(100000px)
}

.MagicScroll-vertical[data-mode=animation] [data-backward] [data-entering],
.MagicScroll-vertical[data-mode=animation] [data-backward] [data-exited] {
    -webkit-transform: translateY(-100000px);
    transform: translateY(-100000px)
}

.mcs-slidein[data-mode=animation] .mcs-item[data-action=exit],
[data-mode=animation] .mcs-item[data-action=exit] {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.mcs-slidein[data-mode=animation] .mcs-item[data-action=enter],
[data-mode=animation] .mcs-item[data-action=enter] {
    -webkit-animation-timing-function: cubic-bezier(.12, .37, .25, 1);
    animation-timing-function: cubic-bezier(.12, .37, .25, 1);
    -webkit-animation-duration: .35s;
    animation-duration: .35s
}

.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=exit],
.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=exit] {
    -webkit-animation-name: a;
    animation-name: a
}

.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=enter],
.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=enter] {
    -webkit-animation-name: b;
    animation-name: b
}

@-webkit-keyframes a {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px)
    }
}

@keyframes a {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px)
    }
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px)
    }

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

@keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px)
    }

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

.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=exit],
.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=exit] {
    -webkit-animation-name: c;
    animation-name: c
}

.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=enter],
.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=enter] {
    -webkit-animation-name: d;
    animation-name: d
}

@-webkit-keyframes c {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(600px);
        transform: translateX(600px)
    }
}

@keyframes c {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(600px);
        transform: translateX(600px)
    }
}

@-webkit-keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px)
    }

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

@keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px)
    }

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

.MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=exit],
.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=exit] {
    -webkit-animation-name: e;
    animation-name: e
}

.MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=enter],
.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=enter] {
    -webkit-animation-name: f;
    animation-name: f
}

@-webkit-keyframes e {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@keyframes e {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@-webkit-keyframes f {
    0% {
        opacity: 0;
        -webkit-transform: translateY(180px);
        transform: translateY(180px)
    }

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

@keyframes f {
    0% {
        opacity: 0;
        -webkit-transform: translateY(180px);
        transform: translateY(180px)
    }

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

.MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=exit],
.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=exit] {
    -webkit-animation-name: g;
    animation-name: g
}

.MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=enter],
.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=enter] {
    -webkit-animation-name: h;
    animation-name: h
}

@-webkit-keyframes g {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@keyframes g {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@-webkit-keyframes h {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-180px);
        transform: translateY(-180px)
    }

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

@keyframes h {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-180px);
        transform: translateY(-180px)
    }

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

.mcs-bounce[data-mode=animation] .mcs-item[data-action=exit] {
    -webkit-animation-timing-function: cubic-bezier(.84, 0, 1, 1);
    animation-timing-function: cubic-bezier(.84, 0, 1, 1);
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.mcs-bounce[data-mode=animation] .mcs-item[data-action=enter] {
    -webkit-animation-timing-function: cubic-bezier(.12, .37, .25, 1);
    animation-timing-function: cubic-bezier(.12, .37, .25, 1);
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=exit] {
    -webkit-animation-name: i;
    animation-name: i
}

.mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=enter] {
    -webkit-animation-name: j;
    animation-name: j
}

@-webkit-keyframes i {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0) translateZ(-1px)
    }

    40% {
        opacity: .6
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px) translateZ(-1px)
    }
}

@keyframes i {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0) translateZ(-1px)
    }

    40% {
        opacity: .6
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px) translateZ(-1px)
    }
}

@-webkit-keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: translateX(3000px);
        transform: translateX(3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    75% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    90% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: translateX(3000px);
        transform: translateX(3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    75% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    90% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=exit] {
    -webkit-animation-name: k;
    animation-name: k
}

.mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=enter] {
    -webkit-animation-name: l;
    animation-name: l
}

@-webkit-keyframes k {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0) translateZ(-1px)
    }

    40% {
        opacity: .6
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px) translateZ(-1px)
    }
}

@keyframes k {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0) translateZ(-1px)
    }

    40% {
        opacity: .6
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px) translateZ(-1px)
    }
}

@-webkit-keyframes l {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-3000px);
        transform: translateX(-3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    90% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes l {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-3000px);
        transform: translateX(-3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    90% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] div[data-action=exit] {
    -webkit-animation-name: m;
    animation-name: m
}

.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] div[data-action=enter] {
    -webkit-animation-name: n;
    animation-name: n
}

.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] [data-entering],
.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] [data-exited] {
    -webkit-transform: translateY(100000px);
    transform: translateY(100000px)
}

@-webkit-keyframes m {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        opacity: .6
    }

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

@keyframes m {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        opacity: .6
    }

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

@-webkit-keyframes n {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3000px);
        transform: translateY(3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    75% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    90% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

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

@keyframes n {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3000px);
        transform: translateY(3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    75% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    90% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

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

.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-backward] div[data-action=exit] {
    -webkit-animation-name: o;
    animation-name: o
}

.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-backward] div[data-action=enter] {
    -webkit-animation-name: p;
    animation-name: p
}

@-webkit-keyframes o {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        opacity: .6
    }

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

@keyframes o {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        opacity: .6
    }

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

@-webkit-keyframes p {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-3000px);
        transform: translateY(-3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    75% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    90% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

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

@keyframes p {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-3000px);
        transform: translateY(-3000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    75% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    90% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

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

.MagicScroll-horizontal .mcs-button-arrow-next:before,
.MagicScroll-horizontal .mcs-button-arrow-prev:before,
.MagicScroll-vertical .mcs-button-arrow-next:before,
.MagicScroll-vertical .mcs-button-arrow-prev:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    border: 3px solid rgba(49, 51, 61, .6);
    border-right: none;
    border-bottom: none;
    -webkit-transition: border-color .15s linear;
    transition: border-color .15s linear
}

.MagicScroll-horizontal .mcs-button-arrow-prev:before {
    left: 62%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.MagicScroll-horizontal .mcs-button-arrow-next:before {
    left: 40%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.MagicScroll-vertical .mcs-button-arrow-prev:before {
    top: 62%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.MagicScroll-vertical .mcs-button-arrow-next:before {
    top: 40%;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.mcs-button-arrow.mcs-disabled {
    opacity: .01 !important
}

.MagicScroll>.mcs-button-arrow {
    width: 30px;
    height: 30px;
    margin: auto;
    opacity: .6;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.MagicScroll-horizontal .mcs-button-arrow-prev {
    left: 0;
    right: auto;
    top: 0;
    bottom: 0
}

.MagicScroll-horizontal .mcs-button-arrow-next {
    left: auto;
    right: 0;
    top: 0;
    bottom: 0
}

.MagicScroll-vertical .mcs-button-arrow-prev {
    top: 0;
    bottom: auto;
    left: 0;
    right: 0
}

.MagicScroll-vertical .mcs-button-arrow-next {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.MagicScroll:hover>.mcs-button-arrow:hover:not(.mcs-disabled) {
    opacity: 1
}

.MagicScroll:hover>.mcs-button-arrow:hover:not(.mcs-disabled):before {
    border-color: #31333d
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, .75);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 60%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 60%, .5);
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before {
    width: 8px;
    height: 8px
}

.MagicScroll-horizontal.MagicScroll-arrows-inside:hover>.mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: hsla(0, 0%, 100%, .96)
}

.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    left: 5px
}

.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
    right: 5px
}

.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    top: 5px
}

.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
    bottom: 5px
}

.lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    border: 1px solid hsla(0, 0%, 60%, .5)
}

.lt-ie9-magic .mcs-button-arrow:before {
    border-color: #83858b
}

.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before,
.lt-ie9-magic .MagicScroll:hover>.mcs-button-arrow:hover:before {
    border-color: #31333d
}

.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: #fff;
    border: 1px solid #999;
    filter: alpha(opacity=60)
}

.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
    filter: alpha(opacity=96)
}

.lt-ie9-magic .mcs-button-arrow.mcs-disabled {
    filter: alpha(opacity=0.01) !important
}

.MagicScroll-horizontal .mcs-bullets {
    margin-top: 10px
}

.MagicScroll-horizontal.MagicScroll-bullets {
    margin-bottom: 35px
}

.MagicScroll-vertical .mcs-bullets {
    margin-left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.MagicScroll-vertical.MagicScroll-bullets {
    margin-right: 35px
}

.mcs-bullet {
    width: 10px;
    height: 10px;
    background-color: #83858b
}

.mcs-bullet:hover {
    background-color: #5a5a5a
}

.mcs-bullet.active {
    background-color: transparent;
    border: 1px solid #5a5a5a
}

.mcs-item .mcs-caption {
    color: #fff;
    padding: 5px 0;
    font: normal 9pt/1.2em Helvetica Neue, Helvetica, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
    text-rendering: geometricPrecision
}

.MagicScroll[data-mode=animation] .mcs-item .mcs-caption,
.MagicScroll[data-mode=scroll] .mcs-item .mcs-caption {
    background-color: #31333d;
    background-color: rgba(49, 51, 61, .7)
}

.lt-ie9-magic .MagicScroll[data-mode=animation] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode=scroll] .mcs-item .mcs-caption {
    filter: alpha(opacity=60)
}

.MagicScroll[data-mode=carousel],
.MagicScroll[data-mode=cover-flow] {
    background: #4f4f4f
}

.MagicScroll[data-mode=carousel] img,
.MagicScroll[data-mode=cover-flow] img {
    -webkit-box-shadow: 0 15px 30px -10px #000;
    box-shadow: 0 15px 30px -10px #000
}

.MagicScroll[data-mode=carousel] figcaption,
.MagicScroll[data-mode=cover-flow] figcaption {
    padding: 4px 0 0;
    font-size: 10pt;
    font-family: Lucida Grande, Lucida Sans Unicode, Helvetica Neue, Arial, Helvetica, sans-serif
}

.MagicScroll.mcs-shadows {
    -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .15)
}

.MagicScroll.mcs-border .mcs-item {
    background: #fff;
    border: 1px solid #efefef
}

.MagicScroll-horizontal.mcs-border .mcs-item {
    margin: 0 3px
}

.MagicScroll-vertical.mcs-border .mcs-item {
    margin: 3px 0
}

.mcs-loader {
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mcs-loader .mcs-loader-text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -35px;
    width: 70px;
    height: 20px
}

.mcs-loader-circles {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    opacity: 1;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.mcs-loader-circle {
    position: absolute;
    background-color: #fff;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    -webkit-animation-name: q;
    -webkit-animation-duration: .48s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    animation-name: q;
    animation-duration: .48s;
    animation-iteration-count: infinite;
    animation-direction: linear
}

.mcs-loader-circle_01 {
    left: 0;
    top: 25px;
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

.mcs-loader-circle_02 {
    left: 7px;
    top: 7px;
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

.mcs-loader-circle_03 {
    left: 25px;
    top: 0;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.mcs-loader-circle_04 {
    right: 7px;
    top: 7px;
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}

.mcs-loader-circle_05 {
    right: 0;
    top: 25px;
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}

.mcs-loader-circle_06 {
    right: 7px;
    bottom: 7px;
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.mcs-loader-circle_07 {
    left: 25px;
    bottom: 0;
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}

.mcs-loader-circle_08 {
    left: 7px;
    bottom: 7px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes q {
    0% {
        background-color: #000
    }

    to {
        background-color: #fff
    }
}

@keyframes q {
    0% {
        background-color: #000
    }

    to {
        background-color: #fff
    }
}

.mcs-item-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background: url("data:image/gif;base64,R0lGODlhKgAqAOZyAFlWV/X09ERAQS0pKt7d3rKwscjHyJyam3BtboaDhOfm5vf399XV1XNwcdbW1rW0tIOBgcXExGJfYJSSkj46O/b29pGPj+Pj48jHx/39/eDf39vb26Sio7u6uqyqq8rJyfHx8fn5+a2rrO3s7c/Oz+rq6qinp0dEReLi4ltYWbq4ufDw8JCOj/v7+/Pz825sbOjo6IKAgZWTlPj4+NDP0Obl5vX19fz8/Pr6+vz7+9fW1+Hg4Ozs7Le2tuTk5GdlZY2LjNrZ2djX18vKyujn556cnaGgoJaUlb28vMLBwjAsLe/v7+/u7sTDw87Nze7t7eXl5cG/wNLR0d3d3dnY2HVzc398fW9tbdTT06OhorCvrzo3OLSys7a1tWRhYlBNTuLh4dHQ0KKhofLy8rm4uJ2bnMzLy8nIyXl2d5iWlp+dnaakpXx6eoqIiMHAwdzc3M7OziIeH////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgByACwAAAAAKgAqAAAH/4BygoOEhYaHiImKhipxcSqLkZKCAI4Ak5gMPywghZVxl4U4MxmYhRSOLJ6WogEBFaaESo5xF4SfoYIZrgE2sYNFtLlyuIQLvC2/g6iOGIPFgje8sMqCGLQUz6yCFbw31drNggwUFAzRvAuYOidbWYUXtOeHu66lhCsaKCGGVwP/Jz4QUlHFg6IWIXIQqoCCgEMYho78mygBSrUWChxqZGJojMSJ/5D8CqBx4z1DUCSAZPOrREkFyRZ9OPFPyy8XDlFQm/RBR7UQO8EJHUpUTpMGSJM22CA0gIOnUB08ESSgqtWqKYSSMMC1K1eqV61mBbfVa1dBR5UiZQrOadSnU9aLyp2bSUO1FTxMMXgBAECUX2AKFOiQd1EJCH37pvn1QbDgCL4OBfCQOPGQXwocOxaCwxDlyhBKVLMRQXMBIYaAJH4xT5CUMmcUBXFjdxCPDo4FFtLwwkuXQiMQCPeBaMSB4y4KTenRYQWmCcIRsC2hRo1oOTWOH3gwdEP0GINEWLAgYpAJ7TWExojOVo548oOyHzcBLkr0CYTelx/0QDuWamhEN0J+4+0niAvaiVHNegj0UIh+hTgxXzU+lNFDUO4VWEgITnQwIF0Q0pXIG+O9IeKJggQCACH5BAUKAHIALAAAAAAqACoAAAf/gHKCg4SFhoeIiYqGKnFxKouRkoIAjgCTmDpXR2OFlXGXhCAsPwyYhScDA0eeloUsjhSnhFuqA1CEn6GCF45xSrODWbYSua6Dn3FFwYOpqh/Ix3IYvrLMgh+2J9GggxS+GNeDErbQcgwUFKbTvruRGylfIoVQtjqIDL4XhS02FRmGrAgYmIIGISRstCjyUAXSoBsVAkicYcjIwIsNiFzLsECiRxyGXFi8OLBJsBwePyYi0oBkm2AhUi4AuIhGioFkgrWQWOHGKRobNvoUR7So0UFDIChdCkED0RAKokpVEIASgKtYAbwgioKA169erWa9ulVcV7BfBSVlqtSpOKhT2qNWPUq3LqYNPq4FAHFqQwwECM4EK2HAAAm+i0ZMAAx4TbAghQs7oHioQg/GjKUEexI58oUchi5jnjDi2gwHnQ3sK1SGcYygg6h4CKMIDAkFokhEDmLIRww0UQotSUAcBqIVBZLbKKTADIm5kjgQT7BD0AgTJkrL4ZG8QISiO6bLGPTgwIEHgzp050FUxvTqgsqfH8Q9eQdxH6ZzICQf/aAI3U1xDRDTLcGfef4JYkN3PVzjXgJJFNJfIULYdw0MHiSxgIQIFoKDEB+sYJccE46IiAbmuWXiiIEAACH5BAkKAHIALAEAAQAoACgAAAf/gHKCg4SFg0gDA0iGjI2OhhKJEo+UhhtWRi6FkQOTlZ9yKQICRpuSoJ9fowJEhJyeqI8iqw2up7GUoqM0g6+4lDSrKb23v44Nq7xyOicnOsZyGi9eXYVEqxu/RUoUDIRAAOEv3oNNbWS4GBRx7D+EHuHxECXQFwDs+CyEAfDx4UO/VODLB8JQCQj+0vyqMhDAhUcMXoSL8ssDOwoYQDHQAI1BRmggQ4qUI2WCyZMTfITMsKClywU5EMicKTNGyAoBcurMSZOmTZA4d+osidKkSpAsX7bMMbKp0087YEALUQHUDhkJEoT55YIAARRVHS3hkDUrl18wvHpV0MLQgiRlpstS+RVArVomGQjBjcthCbQWCuwSYPKurIwdhDR0CPKoxJQnhCqgUCt1EAwZQD4UcnGg84hGAQyInlFohQYUIT496HyghqAVHTqsEARCtAEHIGuwNjEoQoECEQaRsF3QmAnWrgX5Bj6otmgSxrCwfkBoefBBDmwr+CWGtabev68LmmHbzK/jB5wUsl7owvNfIzo4SV09fKEcF4IEeMr+aSMFv22HSyAAIfkECQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioZNAgJNi5GSgg2ODZOYGkAeAYWVApeEY0dXOpiFLwAAHp6WhUcDAyenhF6qACWEn6GCULEDW7SDXbcQuq6DEr9ZwoOpqgyDu4Mfv7PNggy3L9LIcie/H9iDELfRchspKRuC1bESmD4xaFGFJbcaiDq/UIVFShTOESqDoGAMdoOGpKmXSAsbJIQwUIhD8YehHgUzThiB7QIAiiBZGKqAMWNBKcJUgAwJAtGICSbXCKuyEsCFSBtiFDwjzANFChhObfCBjUHQcUiTKh1EhYPTpxxgINV265YKQQmyas0qA+nElSCxbtXaddxXsHEENYXqVOo4qlXXAVxdSrcuphocm2W4caqGiQMHgghrESBABb6LXDwADNiNsBmFCy/IgCiEE8aM89HKETkyjkOXMT9wgS3Dgs4BPhfqwNhEDUIKPoBR5KJEp0E3KkSeYWiECTFYCtkoQHxFZQLIWxRqYaMC5UkRiBfgISgACRK3KyAnoCApD+kdBjkwYMDBIBTbKyDtIJ26oPHlB2lHjmLcFOkRCME3P0jBduPN9CCdDfqRx58gLWynmTDsFSBEIfsVwgR92KzwgRCqiWdgIRkwAUMIdskRYYiIPEHeEySmGAgAIfkEBQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioZDAABDi5GSghCOEJOYPmU9FYWVAJeELkZWG5iFMQgIPZ6WhUYCAimnhGiqCCOEn6GCRLECX7SDUbcTuq6DDb8iwoOpqqaUyHI0v7PNghu3MYO7gym/NNiDE7fRGi8vGoLVsQ2YMDJAH4Ujtz6IG79EhVlbJzoMeUhAUMYOQlLWnFFEpk0TQh9ODJh4xVASghg5LMEGRcLEj0cMLbiIkSAVYUg+ghyDaAmHklyEsVEpAUqkHTIIhhGmZeIJeph2wMCmA+i4o0iTCtLwoKnTB7nGMXBE1ZEKQQeyas1q4iiFOGDDgsW6VWvXcV/Fhl361GlUbFPTq1pVSrfuKR4r4GK426FAATDCPIClsHeRjQh+/ZIQ9kMsgAuIcAhJnFiBMBVq47AAYWgy5Qg2sF0AoJaFoQ+JO/Ag9CRICUUtQuQghCFtnB+GVnToMaXQDAPAAyDKEKB4hkJFlFBggMkBcAOc5YRAgSKEoBvFAyxACuL5YkEKCBCwLKhC9htHSTyPLif8+EHYi3fCpuC5A0LuyQtakL0FNjPPzYCfePrJQVxxoTWjngGQDfgeITjIh00AQVwwm4MFCoLDDMfZlZ9digQgnnAglihHIAAh+QQJCgByACwBAAEAKAAoAAAH/4BygoOEhYNSCAhShoyNjoYTiROPlIYwHkkLhZEIk4QBHkAalYYyCQlJm5KFHgAAL6SFQKcJS4ScnoIlrgBesYQftBy3q4MQvF2/hKanO4O4gwy8sMqDO7Qyz8VyL7wM1YQctM5yPjExPoLSrhCkIyZiWIVLtDCNGrwlhSJfKRuEHQ4INFGDEBUuYR5FSTOEEI0UAiJaIeREoMUHLsAJItIgokcjhEJUtChwVLUmHj9mLOTiAUk34NqkbEDkUQ0TAoOAIxMxBY1YNUZolLPh59CjSJPKURChqdMIK5DqkEC1qgQkBbJqzdoB6YkBYMOC3bq169GvYsMyfdo06tGpVq6pIlFKty4pEAHsOgJBwoABfXoJzXDg1++UwIJyXChc+AliOYsZO5jxWE6QwiRAfIKxspGHKipiBSBhRkGhFgRSh2jEII7rC0gVpCZQQVCGChUyCMLgOg6AoxVmoxi0IEAATYIo9MYwFMXs2oKKHx/E2zUFjStmmyZuHLkgAL2LgNMwuwUh6d4h91YCzjkBJoXQF2JhHVwIGEx0n+9eCASLH9/UJV9lg+RgXA7gBAIAIfkECQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioZUCQlUi5GSghyOHJOYIx1OIYWVCZeEFT1lPpiFJgcHTp6WhT0ICDGnhGKqBy6En6GCI7EIaLSDWLcPuq6DE79RwoOpqjWDu4Mbv7PNgjW3JtLIcjG/G9iDD7fRcjAyMjCC1bETmCsdPVOFLrcjiD6/+YRdXi80GPpQoGAHHoQ0uAmi6MwaKYQYvABAEYghIQUzRrCBrQQEiiA9GMKBMWNBBcKGgAwZAJGNCCZJCEuzEkKJSDw6FAQjLArFFwxO8ViBTUPQcUiTKh30xIHTpw5ajtvQoKrVBk0EGdjKdavMcSkEiB0rVmtXrl+xhSU7VlBTqE7apWKjerVq1qV482Kq0KmZjg+nKqAgQCAXLS0DBpwAvKiFAsKEb9K6kjixBCiIMjCBDFkuJiSVKx8ZY2gzZwUtsEGREHrAEUMwIKOoQCjHjNSJPFRRQejDicpXDIVAoYEooQwBkmdAxCCO8wuFsmw5oQPTguQBbghiQIHCUQzO4wBIegM7bUEAnI8XRCE8BqQVsGtHr34QeOcUxrXAvoBQevH+hVcENjZgt9wg/60nyAXhKYFNfAHgUEiChbCAHzYZzCDhhPURAgILPxyVF4V6JaKCc7yVqKIcgQAAIfkEBQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioYaBwcai5GSgg+OD5OYKx9COIWVB5eEC0keMJiFHQUFQp6WhUkJCTKnhD2qBTaEn6GCS7EJQLSDU7cRuq6DHL8fwoOpqjyDu4M7v7PNgjy3HdLIcjK/O9iDEbfRciMmJiOC1bEcmAEkZgqFNrcriDC/S4VRaDF8GApioCAJEIQUkACjKAwXKoQ2xEBAsYyhCwUzOpiBbcQEiiB7GMqBMWPBJ8KkgAxZAdEMByanCFuzcgK7RSBIFCwh7AzFGBtOgQiAzUfQcUiTKh0UQIHTpwpCINUAoapVCEMEEdjKdSsKpC8AiB0rVmtXrl/HhSU7VlBTqE7cpY6jerVq1qV482K6kQHbBhqnblQIEKCFMDICBKQAvCjDAsKE5Z6ykjhxAyKJcECGnENYk8qVjbgwpHnzgr7NiDQALcCIoRmQK9wgpOKHB0Va2CAhRCNFZSuGMlSwYZjQhTjIGSDSMaA5lEIivqQ4KgkA8jgYBDGgQEG5nA/NB0hIiuE6hUHW4wAYdCI8s3EUrmcXlH69IPDNT4wrct0+feT+ySFBeFlgo8R1FxBSHyFQhLcFNvHFwUIhCxJyRH7YMPADCwgpCGAhYxxxhQ56yVFhiYeogJwKKLYYCAAh+QQJCgByACwBAAEAKAAoAAAH/4BygoOEhYMKBQUKhoyNjoYRiRGPlIYBQRc5hZEFk4QhTh0jlYYkBgYXm5KFTgcHJqSFZqcGM4ScnoIurgdisYQKtA63q4MPvFi/hKanIIO4gzW8sMqDILQkz8VyJrw11YQOtM5yKx0dK4LSrg+kISga6YQztAGNI7wuhR9AMjCEMAgIRFGB0JMpJR4FcaOB0A4ZCSJ6IMREoEUFLcAJWsIhosckhDJUtCjQXjUqHj8uMNRCAcmE1bik5LDkUQUUAvVVCxNRxo5YFUJolAPj59CjSJPKybGgqdMFGZD6mEC16gQpAbJqzVrwaAwEYMOC3bq169CvYsMyfdo06tGpVqapSlFKty4pDAyGash7l0KcOBOrRQEA4AXfRhcA/P1bBRwQwoQhwCQEgsXixSrADYEM2YNJQZYvA0ilsQQEzgACC/qxmAKGamTaNCHE4AVkILQpKCkCboOA30QKdfHyoqFGHSdO6BBE47eABnYFSRgwQMKgFM5pRJ9efVDz3ym2U7c+qIFzEXa5kxdExPmX9OMLGQEPvzshF0asbKi/PnohJNQhAU4gACH5BAkKAHIALAAAAAAqACoAAAf/gHKCg4SFhoeIiYqGTwYGT4uRkoIOjg6TmCEwTBmFlQaXhDhCHyuYhSgEBEyeloVCBQUdp4QaqgQthJ+hgjaxBT20gyu3CrqugxG/U8KDqaoVg7uDPL+zzYIVtyjSyHIdvzzYgwq30XIBJCQBgtWxEZgZFTa5hC23IYgrvzaFWGImRhiaEaBghRuEApRwoQgMCWODapg4QPGaqIIYF3Rq5uIBxY9ODuHAiDGHMA0fQeY7lGEByZWn3KR8wHDRjQoF650KQtFEjVM3Ngob8XOc0aNIB6kAwLQpAAZGS4iYSlXEG0FxsmrNSsGoGgtgw4LFulVr13FfxYYVtNQpU6jj06RWnXo1qd27mDDAFVbiwikMFLJ6EMYArBq/iy4A2FpFGBexIkAgAsGibBwVwt6otYBhhqHKWwEgFgZChFoMhn6YRT0IyRUtiqKkGULoQloLXAwxoKCkSCEoA4LrQKShaYlCcNKoOT5JQvABHwRtSJFigyAGTSEc/fD8xKAGAgQ0GPSi6d5mJ55HFwRe/CDsTF+My/JcAqH24wdBaNoF25bnUNwXXn6ClNCUF9ikN8ARheBXiAfxYaPDFUeM0eCAhQTgARAa4CWHgx4i0kR4TYRoYiAAIfkEBQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioYBBAQBi5GSggqOCpOYGTM4hpUEl4Q5F0GQmIQVAQGchJ6ggxcGBiSmhDapARmsloQzsQZmtIMttwu6n4QOvq7BqKk3g62DIL6zwYM3txXQu4IkviDWhAu3z3IhKCghgtOxDpgMFEpFhRm3uYcBvjOFUz0dK4Z+xBlIAUOoEC0UlZjyhBCPDgUifjDEYqBFABfC2YgQsaMQQyAqWhyoIpiCjh5XGboAYGSVYCRQRrARCQOFgR6CgYnYgYcpDAzCrfAZrqjRo4dUAFjKFEDQoiMeSJ36QIOgkSMpGDVxoKvXrlexEtz69asgpU2XPg0XlapUq0jV48oN9kFHOBg7TH04MWCAlmBhEiSQkXcRFAl9+7IJ5kGwYA5LEI05kjgxkmBUHDtOUqwQ5coSoIRbwkFzgiSGriQ+MXFQEytkFJ1ZI4XQDhmOcxbScWJLlkJEBAjfgMgHguMjCn0AIgMGpgbCBdAQpOHFC7gbjiOYcJRG9BSDICyFMCiGduJFU0SfLkg8APKCsh+PUVRE9AaE3MMXNEF7lHBfREdEfuMRMoJ2aISjngBGFKJfIT3MF84GVhjhgoMFntJDGT7M1V6GHiIyxFJDhGiiIIEAACH5BAUKAHIALAEAAQAoACgAAAf/gHKCg4SFgzkBATmGjI2OhguJC4+Uhgw/LCCFkQGThBlMMCGVhhRxcSybkoVMBAQopIVKp3EXhJyegi2uBBqxhEW0ALergwq8K7+EpqcYg7iDFbywyoMYtBTPxXIovBXVhAC0znIZFRUZgtKuCuCEF7QMjSG8LYUKZiQBsSpVHo8uSuwbBIKEgYNB3JGa4eCgQ1sKHz1x+HBRREdTKDqYcZFSiYMkNHWsFEDkyJMoKSGRwLKlBB0XV0SYSTOCggE4c+I8cbFDgZ9Af+rUyTOiz6BAV7pkCTOizJoz26WcSnUQjQ0KR9SIRSOFAAFkwAU5cMDEVkdEGnz92gZcB7JkrR+4MOTCyNq1TcBpgAvXyahBdu82IKLQxQO+B5wQsrI2BQ1CQ4BEeRSGCxVCNUzA7UBoQ4ovIgqVAEDaFyMYCVIvKYRFjIkRpCCQBiBPjo8YMXwI2pE6AYeIDGa/GDQBAYIJg2T03qHwxezacoofH8Q7tQx3XWZDICQd+SAOvT+A8zK7BHfj3gUt6Q0EnHMA/85PJ5TEul4gHgYSR78piQcYKXVXlSFSGCcFOIEAADs=") no-repeat 50%
}

.MagicScroll.mcs-rounded {
    border: 1px solid #e1e1e1;
    border-radius: 10px
}

.MagicScroll.mcs-rounded,
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside {
    overflow: hidden !important
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-outside {
    overflow: visible !important
}

.MagicScroll.mcs-rounded .mcs-button-arrow {
    color: rgba(49, 51, 61, .6);
    -webkit-transition: color .15s linear, background-color .15s linear;
    transition: color .15s linear, background-color .15s linear
}

.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow {
    width: 30px;
    height: 100%
}

.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow {
    width: 100%;
    height: 30px
}

.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev {
    left: 0;
    border-radius: 10px 0 0 10px
}

.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next {
    right: 0;
    border-radius: 0 10px 10px 0
}

.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev {
    top: 0;
    border-radius: 10px 10px 0 0
}

.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next {
    bottom: 0;
    border-radius: 0 0 10px 10px
}

.MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
    opacity: 1 !important;
    color: rgba(49, 51, 61, .1);
    text-shadow: none !important
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow {
    background: #efefef;
    opacity: 1;
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 60%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 60%, .5)
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: hsla(0, 0%, 100%, .96);
    color: #31333d
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow {
    background-color: hsla(0, 0%, 100%, .75);
    -webkit-box-shadow: 0 0 1px hsla(0, 0%, 60%, .5);
    box-shadow: 0 0 1px hsla(0, 0%, 60%, .5)
}

.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    border-width: 0 1px 0 0
}

.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
    border-width: 0 0 0 1px
}

.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    border-width: 0 0 1px
}

.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
    border-width: 1px 0 0
}

.lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow {
    color: #83858b
}

.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: #fff;
    filter: alpha(opacity=75)
}

.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
    filter: alpha(opacity=96)
}

.lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
    filter: alpha(opacity=75) !important;
    color: #ccc
}

.datepicker {
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    direction: ltr
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px
}

.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
    padding: 4px 5px
}

.datepicker table {
    border: 0;
    margin: 0;
    width: auto
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer
}

.datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer
}

.datepicker td.active.day,
.datepicker td.active.year {
    background: #2ba6cb
}

.datepicker td.new,
.datepicker td.old {
    color: #999
}

.datepicker td span.active {
    background: #2ba6cb
}

.datepicker td.day.disabled,
.datepicker td span.month.disabled,
.datepicker td span.year.disabled {
    color: #eee
}

.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer
}

.datepicker th.active.day,
.datepicker th.active.year {
    background: #2ba6cb
}

.datepicker th.date-switch {
    width: 145px
}

.datepicker th span.active {
    background: #2ba6cb
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
    display: block
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.datepicker tfoot tr:first-child th {
    cursor: pointer
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker-dropdown:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker-dropdown:after,
.datepicker-dropdown:before,
.datepicker>div {
    display: none
}

.datepicker-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 15px;
    height: 30px;
    padding: 0;
    display: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.tns-outer {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.tns-gallery {
    min-height: 1px
}

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

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

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

.tns-autowidth {
    display: inline-block
}

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

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

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

.tns-ovh {
    overflow: hidden
}

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

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

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

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

.tns-vpfix {
    white-space: nowrap
}

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

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

.tns-t-ct {
    width: 2333.33333%;
    position: absolute;
    right: 0
}

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

.tns-t-ct>div {
    width: 1.42857%;
    height: 10px;
    float: left
}

.no-js .js-tiny-slider>.js-tiny-slider-slides>div:not(:first-child) {
    display: none
}

.js-tiny-slider {
    position: relative;
    max-height: 100vh
}

@media print,
screen and (min-width:48em) {
    .js-tiny-slider {
        max-height: inherit
    }
}

.js-tiny-slider .tns-horizontal.tns-subpixel>.tns-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.js-tiny-slider .tns-controls button[data-controls=next],
.js-tiny-slider .tns-controls button[data-controls=prev] {
    position: absolute;
    bottom: 5rem;
    z-index: 1
}

.js-tiny-slider .tns-controls button[data-controls=next]:focus,
.js-tiny-slider .tns-controls button[data-controls=prev]:focus {
    outline: none
}

.js-tiny-slider .tns-controls button[data-controls=next] svg,
.js-tiny-slider .tns-controls button[data-controls=prev] svg {
    fill: #fff;
    -webkit-filter: drop-shadow(0 0 .28571rem rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 .28571rem rgba(0, 0, 0, .25))
}

@media print,
screen and (min-width:48em) {

    .js-tiny-slider .tns-controls button[data-controls=next],
    .js-tiny-slider .tns-controls button[data-controls=prev] {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.js-tiny-slider .tns-controls button[data-controls=prev] {
    left: 2.14286rem
}

@media print,
screen and (min-width:48em) {
    .js-tiny-slider .tns-controls button[data-controls=prev] {
        left: 1.07143rem
    }
}

.js-tiny-slider .tns-controls button[data-controls=next] {
    right: 2.14286rem
}

@media print,
screen and (min-width:48em) {
    .js-tiny-slider .tns-controls button[data-controls=next] {
        right: 1.07143rem
    }
}

.js-tiny-slider .tns-nav {
    position: absolute;
    bottom: 5.71429rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.js-tiny-slider .tns-nav>button {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 .28571rem rgba(0, 0, 0, .25);
    box-shadow: 0 0 .28571rem rgba(0, 0, 0, .25)
}

.js-tiny-slider .tns-nav>button.tns-nav-active {
    background-color: #fff
}

.js-tiny-slider .tns-nav>button:focus {
    outline: none
}

.js-tiny-slider .tns-nav>button:not(:last-child) {
    margin-right: 10px
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

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

a:active,
a:hover {
    outline-width: 0
}

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

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

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

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

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

*,
:after,
:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

picture img {
    display: block
}

.has--no-border {
    border: none !important
}

.is--hidden {
    display: none
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.row.narrow {
    max-width: 54.28571rem
}

.overflow-hidden {
    overflow: hidden
}

.full-width {
    width: 100%
}

.main-content.has--sidebar .background-100 {
    margin-left: 0;
    padding: 1.5rem 1rem;
    margin-right: 0;
    background-size: cover;
    width: auto;
    left: auto;
    right: auto;
    margin-bottom: 1.5rem
}

.main-content.has--sidebar .background-100 ol.flickity-page-dots {
    width: calc(100% - 30px);
    margin-top: 10px
}

.main-content.has--sidebar .background-100 .slider--image.flickity-enabled picture {
    margin: 10px;
    max-width: 800px
}

.main-content.has--sidebar .background-100 .slider--image.flickity-enabled .flickity-prev-next-button.previous {
    left: 0
}

.main-content.has--sidebar .background-100 .slider--image.flickity-enabled .flickity-prev-next-button.next {
    right: 0
}

.main-content.has--sidebar .background-100.section-header {
    margin-top: 0
}

.main-content.has--sidebar .background-100 ol:last-child,
.main-content.has--sidebar .background-100 p:last-child,
.main-content.has--sidebar .background-100 ul:last-child {
    margin-bottom: 0
}

.main-content .background-100 {
    margin-left: -50vw;
    padding: 1.5rem calc(50vw - 50%);
    margin-right: -50vw;
    background-size: cover;
    position: relative;
    width: 99.3vw;
    left: 50%;
    right: 50%;
    margin-bottom: 1.5rem
}

.main-content .background-100 ol.flickity-page-dots {
    width: calc(90vw - 30px);
    margin-top: 10px
}

.main-content .background-100 .row>h2 {
    padding-left: 1.07143rem
}

.main-content .background-100 h1,
.main-content .background-100 h2,
.main-content .background-100 h3,
.main-content .background-100 h4,
.main-content .background-100 h5 {
    margin-top: 0;
    margin-bottom: 8px;
    background: none
}

.main-content .background-100 ol:last-child,
.main-content .background-100 p:last-child,
.main-content .background-100 ul:last-child {
    margin-bottom: 0
}

.color__sg-light-grey {
    background-color: #e4ebed
}

.color__sg-middle-grey {
    background-color: #c5d9de
}

.color__sg-grey {
    background-color: #7694a4
}

.color__sg-dark-grey {
    background-color: #41525d;
    color: #fff
}

.color__footer-grey {
    background-color: #f0f0f0
}

.color__newsletterbox-grey {
    background-color: #ccc
}

.color__sg-obo-orange {
    background-color: #f39b00
}

.color__sg-white {
    background-color: #fff
}

.black-font {
    color: #000
}

p+.linethrough {
    margin-top: 25px
}

@media print,
screen and (min-width:48em) {
    p+.linethrough {
        margin-top: 52px
    }
}

@media print,
screen and (min-width:64em) {
    .mod.mod-slider+.linethrough {
        margin-top: 0
    }
}

html {
    font-size: 100%
}

body {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.429;
    color: #000
}

html[lang=ru] body {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.font-regular {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

html[lang=ru] .font-regular {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.font-medium {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .font-medium {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1em;
    word-wrap: break-word
}

.headline,
h1 {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    word-wrap: break-word
}

html[lang=ru] .headline,
html[lang=ru] h1 {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {

    .headline,
    h1 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 2.25rem;
        line-height: .94;
        text-transform: uppercase;
        margin-top: 2.5rem;
        margin-bottom: 1.863rem
    }

    html[lang=ru] .headline,
    html[lang=ru] h1 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.subheadline,
h2 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-bottom: .313rem;
    word-wrap: break-word
}

html[lang=ru] .subheadline,
html[lang=ru] h2 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {

    .subheadline,
    h2 {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .subheadline,
    html[lang=ru] h2 {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.display-h1 {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    word-wrap: break-word
}

html[lang=ru] .display-h1 {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .display-h1 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 2.25rem;
        line-height: .94;
        text-transform: uppercase;
        margin-top: 2.5rem;
        margin-bottom: 1.863rem
    }

    html[lang=ru] .display-h1 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.display-h2 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-bottom: .313rem;
    word-wrap: break-word
}

html[lang=ru] .display-h2 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .display-h2 {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .display-h2 {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

h3 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.22;
    margin-bottom: .9375rem
}

html[lang=ru] h3 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    h3 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        line-height: 1.22;
        margin-top: 2rem;
        margin-bottom: 1.5rem
    }

    html[lang=ru] h3 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

h4 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.22
}

html[lang=ru] h4 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    h4 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.22
    }

    html[lang=ru] h4 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

h5 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: .625rem;
    line-height: 1.22
}

html[lang=ru] h5 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    h5 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: .875rem;
        line-height: 1.22
    }

    html[lang=ru] h5 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

h6 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: .625rem;
    line-height: 1.22
}

html[lang=ru] h6 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.subheadline {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-bottom: .625rem;
    word-wrap: break-word
}

html[lang=ru] .subheadline {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .subheadline {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .subheadline {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.linethrough {
    padding: 0 1em;
    margin: 30px 0 25px;
    position: relative
}

.linethrough span {
    background: #fff;
    display: inline-block;
    padding: 0 9px;
    position: relative;
    z-index: 2
}

.linethrough:after {
    background: #ccc;
    content: "";
    display: block;
    font-size: 0;
    height: 1px;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}

ul {
    margin: 0 0 calc(1.875em - 0.6251875rem);
    padding: 0
}

ul li {
    list-style-type: none
}

ol {
    list-style: decimal;
    margin: 0 0 calc(1.875em - 0.6251875rem);
    padding-left: 1rem
}

ol ol {
    margin-bottom: 0
}

p {
    margin-bottom: calc(1.875em - 0.6251875rem)
}

a {
    color: #f39b00;
    text-decoration: none;
    word-wrap: break-word
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #000
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #f39b00;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

b,
strong {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] b,
html[lang=ru] strong {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

blockquote {
    font-size: 1.125rem;
    line-height: 1.2;
    margin: 40px 0 55px;
    padding: 5px 15px 5px 55px;
    position: relative
}

@media print,
screen and (min-width:48em) {
    blockquote {
        font-size: 1.5rem;
        padding: 5px 120px 5px 100px
    }
}

blockquote .icon {
    height: 36px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 40px
}

@media print,
screen and (min-width:48em) {
    blockquote .icon {
        height: 50px;
        left: 30px;
        width: 50px
    }
}

blockquote+* {
    margin-top: 55px !important
}

.media-wrapper+blockquote {
    margin-top: 0
}

.headline+blockquote,
.subheadline+blockquote,
h1+blockquote,
h2+blockquote,
h3+blockquote,
h4+blockquote,
h5+blockquote,
h6+blockquote,
p+blockquote {
    margin-top: 40px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text__header>h2 {
    margin-top: 0
}

.icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    fill: #f39b00;
    height: 2.25rem;
    -webkit-transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, transform .3s ease;
    transition: fill .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: 2.25rem;
    min-width: 2.25rem
}

.icon,
.icon * {
    pointer-events: none
}

.category-filter__label .icon,
.delete-option__icon {
    height: 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem
}

.main-navigation .link.is--small .link__icon,
.main-navigation .menu-header .btn .icon,
.main-navigation .meta .btn .icon,
.main-navigation [data-close] .icon,
.notification__close.btn.is--secondary .icon,
.tags .tag.has--icon.is--large .icon {
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem
}

.icon__tiny {
    height: 1rem !important;
    width: 1rem !important;
    min-width: 1rem !important
}

.icon__small {
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem
}

.dropdown-item__label .icon,
.main-navigation .back .icon,
.main-navigation .link.is--tiny .link__icon,
.main-navigation a:not(.link):not(.btn) .icon:not(.link__icon),
.nav--breadcrumb .nav__item .icon,
.site-settings-item .icon,
.tags .tag.has--icon .icon {
    height: 1rem;
    width: 1rem;
    min-width: 1rem
}

.shield {
    background: #000;
    padding: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-right: 1.25rem
}

.shield:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    left: 0;
    border-style: solid;
    border-width: 0.75rem 1.875rem 0;
    border-color: #000 transparent transparent
}

.shield .icon {
    height: 2.25rem;
    width: 2.25rem;
    min-width: 2.25rem
}

@media print,
screen and (min-width:48em) {
    .shield {
        margin-right: 1.875rem
    }
}

.btn__text .icon--tooltip {
    display: inline;
    fill: #999;
    height: 1.563em;
    margin-left: 5px;
    margin-top: 5px;
    min-height: 1.563em;
    min-width: 1.563em;
    pointer-events: all;
    width: 1.563em;
    vertical-align: bottom
}

.btn__text .icon--tooltip:hover {
    fill: #000
}

.btn.is--rte-cta {
    color: #000;
    z-index: 4;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 2.25rem;
    min-width: 1rem;
    min-height: 2.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cstyle%20type%3D'text%2Fcss'%3E	.st0%7Bfill%3A%23f39b00%3B%7D%20%3C%2Fstyle%3E%3Cg%3E%3Cpath%20fill%3D'%23f39b00'%20class%3D'st0'%20d%3D'M18,35.7c-9.8,0-17.7-8-17.7-17.7c0-9.8,8-17.7,17.7-17.7c9.8,0,17.7,8,17.7,17.7C35.7,27.8,27.8,35.7,18,35.7z%20M18,2.7C9.5,2.7,2.7,9.5,2.7,18S9.5,33.3,18,33.3S33.3,26.4,33.3,18S26.4,2.7,18,2.7z'%2F%3E%3Cpolygon%20class%3D'st0'%20points%3D'14.1,12.6%2019.4,18%2014,23.4%2015.8,25.1%2021.2,19.7%2021.2,19.7%2023,18%2015.9,10.9%20	'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    padding-bottom: 10px;
    padding-left: 2.5rem;
    padding-top: 10px;
    display: table;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

@media print,
screen and (min-width:48em) {
    .btn.is--rte-cta {
        padding-left: 2.95rem
    }
}

.btn.is--rte-cta:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cstyle%20type%3D'text%2Fcss'%3E	.st0%7Bfill%3A%23000000%3B%7D%20%3C%2Fstyle%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20class%3D'st0'%20d%3D'M18,35.7c-9.8,0-17.7-8-17.7-17.7c0-9.8,8-17.7,17.7-17.7c9.8,0,17.7,8,17.7,17.7C35.7,27.8,27.8,35.7,18,35.7z%20M18,2.7C9.5,2.7,2.7,9.5,2.7,18S9.5,33.3,18,33.3S33.3,26.4,33.3,18S26.4,2.7,18,2.7z'%2F%3E%3Cpolygon%20class%3D'st0'%20points%3D'14.1,12.6%2019.4,18%2014,23.4%2015.8,25.1%2021.2,19.7%2021.2,19.7%2023,18%2015.9,10.9%20	'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon {
    min-width: 2.25rem;
    min-height: 2.25rem;
    background-repeat: no-repeat;
    background-position: 0
}

.btn.is--icon-left.bg-icon .btn__text {
    margin-left: 2.5rem
}

@media print,
screen and (min-width:48em) {
    .btn.is--icon-left.bg-icon .btn__text {
        margin-left: 2.95rem
    }
}

.btn.is--icon-left.bg-icon--arrow {
    min-width: 1rem;
    min-height: 1rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'7.3,34.6%2012.6,39.9%2032.6,20%2012.6,0%207.3,5.4%2021.9,20%20'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--arrow.bg-icon--rte {
    padding-bottom: 2px;
    padding-left: 1.25rem;
    padding-top: 2px
}

.btn.is--icon-left.bg-icon--arrow .btn__text {
    margin-left: 1.25rem
}

.btn.is--icon-left.bg-icon--arrow-left {
    min-width: 1rem;
    min-height: 1rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'32.6,5.3%2027.3,0%207.3,19.9%2027.3,39.9%2032.6,34.5%2018,19.9%20'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--arrow-left.bg-icon--rte {
    padding-bottom: 2px;
    padding-left: 1.25rem;
    padding-top: 2px
}

.btn.is--icon-left.bg-icon--arrow-left .btn__text {
    margin-left: 1.25rem
}

.btn.is--icon-left.bg-icon--download {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpath%20fill%3D'%23f39b00'%20class%3D'st0'%20d%3D'M35.7,18c0-9.7-7.9-17.7-17.7-17.7c-0.4,0-1.2,0-1.2,0l0,0l0,0v18.4l-5-5l-1.7,1.7l6.1,6.1l1.7,1.8l1.7-1.8l6.1-6.1L24,13.8l-5,5V2.7C27,3.3,33.3,9.8,33.3,18c0,8.4-6.9,15.3-15.3,15.3S2.7,26.5,2.7,18c0-6.4,3.8-11.8,9.3-14.1V1.4C5.2,3.9,0.3,10.4,0.3,18c0,9.8,7.9,17.7,17.7,17.7C27.7,35.7,35.7,27.8,35.7,18z'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--play-big {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpath%20fill%3D'%23f39b00'%20d%3D'M20,40C9,40,0,31,0,20S9,0,20,0s20,9,20,20S31,40,20,40z%20M20,1.3C9.7,1.3,1.3,9.7,1.3,20S9.7,38.7,20,38.7%20S38.7,30.3,38.7,20S30.3,1.3,20,1.3z'%2F%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'15,12.4%2028.8,20%2015,27.6'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--play-small {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpath%20fill%3D'%23f39b00'%20d%3D'M20,40C8.9,40,0,31,0,20C0,8.9,9,0,20,0c11.1,0,20,9,20,20C40,31.1,31.1,40,20,40z%20M20,2.7%20C10.4,2.7,2.7,10.4,2.7,20S10.4,37.3,20,37.3S37.3,29.5,37.3,20S29.5,2.7,20,2.7z'%2F%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'15.9,13.2%2028,20%2015.9,26.8'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--error-fill {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpath%20fill%3D'%23f39b00'%20class%3D'st0'%20d%3D'M18,0.3C8.3,0.3,0.3,8.2,0.3,18c0,9.7,7.9,17.7,17.7,17.7S35.7,27.8,35.7,18C35.7,8.3,27.8,0.3,18,0.3zM16.8,9.3h2.4v10.8h-2.4V9.3z%20M18,25.2c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.6,1.6-1.6s1.6,0.7,1.6,1.6C19.6,24.5,18.9,25.2,18,25.2z'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--checkmark-fill {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpath%20fill%3D'%23f39b00'%20class%3D'st0'%20d%3D'M18,0.3C8.3,0.3,0.3,8.2,0.3,18c0,9.7,7.9,17.7,17.7,17.7S35.7,27.8,35.7,18C35.7,8.3,27.8,0.3,18,0.3zM15.4,25.2l-1.9-1.8l-5.1-5l1.8-1.9l5.2,5l10.4-10.6l1.8,1.8L15.4,25.2z'%2F%3E%3C%2Fsvg%3E")
}

.btn.is--icon-left.bg-icon--rte {
    display: inline;
    padding-bottom: 10px;
    padding-left: 2.5rem;
    padding-top: 10px
}

@media print,
screen and (min-width:48em) {
    .btn.is--icon-left.bg-icon--rte {
        padding-left: 2.95rem
    }
}

.media {
    margin-bottom: 20px;
    margin-top: 5px
}

.media picture {
    display: block
}

.media-wrapper {
    display: block;
    margin-bottom: calc(1.875em - 0.6251875rem)
}

.media-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.media-wrapper.besidetext-left,
.media-wrapper.besidetext-left .flex-content,
.media-wrapper.besidetext-right,
.media-wrapper.besidetext-right .flex-content {
    display: block
}

@media print,
screen and (min-width:30em) {

    .media-wrapper.besidetext-left .flex-content,
    .media-wrapper.besidetext-right .flex-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.media-wrapper>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@media print,
screen and (min-width:30em) {

    .media--image.is--left,
    .media--image.is--right {
        max-width: 260px;
        min-width: 260px
    }
}

@media print,
screen and (min-width:30em) {
    .media--image.is--right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media print,
screen and (min-width:30em) {

    .media--video.is--left,
    .media--video.is--right {
        max-width: 360px
    }
}

@media print,
screen and (min-width:30em) {
    .media.is--left {
        float: left;
        margin-right: 30px
    }
}

@media print,
screen and (min-width:30em) {
    .media.is--right {
        float: right;
        margin-left: 30px
    }
}

.media__caption {
    caption-side: bottom;
    color: #999;
    display: block;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin: 10px 0 0;
    padding: 0
}

html[lang=ru] .media__caption {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.media__video {
    display: block;
    position: relative
}

.media__video:active,
.media__video:focus {
    outline: none;
    border: none
}

.media__video .icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #f39b00;
    height: 96px;
    width: 96px;
    background-color: #fff;
    padding: 5px;
    opacity: .9;
    filter: alpha(opacity=90);
    border-radius: 50%
}

.media__video:hover .icon {
    fill: #fff;
    background-color: #f39b00
}

button {
    border: 0
}

.btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: none;
    font-size: .875rem;
    font-weight: 400;
    z-index: 3
}

.btn:hover {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    color: #000
}

html[lang=ru] .btn {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:64em) {
    .btn.hide-label-large .btn__text {
        display: none
    }
}

.btn:focus {
    outline: none
}

.btn.is--disabled,
.btn[disabled] {
    cursor: not-allowed
}

.btn.is--icon-left {
    text-align: left
}

.btn.is--icon-left .icon {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.btn.is--icon-left .btn__text {
    margin-left: .25rem
}

@media print,
screen and (min-width:48em) {
    .btn.is--icon-left .btn__text {
        margin-left: .7rem
    }
}

.btn.is--icon-right .icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.btn.is--icon-right .btn__text {
    margin-right: .7rem
}

.btn.rotate-icon-pressed[aria-pressed=true] .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn.has--badge:before {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background-color: #fff;
    border-radius: .3em;
    border: .1em solid #f39b00;
    color: #f39b00;
    line-height: .8;
    padding: .25em;
    position: absolute;
    left: 15px;
    bottom: 48%;
    z-index: 1;
    word-break: normal;
    font-size: .75rem;
    font-weight: 400
}

html[lang=ru] .btn.has--badge:before {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media screen and (max-width:20em) {
    .btn.has--badge:before {
        left: 10px
    }
}

.btn.has--badge:hover:before {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background-color: #000
}

.btn.has--badge[data-badge-wishlist]:before {
    content: attr(data-badge-wishlist);
    font-size: .65rem
}

.btn.has--badge[data-badge-cart]:before {
    content: attr(data-badge-cart)
}

nav .btn.is--active:not(.back):not([data-close]):after {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    height: .3125rem;
    left: 0;
    position: absolute;
    width: 100%
}

nav .btn.is--active:not(.back):not([data-close]) .icon {
    fill: #000
}

.btn * {
    pointer-events: none
}

.btn .btn__text {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

html[lang=ru] .btn .btn__text {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.btn .add-on {
    border-left: 1px solid;
    font-size: .75em;
    margin-left: 1rem;
    padding-left: 1rem
}

.btn .add-on .icon {
    margin: 0
}

.btn__fullsize {
    width: 100%
}

.is--primary {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background-color: #f39b00;
    color: #fff;
    height: 2.5rem;
    padding: 0 1.875em;
    text-align: center
}

.is--primary.is--disabled,
.is--primary[disabled] {
    background-color: #999;
    color: #fff
}

.is--primary:hover:not(.is--disabled) {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    background-color: #fb4
}

.is--primary:active,
.is--primary:focus {
    background-color: #fb4
}

.is--primary svg {
    fill: #fff
}

@media print,
screen and (min-width:48em) {
    .is--primary {
        height: 3.125rem
    }
}

.is--secondary {
    color: #000;
    z-index: 4
}

.is--secondary:active,
.is--secondary:focus,
.is--secondary:hover:not(.is--disabled) {
    z-index: 10
}

.is--secondary:active>.icon,
.is--secondary:focus>.icon,
.is--secondary:hover:not(.is--disabled)>.icon {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    fill: #000
}

.is--secondary.is--disabled {
    cursor: none;
    pointer-events: none;
    -webkit-touch-callout: none
}

.is--secondary.is--disabled>.icon {
    fill: #999
}

.is--secondary.is--disabled:hover .icon {
    fill: #c1c1c1
}

.is--secondary.more {
    padding-top: .9375em;
    margin-bottom: 25px
}

@media print,
screen and (min-width:48em) {
    .is--secondary.more {
        margin-bottom: 60px
    }
}

.is--secondary.more:before {
    background: #000;
    content: "";
    display: block;
    height: .3125em;
    left: 0;
    position: absolute;
    top: 0;
    width: 4.25em
}

.cswidget.button.btn {
    border: 2px solid #f39b00;
    color: #f39b00;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 1rem;
    font-weight: 400
}

.cell--actions__wrapper .cswidget.button.btn {
    margin-bottom: 0 !important
}

.cell--actions__wrapper .btn.js-addtowishlist.channelsight {
    background: transparent;
    color: #000;
    margin-top: .4rem;
    margin-bottom: 0
}

.cell--actions__wrapper .btn.js-addtowishlist.channelsight:hover {
    background: transparent !important
}

.cell--actions__wrapper .btn.js-addtowishlist.channelsight:hover .icon {
    fill: #000 !important
}

.cell--actions__wrapper .btn.js-addtowishlist.channelsight .icon {
    fill: #f39b00
}

td.nowrap button.is--secondary {
    margin-top: 4px
}

.frm__fld--checkbox .frm__fld__control input.f3-form-error+.frm__fld__control__placeholder,
.frm__fld--radiobutton .frm__fld__control input.f3-form-error+.frm__fld__control__placeholder {
    border-color: #d52731
}

.frm {
    margin-bottom: 3.75rem
}

.frm__standout {
    margin: 50px 0 60px
}

.frm__info {
    color: #999;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.22;
    margin: 15px 0
}

html[lang=ru] .frm__info {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .frm__info {
        margin: 27px 0
    }
}

.frm__row+.frm__info {
    margin-top: 0
}

.frm__info+.frm__fld .frm__fld__label {
    padding-top: -3px
}

.frm__grp {
    margin: 0;
    padding: 0
}

.frm__grp legend {
    color: inherit;
    display: block;
    font-size: 1.5rem;
    line-height: 1.12;
    margin: 0 0 15px;
    white-space: normal;
    word-wrap: break-word
}

.frm__row {
    display: block;
    margin: 0 -8px
}

.frm__row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.frm__row [class*=col--] {
    display: block;
    float: left;
    min-height: 1px;
    padding: 0 8px
}

@media screen and (max-width:29.9375em) {
    .frm__row [class*=col--] {
        width: 100% !important
    }
}

.frm__row .col--16 {
    width: 16.66667%
}

.frm__row .col--33 {
    width: 33.33333%
}

.frm__row .col--66 {
    width: 66.66667%
}

.frm__row .col--50 {
    width: 50%
}

.frm__row .col--83,
.frm__row .col--100 {
    width: 100%
}

.frm__row input[type=file] {
    padding: 0 8px
}

.frm__row.file-upload-background {
    background-color: #f0f0f0;
    padding: 1rem;
    margin: 0 0 1.625rem
}

.frm__row.file-upload-background .frm__fld {
    margin-bottom: 0
}

.frm__meter {
    width: 100%;
    height: 7px;
    background: #ddd
}

.frm__meter__inner {
    height: 7px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.frm__meter__inner[data-level="1"] {
    width: 25%;
    background: red
}

.frm__meter__inner[data-level="2"] {
    width: 50%;
    background: orange
}

.frm__meter__inner[data-level="3"] {
    width: 75%;
    background: #9acd32
}

.frm__meter__inner[data-level="4"] {
    width: 100%;
    background: green
}

.frm__fld {
    margin-bottom: 1.562rem
}

@media print,
screen and (min-width:48em) {
    .frm__fld {
        margin-bottom: 1.625rem
    }
}

.frm__fld--amount {
    margin-top: 30px
}

.frm__fld__label {
    display: block;
    margin: 0;
    padding: 0 0 5px;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .frm__fld__label {
        padding: 0 0 5px
    }
}

.frm__fld__control {
    display: block;
    position: relative
}

.frm__fld__error {
    color: #d52731;
    margin: 5px 0 0
}

.frm__fld.is--required .frm__fld__label:after {
    content: " *"
}

.frm__fld.is--invalid {
    margin-bottom: 5px
}

@media print,
screen and (min-width:48em) {
    .frm__fld.is--invalid {
        margin-bottom: 10px
    }
}

.frm__fld--group {
    margin-bottom: 0
}

.frm__fld--group .frm__fld__controls {
    margin: 4px 0 0
}

@media print,
screen and (min-width:48em) {
    .frm__fld--group .frm__fld__controls {
        margin-top: 14px
    }
}

.frm__fld--group+.frm__fld--checkbox {
    margin-top: 10px
}

@media print,
screen and (min-width:48em) {
    .frm__fld--group+.frm__fld--checkbox {
        margin-top: 20px
    }
}

.frm__fld input[type=number] {
    -moz-appearance: textfield
}

.frm__fld--amount input,
.frm__fld--email input,
.frm__fld--number input,
.frm__fld--password input,
.frm__fld--search input,
.frm__fld--tel input,
.frm__fld--text input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 0;
    display: block;
    height: 2.5rem;
    min-width: 2.5rem;
    padding: 0 .9375rem;
    text-align: left;
    width: 100%;
    -webkit-user-modify: read-write-plaintext-only
}

.frm__fld--amount input::-webkit-inner-spin-button,
.frm__fld--amount input::-webkit-outer-spin-button,
.frm__fld--email input::-webkit-inner-spin-button,
.frm__fld--email input::-webkit-outer-spin-button,
.frm__fld--number input::-webkit-inner-spin-button,
.frm__fld--number input::-webkit-outer-spin-button,
.frm__fld--password input::-webkit-inner-spin-button,
.frm__fld--password input::-webkit-outer-spin-button,
.frm__fld--search input::-webkit-inner-spin-button,
.frm__fld--search input::-webkit-outer-spin-button,
.frm__fld--tel input::-webkit-inner-spin-button,
.frm__fld--tel input::-webkit-outer-spin-button,
.frm__fld--text input::-webkit-inner-spin-button,
.frm__fld--text input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media print,
screen and (min-width:48em) {

    .frm__fld--amount input,
    .frm__fld--email input,
    .frm__fld--number input,
    .frm__fld--password input,
    .frm__fld--search input,
    .frm__fld--tel input,
    .frm__fld--text input {
        height: 3.125rem;
        line-height: 3.125rem;
        min-width: 3.125rem;
        padding: 0 1.25rem
    }
}

.frm__fld--amount input:focus,
.frm__fld--email input:focus,
.frm__fld--number input:focus,
.frm__fld--password input:focus,
.frm__fld--search input:focus,
.frm__fld--tel input:focus,
.frm__fld--text input:focus {
    border-color: #999;
    outline: none
}

.frm__fld--amount input:disabled,
.frm__fld--email input:disabled,
.frm__fld--number input:disabled,
.frm__fld--password input:disabled,
.frm__fld--search input:disabled,
.frm__fld--tel input:disabled,
.frm__fld--text input:disabled {
    background-color: #e1e1e1
}

.frm__fld--amount.is--invalid input,
.frm__fld--amount input.f3-form-error,
.frm__fld--amount input:invalid:focus,
.frm__fld--amount input:invalid:hover,
.frm__fld--email.is--invalid input,
.frm__fld--email input.f3-form-error,
.frm__fld--email input:invalid:focus,
.frm__fld--email input:invalid:hover,
.frm__fld--number.is--invalid input,
.frm__fld--number input.f3-form-error,
.frm__fld--number input:invalid:focus,
.frm__fld--number input:invalid:hover,
.frm__fld--password.is--invalid input,
.frm__fld--password input.f3-form-error,
.frm__fld--password input:invalid:focus,
.frm__fld--password input:invalid:hover,
.frm__fld--search.is--invalid input,
.frm__fld--search input.f3-form-error,
.frm__fld--search input:invalid:focus,
.frm__fld--search input:invalid:hover,
.frm__fld--tel.is--invalid input,
.frm__fld--tel input.f3-form-error,
.frm__fld--tel input:invalid:focus,
.frm__fld--tel input:invalid:hover,
.frm__fld--text.is--invalid input,
.frm__fld--text input.f3-form-error,
.frm__fld--text input:invalid:focus,
.frm__fld--text input:invalid:hover {
    background-color: #fff;
    border-color: #d52731
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    .frm__fld--amount.is--invalid input,
    .frm__fld--amount input.f3-form-error,
    .frm__fld--amount input:invalid:focus,
    .frm__fld--amount input:invalid:hover,
    .frm__fld--email.is--invalid input,
    .frm__fld--email input.f3-form-error,
    .frm__fld--email input:invalid:focus,
    .frm__fld--email input:invalid:hover,
    .frm__fld--number.is--invalid input,
    .frm__fld--number input.f3-form-error,
    .frm__fld--number input:invalid:focus,
    .frm__fld--number input:invalid:hover,
    .frm__fld--password.is--invalid input,
    .frm__fld--password input.f3-form-error,
    .frm__fld--password input:invalid:focus,
    .frm__fld--password input:invalid:hover,
    .frm__fld--search.is--invalid input,
    .frm__fld--search input.f3-form-error,
    .frm__fld--search input:invalid:focus,
    .frm__fld--search input:invalid:hover,
    .frm__fld--tel.is--invalid input,
    .frm__fld--tel input.f3-form-error,
    .frm__fld--tel input:invalid:focus,
    .frm__fld--tel input:invalid:hover,
    .frm__fld--text.is--invalid input,
    .frm__fld--text input.f3-form-error,
    .frm__fld--text input:invalid:focus,
    .frm__fld--text input:invalid:hover {
        outline: none
    }
}

.frm__fld--amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.frm__fld--amount .frm__fld__control {
    width: 60px
}

.frm__fld--amount .frm__fld__control input {
    padding: 0 .625em;
    text-align: center;
    display: inline
}

.frm__fld--amount .frm__fld__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 10px
}

.frm__fld--amount.has--refresh-button {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 15px
}

.frm__fld--amount.has--refresh-button .frm__fld__fake-label {
    margin-top: .1875rem;
    width: 100%
}

.frm__fld--amount.has--refresh-button .btn {
    margin-left: 10px
}

.frm__fld--amount.has--refresh-button .btn__text {
    text-transform: none;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

html[lang=ru] .frm__fld--amount.has--refresh-button .btn__text {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.frm__fld--select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 0;
    color: #000;
    display: block;
    height: 40px;
    margin: 0;
    padding: 0 2.5rem 0 .9375rem;
    position: relative;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .frm__fld--select select {
        height: 3.125rem;
        padding: 0 2.5rem 0 1.25rem
    }
}

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

.frm__fld--select select:focus {
    border-color: #999;
    outline: 0
}

.frm__fld--select select:disabled {
    background-color: #e1e1e1;
    border-color: #c1c1c1;
    color: #999
}

.frm__fld--select .icon {
    height: 1rem;
    pointer-events: none;
    position: absolute;
    right: .9375rem;
    top: 1.25rem;
    -webkit-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 16px;
    min-width: 16px
}

@media print,
screen and (min-width:48em) {
    .frm__fld--select .icon {
        top: 1.65rem
    }
}

.frm__fld--textarea textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 0;
    display: block;
    max-height: 15rem;
    min-height: 7.5rem;
    padding: .6875rem .9375rem;
    resize: vertical;
    text-align: left;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .frm__fld--textarea textarea {
        padding: 1rem 1.25rem
    }
}

.frm__fld--textarea textarea:focus {
    border-color: #999;
    outline: 0
}

.frm__fld--textarea textarea:disabled {
    background-color: #e1e1e1;
    border-color: #c1c1c1
}

.frm__fld--textarea .frm__fld__control:after {
    background-color: #fff;
    border-bottom: 3px solid #f39b00;
    border-right: 3px solid #f39b00;
    bottom: 4px;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    content: "";
    display: block;
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    width: 16px;
    z-index: 1
}

.frm__fld--textarea.is--disabled .frm__fld__control:after {
    background-color: #e1e1e1;
    -webkit-box-shadow: 0 0 0 2px #e1e1e1;
    box-shadow: 0 0 0 2px #e1e1e1
}

.frm__fld--textarea.is--invalid {
    background-color: #fff;
    border-color: #d52731
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .frm__fld--textarea.is--invalid {
        outline: none
    }
}

.frm__fld--checkbox,
.frm__fld--radiobutton {
    position: relative
}

.frm__fld--checkbox.is--inline,
.frm__fld--radiobutton.is--inline {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 30px
}

.frm__fld--checkbox .tags,
.frm__fld--radiobutton .tags {
    padding: 0
}

.frm__fld--group .frm__fld--checkbox:not(.is--inline),
.frm__fld--group .frm__fld--radiobutton:not(.is--inline) {
    margin-bottom: 15px
}

.frm__fld--group .frm__fld--checkbox:not(.is--inline):last-child,
.frm__fld--group .frm__fld--radiobutton:not(.is--inline):last-child {
    margin-bottom: 20px
}

.is--required .frm__fld--checkbox .frm__fld__label:after,
.is--required .frm__fld--radiobutton .frm__fld__label:after {
    content: normal
}

.frm__fld--checkbox .conformity_filetype_checkboxes,
.frm__fld--checkbox .tender_filetype_checkboxes,
.frm__fld--radiobutton .conformity_filetype_checkboxes,
.frm__fld--radiobutton .tender_filetype_checkboxes {
    padding-left: 2rem
}

.frm__fld--checkbox .conformity_filetype_checkboxes .form-control,
.frm__fld--checkbox .tender_filetype_checkboxes .form-control,
.frm__fld--radiobutton .conformity_filetype_checkboxes .form-control,
.frm__fld--radiobutton .tender_filetype_checkboxes .form-control {
    cursor: pointer;
    display: grid;
    grid-template-columns: 2em auto;
    gap: .5em;
    line-height: 2em;
    margin-top: 1em
}

.frm__fld--checkbox .conformity_filetype_checkboxes .form-control input[type=checkbox],
.frm__fld--checkbox .tender_filetype_checkboxes .form-control input[type=checkbox],
.frm__fld--radiobutton .conformity_filetype_checkboxes .form-control input[type=checkbox],
.frm__fld--radiobutton .tender_filetype_checkboxes .form-control input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 2em;
    height: 2em;
    border: 2px solid #c1c1c1;
    border-radius: .15em;
    -webkit-transform: translateY(-.075em);
    transform: translateY(-.075em);
    position: relative;
    visibility: visible;
    display: grid;
    place-content: center;
    cursor: pointer
}

.frm__fld--checkbox .conformity_filetype_checkboxes .form-control input[type=checkbox]:before,
.frm__fld--checkbox .tender_filetype_checkboxes .form-control input[type=checkbox]:before,
.frm__fld--radiobutton .conformity_filetype_checkboxes .form-control input[type=checkbox]:before,
.frm__fld--radiobutton .tender_filetype_checkboxes .form-control input[type=checkbox]:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .12s ease-in-out;
    transition: -webkit-transform .12s ease-in-out;
    transition: transform .12s ease-in-out;
    transition: transform .12s ease-in-out, -webkit-transform .12s ease-in-out;
    -webkit-box-shadow: inset 1em 1em #f39b00;
    box-shadow: inset 1em 1em #f39b00;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-clip-path: polygon(9.15% 51.92%, 0 65%, 46.59% 97.62%, 100% 16%, 86.34% 7.06%, 41.96% 74.89%);
    clip-path: polygon(9.15% 51.92%, 0 65%, 46.59% 97.62%, 100% 16%, 86.34% 7.06%, 41.96% 74.89%)
}

.frm__fld--checkbox .conformity_filetype_checkboxes .form-control input[type=checkbox]:checked:before,
.frm__fld--checkbox .tender_filetype_checkboxes .form-control input[type=checkbox]:checked:before,
.frm__fld--radiobutton .conformity_filetype_checkboxes .form-control input[type=checkbox]:checked:before,
.frm__fld--radiobutton .tender_filetype_checkboxes .form-control input[type=checkbox]:checked:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.frm__fld--checkbox input,
.frm__fld--radiobutton input {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    visibility: hidden
}

.frm__fld--checkbox .frm__fld__label,
.frm__fld--radiobutton .frm__fld__label {
    cursor: pointer;
    line-height: 1.4;
    min-height: 26px;
    padding: 0 0 0 36px;
    position: relative;
    text-transform: none
}

.frm__fld--checkbox .frm__fld__label.has--tags,
.frm__fld--radiobutton .frm__fld__label.has--tags {
    padding-top: 0
}

.frm__fld--checkbox .frm__fld__label.has--tags+.frm__fld__control,
.frm__fld--radiobutton .frm__fld__label.has--tags+.frm__fld__control {
    top: 1px
}

@media print,
screen and (min-width:48em) {

    .frm__fld--checkbox .frm__fld__label.has--tags+.frm__fld__control,
    .frm__fld--radiobutton .frm__fld__label.has--tags+.frm__fld__control {
        top: 3px
    }
}

.frm__fld--checkbox .frm__fld__control,
.frm__fld--radiobutton .frm__fld__control {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.frm__fld--checkbox .frm__fld__control__placeholder,
.frm__fld--radiobutton .frm__fld__control__placeholder {
    background-color: #fff;
    border: 2px solid #c1c1c1;
    height: 28px;
    width: 28px
}

.frm__fld--checkbox .frm__fld__control__placeholder .icon,
.frm__fld--radiobutton .frm__fld__control__placeholder .icon {
    display: none
}

.frm__fld--checkbox .frm__fld__control input:disabled+.frm__fld__control__placeholder,
.frm__fld--radiobutton .frm__fld__control input:disabled+.frm__fld__control__placeholder {
    background-color: #e1e1e1;
    border-color: #c1c1c1
}

.frm__fld--checkbox[class*=col--] .frm__fld__control,
.frm__fld--radiobutton[class*=col--] .frm__fld__control {
    left: 8px
}

.frm__fld--checkbox.is--disabled .frm__fld__label,
.frm__fld--radiobutton.is--disabled .frm__fld__label {
    cursor: default
}

.frm__fld--radiobutton .frm__fld__control__placeholder {
    border-radius: 50%
}

.frm__fld--radiobutton input:checked+.frm__fld__control__placeholder:before {
    content: "";
    background-color: #f39b00;
    border-radius: 50%;
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.frm__fld--radiobutton input:checked+.frm__fld__control__placeholder {
    border-color: #f39b00
}

.frm__fld--radiobutton input:disabled+.frm__fld__control__placeholder:before {
    background-color: #c1c1c1
}

.frm__fld--checkbox input:checked+.frm__fld__control__placeholder .icon {
    display: block;
    height: 20px;
    left: 1px;
    position: relative;
    top: 1px;
    width: 20px;
    min-width: auto
}

.frm__fld--checkbox input:disabled+.frm__fld__control__placeholder .icon {
    fill: #c1c1c1
}

.frm__fld--checkbox.is--invalid .frm__fld__control__placeholder {
    border-color: #d52731
}

.frm__note {
    color: #999;
    margin-top: -10px
}

@media print,
screen and (min-width:48em) {
    .frm__note {
        margin: 0
    }
}

.frm__buttons {
    margin-top: 20px
}

@media print,
screen and (min-width:48em) {
    .frm__buttons {
        margin-top: 2.125rem
    }
}

.frm__buttons--left {
    text-align: left
}

.frm__buttons--left .btn {
    margin-right: 10px
}

.frm__buttons--right {
    text-align: right
}

.frm__buttons--right .btn {
    margin-left: 10px
}

.frm .tipp-item--row input {
    width: 60px
}

.frm .tipp-item--header {
    margin-bottom: -12px
}

span.lds-dual-ring {
    display: block;
    margin-left: 8px;
    width: 12px;
    height: 12px
}

span.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 50%;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent;
    -webkit-animation: t 1.2s linear infinite;
    animation: t 1.2s linear infinite
}

.is-crm-form p,
.marketing-field {
    padding: 0 .625rem
}

.marketing-field input[type=email],
.marketing-field input[type=number],
.marketing-field input[type=password],
.marketing-field input[type=tel],
.marketing-field input[type=text],
.marketing-field select {
    height: 3.125rem
}

.marketing-field input[type=email],
.marketing-field input[type=number],
.marketing-field input[type=password],
.marketing-field input[type=tel],
.marketing-field input[type=text],
.marketing-field select,
.marketing-field textarea {
    border: 2px solid #c1c1c1;
    padding: 0 1.25em
}

.marketing-field label {
    display: inline-block;
    margin-bottom: .25rem
}

[data-editorblocktype=CaptchaBlock],
[data-editorblocktype=Content],
[data-editorblocktype=Field-dropdown],
[data-editorblocktype=Field-email],
[data-editorblocktype=Field-integer],
[data-editorblocktype=Field-phone],
[data-editorblocktype=Field-radioButtons],
[data-editorblocktype=Field-text],
[data-editorblocktype=Field-textarea],
[data-editorblocktype=SubmitButtonBlock] {
    margin-bottom: 1.25rem
}

[data-editorblocktype=Field-dropdown] select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    outline: none;
    grid-area: a
}

[data-editorblocktype=Field-dropdown] select::-ms-expand {
    display: none
}

[data-editorblocktype=Field-dropdown] .lp-form-field {
    display: grid;
    grid-template-areas: "a";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-editorblocktype=Field-dropdown] .lp-form-field:after {
    content: "";
    width: 3.125rem;
    height: 3.125rem;
    grid-area: a;
    justify-self: end;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="rgb(243, 155, 0)"><polygon points="7.3,34.6 12.6,39.9 32.6,20 12.6,0 7.3,5.4 21.9,20 "/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem;
    rotate: 90deg;
    pointer-events: none
}

[data-editorblocktype=Content] {
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif !important
}

[data-block-datatype=Field-checkbox] input[type=checkbox],
[data-editorblocktype=Field-checkbox] input[type=checkbox],
[data-editorblocktype=Field-checkboxList] input[type=checkbox],
[data-editorblocktype=SubscriptionListBlock] input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    display: inline-block;
    font: inherit;
    color: currentColor;
    width: 1.875rem;
    height: 1.875rem;
    border: 2px solid #c1c1c1
}

[data-block-datatype=Field-checkbox] input[type=checkbox]:checked,
[data-editorblocktype=Field-checkbox] input[type=checkbox]:checked,
[data-editorblocktype=Field-checkboxList] input[type=checkbox]:checked,
[data-editorblocktype=SubscriptionListBlock] input[type=checkbox]:checked {
    border: 2px solid #f39b00;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="rgb(243, 155, 0)"><path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem
}

[data-block-datatype=Field-checkbox] .lp-form-field,
[data-editorblocktype=Field-checkbox] .lp-form-field {
    display: grid;
    grid-template-columns: 1.875rem auto;
    gap: 1rem
}

[data-editorblocktype=Field-checkbox]:not(:last-child) {
    margin-bottom: .5rem
}

[data-editorblocktype=Field-checkboxList] .lp-form-field,
[data-editorblocktype=Field-checkboxList] .lp-form-field>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

[data-editorblocktype=Field-checkboxList] .lp-form-field>span .lp-checkboxListItem {
    margin-top: 1rem
}

[data-editorblocktype=Field-checkboxList] .lp-form-field>span .lp-checkboxListItem,
[data-editorblocktype=SubscriptionListBlock] .marketing-subscription-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

[data-editorblocktype=Field-radioButtons] .lp-radioButtonsContainer>span,
[data-editorblocktype=Field-radioButtons] .marketing-field>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

[data-editorblocktype=Field-radioButtons] .lp-radioButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-editorblocktype=Field-radioButtons] .lp-radioButton input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    margin-right: .5rem;
    color: #c1c1c1;
    font: inherit;
    width: 1.875rem;
    height: 1.875rem;
    border: 2px solid currentColor;
    border-radius: 50%;
    display: grid;
    place-content: center
}

[data-editorblocktype=Field-radioButtons] .lp-radioButton input[type=radio]:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .12s ease-in-out;
    transition: -webkit-transform .12s ease-in-out;
    transition: transform .12s ease-in-out;
    transition: transform .12s ease-in-out, -webkit-transform .12s ease-in-out;
    -webkit-box-shadow: inset 1em 1em #f39b00;
    box-shadow: inset 1em 1em #f39b00
}

[data-editorblocktype=Field-radioButtons] .lp-radioButton input[type=radio]:checked {
    color: #f39b00
}

[data-editorblocktype=Field-radioButtons] .lp-radioButton input[type=radio]:checked:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-editorblocktype=Field-radioButtons] .lp-radioButton:focus-within {
    color: #f39b00
}

[data-editorblocktype=SubmitButtonBlock] button {
    height: 3.125rem;
    background-color: #f39b00;
    color: #fff;
    padding: 0 1.875em;
    text-transform: uppercase;
    letter-spacing: .025rem
}

[data-editorblocktype=SubmitButtonBlock] button:hover {
    background-color: #fb4;
    color: #000;
    cursor: pointer
}

[data-editorblocktype=Field-textarea] {
    position: relative
}

[data-editorblocktype=Field-textarea] textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    border-radius: 0;
    display: block;
    max-height: 15rem;
    min-height: 7.5rem;
    padding: .6875rem .9375rem;
    resize: vertical;
    text-align: left;
    width: 100%
}

[data-editorblocktype=Field-textarea] .textarea-handler,
[data-editorblocktype=Field-textarea] textarea:before {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-bottom: 3px solid #f39b00;
    border-right: 3px solid #f39b00;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    pointer-events: none;
    z-index: 1
}

[data-editorblocktype=Field-textarea] textarea:before {
    display: block;
    content: ""
}

[data-editorblocktype=Field-phone] {
    display: none
}

.accordion__title>* {
    pointer-events: none
}

[data-editorblocktype=Field-integer] .marketing-field .lp-form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

[data-editorblocktype=Field-integer] .marketing-field .lp-form-field label {
    width: 67% !important
}

[data-editorblocktype=Field-integer] .marketing-field .lp-form-field input {
    width: 33% !important
}

@media print,
screen and (min-width:48em) {
    [data-editorblocktype=Field-integer] .marketing-field .lp-form-field label {
        width: 80% !important
    }

    [data-editorblocktype=Field-integer] .marketing-field .lp-form-field input {
        width: 20% !important
    }
}

.mod {
    margin: 30px 0
}

.section-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 60px 0 1.5rem;
    min-height: 50px
}

@media print,
screen and (min-width:48em) {
    .section-header {
        min-height: 72px
    }
}

.section-header.no-margin-top {
    margin-top: 0
}

.section-header+.tabs-navigation {
    margin-top: -30px
}

@media print,
screen and (min-width:48em) {
    .section-header.shift {
        position: relative;
        min-height: 0;
        margin-left: -5.625rem
    }

    .section-header.shift .shield {
        position: absolute
    }

    .section-header.shift .heading-container {
        margin-left: 5.625rem
    }
}

.section-header .shield {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: .5rem;
    margin-right: 10px;
    top: .12rem
}

.section-header .shield .icon {
    height: 1.375rem;
    width: 1.375rem;
    min-width: 1.375rem
}

.section-header .shield:after {
    bottom: -10px;
    border-width: 10px 19px 0
}

@media print,
screen and (min-width:48em) {
    .section-header .shield {
        background: #000;
        padding: .75rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin-right: 1.25rem
    }

    .section-header .shield:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        left: 0;
        border-style: solid;
        border-width: 0.75rem 1.875rem 0;
        border-color: #000 transparent transparent
    }

    .section-header .shield .icon {
        height: 2.25rem;
        width: 2.25rem;
        min-width: 2.25rem
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .section-header .shield {
        margin-right: 1.875rem
    }
}

.section-header .heading-container>:last-child {
    margin-bottom: 0
}

.section-header .section-title {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin: 0;
    position: relative;
    top: -.12em
}

html[lang=ru] .section-header .section-title {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .section-header .section-title {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 2.25rem;
        line-height: .94;
        text-transform: uppercase;
        margin-top: 2.5rem;
        margin-bottom: 1.863rem;
        margin-top: 0;
        margin-bottom: 8px
    }

    html[lang=ru] .section-header .section-title {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.section-header .subheadline {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.22
}

html[lang=ru] .section-header .subheadline {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .section-header .subheadline {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        line-height: 1.22;
        margin-top: 2rem;
        margin-bottom: 1.5rem
    }

    html[lang=ru] .section-header .subheadline {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.section-header+.mod {
    margin-top: 30px
}

@media print,
screen and (min-width:48em) {
    .section-header+.mod {
        margin-top: 60px
    }
}

.main-content.has--sidebar>:first-child.mod .section-header,
.main-content>:not(:first-child).mod .section-header {
    margin-top: 0 !important
}

.link-group--accordion {
    margin: 30px 0 50px
}

@media print,
screen and (min-width:48em) {
    .link-group--accordion {
        margin: 55px 0
    }
}

.link-group--download,
.link-group--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.link-group--download .link-group__item,
.link-group--list .link-group__item {
    margin-bottom: 10px;
    padding: 0 15px;
    width: 100%
}

@media print,
screen and (min-width:30em) {

    .link-group--download .link-group__item,
    .link-group--list .link-group__item {
        margin-bottom: 25px;
        width: 50%
    }
}

@media print,
screen and (min-width:48em) {

    .link-group--download .link-group__item,
    .link-group--list .link-group__item {
        width: 33.33333%
    }
}

.link--accordion {
    border-bottom: 1px solid #c1c1c1;
    display: block;
    padding: 17px 15px 17px 50px;
    position: relative
}

.link--accordion:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.link--accordion:first-child {
    border-top: 1px solid #c1c1c1
}

.link--accordion:hover .icon {
    fill: #000
}

.link--accordion .link__icon {
    height: 36px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 36px
}

.link--accordion .link__title {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
    display: block;
    max-width: 100%
}

html[lang=ru] .link--accordion .link__title {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.link--accordion .link__text {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px
}

.link--accordion.has--tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0 10px 50px
}

.link--accordion.has--tags .link__title {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    margin: 3px 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

html[lang=ru] .link--accordion.has--tags .link__title {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .link--accordion.has--tags .link__title {
        width: 60%
    }
}

.link--accordion.has--tags .link__tags {
    margin-top: 10px;
    padding-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .link--accordion.has--tags .link__tags {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -5px;
        margin-top: 3px;
        float: none;
        width: 40%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.collapsable__content {
    padding-bottom: 20px
}

@media print,
screen and (min-width:30em) {
    .collapsable__content {
        padding-bottom: 5px
    }
}

@media print,
screen and (min-width:48em) {
    .collapsable__content {
        padding-bottom: 30px
    }
}

.collapsable__content+.btn.more {
    margin-top: 0
}

.collapsable>.btn .icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, transform .3s ease;
    transition: fill .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.collapsable.is--collapsed>.btn .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.collapsable--enabled .more {
    display: none
}

.site-settings {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.page-header .site-settings {
    display: none
}

@media screen and (min-width:73.125em) {
    .page-header .site-settings {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.main-navigation .site-settings {
    color: #f39b00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-navigation .site-settings .icon {
    fill: #f39b00
}

@media screen and (min-width:73.125em) {
    .main-navigation .site-settings {
        display: none
    }
}

.site-settings-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1001
}

.site-settings-item:not(:last-child) {
    margin-right: 2rem
}

.no-touch .site-settings-item:hover,
.touch .site-settings-item.is--open {
    cursor: pointer;
    color: #000
}

.no-touch .site-settings-item:hover .icon,
.touch .site-settings-item.is--open .icon {
    fill: #000
}

.no-touch .site-settings-item:hover .icon:not(.icon--is-left),
.touch .site-settings-item.is--open .icon:not(.icon--is-left) {
    height: 1rem;
    min-width: 1rem;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 1rem
}

.no-touch .site-settings-item:hover ul,
.touch .site-settings-item.is--open ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.site-settings-item>span {
    font-size: 1rem;
    font-weight: 700
}

.site-settings-item>span.lang {
    font-size: .875rem;
    font-weight: 400
}

.site-settings-item .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #fff;
    margin-left: .25rem
}

.site-settings-item .icon.icon--is-left {
    margin-left: 0;
    margin-right: .25rem;
    -webkit-transform: none;
    transform: none
}

.site-settings-item ul {
    -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    background-color: #fff;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%
}

@media screen and (min-width:73.125em) {
    .site-settings-item ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1rem;
        width: 4rem
    }

    .site-settings-item ul:before {
        border-bottom: .5rem solid #fff;
        border-left: .75rem solid transparent;
        border-right: .75rem solid transparent;
        bottom: 100%;
        content: "";
        height: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 0
    }
}

@media screen and (min-width:73.125em) {
    .site-settings-item li:not(:last-child) {
        margin-bottom: 1em
    }
}

.site-settings-item a {
    color: #999;
    display: block;
    padding: 1rem
}

.no-touch .site-settings-item a:hover {
    color: #000
}

@media screen and (min-width:73.125em) {
    .site-settings-item a {
        padding: 0
    }
}

@media screen and (min-width:73.125em) {
    .site-settings-item {
        position: relative
    }
}

.mod-teaser article.teaser-list {
    padding: 1rem
}

.mod-teaser article.teaser-list .list-article-picture {
    padding-right: 1rem;
    border-right: 1px solid #c1c1c1;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 185px;
    flex: 0 0 185px
}

.mod-teaser article.teaser-list .list-article-picture .teaser__picture {
    border: none !important;
    margin: 0
}

.teaser {
    color: #000;
    display: block;
    margin: 0 0 25px;
    position: relative;
    text-decoration: none
}

@media print,
screen and (min-width:48em) {
    .teaser {
        margin: 0 0 60px
    }
}

.teaser [class*=teaser__] {
    display: block
}

.teaser__picture {
    position: relative
}

.teaser__picture:before {
    content: "";
    display: block;
    padding-top: 100%
}

.teaser__picture .inner,
.teaser__picture iframe,
.teaser__picture picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: auto
}

.teaser__picture iframe {
    height: 100%;
    width: 100%
}

.teaser__picture--image,
.teaser__picture--video {
    margin-bottom: 15px;
    position: relative
}

.teaser__picture--image picture,
.teaser__picture--video picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

@media print,
screen and (min-width:30em) {

    .teaser__picture--image picture,
    .teaser__picture--video picture {
        padding: 0
    }
}

.teaser__picture--image picture img,
.teaser__picture--video picture img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

@media print,
screen and (min-width:48em) {

    .teaser__picture--image,
    .teaser__picture--video {
        margin-bottom: 25px
    }
}

.teaser__picture--image picture img,
.teaser__picture--video picture img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.teaser__picture--image--tab,
.teaser__picture--video--tab {
    margin: 25px 0
}

@media print,
screen and (min-width:48em) {

    .teaser__picture--image--tab,
    .teaser__picture--video--tab {
        margin: 50px 0
    }
}

.teaser__content .frm__fld--amount {
    margin-top: 0
}

@media screen and (max-width:63.9375em) {
    .teaser__tags .tags {
        padding-bottom: .313em
    }
}

.teaser__excerpt,
.teaser__header {
    display: block
}

.teaser__excerpt h3,
.teaser__header h3 {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

html[lang=ru] .teaser__excerpt h3,
html[lang=ru] .teaser__header h3 {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.teaser__excerpt p,
.teaser__header p {
    margin: 0
}

.teaser__header {
    padding-bottom: 10px
}

@media print,
screen and (min-width:48em) {
    .teaser__header {
        padding-bottom: 25px
    }
}

.teaser__header .headline,
.teaser__header .subheadline,
.teaser__header h1,
.teaser__header h2,
.teaser__header h3 {
    margin-top: 0
}

@media screen and (max-width:47.9375em) {

    .teaser__header h2,
    .teaser__header h2:last-child {
        margin-bottom: .438rem
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .teaser__header h2 {
        font-size: 1.125rem
    }
}

.teaser__header :last-child {
    margin-bottom: 0 !important
}

.teaser__excerpt {
    padding-bottom: 14px
}

.teaser.has--background {
    background: #d1d5d8;
    background: -moz-linear-gradient(-45deg, #d1d5d8 0, #ebebeb 37%, #ebebeb 50%, #d1d5d8 100%);
    background: -webkit-linear-gradient(-45deg, #d1d5d8, #ebebeb 37%, #ebebeb 50%, #d1d5d8);
    background: -webkit-linear-gradient(335deg, #d1d5d8, #ebebeb 37%, #ebebeb 50%, #d1d5d8);
    background: linear-gradient(115deg, #d1d5d8, #ebebeb 37%, #ebebeb 50%, #d1d5d8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-gray-700", endColorstr="$color-gray-700", GradientType=1);
    padding: 20px
}

.teaser.has--background picture {
    max-height: 22.5rem
}

@media screen and (max-width:63.9375em) {
    .columns:not(.slide)>.teaser.has--background {
        display: block;
        margin-bottom: 35px
    }

    .columns:not(.slide)>.teaser.has--background:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden
    }

    .columns:not(.slide)>.teaser.has--background .teaser__picture {
        float: left;
        margin-right: 30px;
        width: calc(33.33333% - 15px)
    }

    .columns:not(.slide)>.teaser.has--background .teaser__picture picture {
        height: auto;
        margin-bottom: 0;
        padding: 0
    }

    .columns:not(.slide)>.teaser.has--background .teaser__content {
        float: left;
        padding: 0;
        width: calc(66.66667% - 15px)
    }
}

@media print,
screen and (min-width:30em) {
    .teaser.has--image-left {
        display: block;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 -15px 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .teaser.has--image-left:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden
    }

    .teaser.has--image-left .teaser__picture {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 250px;
        flex: 1 1 250px;
        margin: 0 15px 30px;
        min-width: 120px;
        max-width: 22.5rem
    }

    .teaser.has--image-left .teaser__picture picture {
        height: auto;
        max-height: 22.5rem
    }

    .teaser.has--image-left .teaser__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 22.5rem;
        flex: 1 1 22.5rem;
        min-width: 22.5rem;
        max-width: 100%;
        margin: 0 15px
    }

    .teaser.has--image-left .teaser__header {
        padding-bottom: 23px
    }
}

@media print,
screen and (min-width:48em) {
    .teaser.has--image-left.has--image-small .teaser__picture {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        margin-bottom: 0;
        max-width: 185px
    }

    .teaser.has--image-left.has--image-small .teaser__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .teaser.has--image-left.has--image-small .teaser__header {
        padding-bottom: 24px
    }

    .teaser.has--image-left.has--image-small .teaser__header .subheadline,
    .teaser.has--image-left.has--image-small .teaser__header h2 {
        margin-bottom: .6rem;
        margin-top: 0
    }

    .teaser.has--image-left.has--image-small .teaser__excerpt {
        margin-top: -3px;
        padding-bottom: 24px
    }
}

.teaser:hover>.btn .icon {
    fill: #000
}

.teaser:focus {
    outline: none
}

.teaser--image {
    max-width: 100%;
}

.teaser--video .teaser__picture:before {
    padding-top: 100%
}

.teaser--video .teaser__picture--video .teaser__video__icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.teaser--video .teaser__picture--video .teaser__video__icon .icon {
    fill: #f39b00;
    height: 96px;
    width: 96px;
    background-color: #fff;
    padding: 5px;
    opacity: .9;
    filter: alpha(opacity=90);
    border-radius: 50%
}

.teaser--video .teaser__picture--video:hover .icon {
    fill: #fff;
    background-color: #f39b00
}

@media screen and (max-width:63.9375em) {
    .limiter--enabled+.btn.more {
        margin-top: 0
    }
}

.mod-slider:first-child {
    margin-top: 0
}

@media screen and (max-width:63.9375em) {
    .mod-slider {
        margin-bottom: 65px
    }
}

.videoTeaser-wrap {
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .videoTeaser-wrap {
        max-width: 360px
    }
}

.is-belayout .columns .videoTeaser-wrap {
    width: inherit
}

.art-num-teaser {
    font-size: .9rem;
    color: #888;
    margin-bottom: 5px
}

.art-title-teaser {
    font-size: 1.1rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

a.teaser--link-font {
    color: #000
}

.slider {
    margin: 0 -15px 3.75rem
}

@media screen and (min-width:76.875em) {
    .slider {
        margin-bottom: 0
    }
}

.slider .flickity-page-dots {
    bottom: -15px
}

.has--sidebar .slider .row.flickity-enabled:after,
.has--sidebar .slider .row.flickity-enabled:before {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 13px;
    z-index: 10
}

.has--sidebar .slider .row.flickity-enabled:before {
    left: 0
}

.has--sidebar .slider .row.flickity-enabled:after {
    right: 0
}

.has--sidebar .slider .flickity-prev-next-button {
    z-index: 20
}

.has--sidebar .slider .flickity-prev-next-button.previous {
    left: -10px
}

.has--sidebar .slider .flickity-prev-next-button.next {
    right: -10px
}

.slider--teaser .flickity-page-dots {
    display: none
}

.slider--teaser .flickity-prev-next-button {
    top: 132px
}

@media screen and (max-width:1230px) {
    .slider--teaser .flickity-page-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .slider--teaser .flickity-prev-next-button {
        display: none
    }
}

.slider--mobile .flickity-prev-next-button {
    display: none
}

@media print,
screen and (min-width:64em) {
    .slider--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.slider--image {
    margin-bottom: 50px
}

.slider--image:not(.flickity-enabled) .slide:not(:first-child) {
    display: none
}

.slider--image .flickity-page-dots {
    bottom: -60px
}

.slider--image .flickity-prev-next-button {
    display: none
}

@media print,
screen and (min-width:64em) {
    .slider--image .flickity-prev-next-button {
        display: block
    }
}

.slider--image .slide {
    display: block;
    text-align: center;
    width: 100%
}

.slider--image .slide__image,
.slider--image .slide picture {
    display: block
}

.slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    width: 100%
}

@media print,
screen and (min-width:30em) {
    .slider:not(.slider--image) .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media print,
screen and (min-width:48em) {
    .slider:not(.slider--image) .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media print,
screen and (min-width:64em) {
    .slider:not(.slider--image) .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media print,
screen and (min-width:64em) {
    .has--sidebar .slider:not(.slider--image) .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.flickity-enabled.is-draggable .flickity-viewport {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important
}

a.popup-youtube {
    margin-top: 25px
}

@media print,
screen and (min-width:48em) {
    .has--breadcrumb .carousel.stage {
        margin-bottom: 0
    }

    .has--breadcrumb .carousel {
        padding-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .reference-slider .slider:not(.slider--image) .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media print,
screen and (min-width:48em) {
    [data-item-count="2"] .slider:not(.slider--image) .slide {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

[data-item-count="2"]>.flickity-enabled>button {
    display: none
}

@media screen and (max-width:63.9375em) {
    .nav--tabs.is--mobile-fallback {
        display: none
    }
}

.tabs {
    margin-bottom: 30px
}

.tabs__content>.row>.columns>:first-child {
    margin-top: 0
}

.tabs-navigation {
    display: block;
    margin-bottom: 30px
}

.tabs-navigation:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.tabs-navigation .tab {
    float: left;
    margin-right: 3px
}

.tabs-navigation .tab a {
    border-bottom: 5px solid #f39b00;
    color: #000;
    cursor: pointer;
    display: block;
    padding: 0 30px 6px 0;
    text-transform: uppercase;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.tabs-navigation .tab.is--active a,
.tabs-navigation .tab:hover a,
.tabs-navigation .tab a.is-active {
    border-bottom-color: #000;
    color: #000
}

.tabs--enabled .tabs__content,
.tabs--enabled .tabs__name {
    display: none
}

.tabs--enabled .tabs__content.is--active {
    display: block
}

@media screen and (max-width:63.9375em) {
    .tabs.is--mobile-fallback .tabs__name {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        line-height: 1.22;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        border-top: 1px solid #e1e1e1;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 51px;
        line-height: 36px;
        margin: 0 -15px;
        padding: 7px 15px;
        -webkit-transition: border-color .3s ease;
        transition: border-color .3s ease
    }

    html[lang=ru] .tabs.is--mobile-fallback .tabs__name {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif;
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }

    .tabs.is--mobile-fallback .tabs__name:last-of-type {
        border-bottom: 1px solid #e1e1e1
    }

    .tabs.is--mobile-fallback .tabs__name span {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }
}

@media screen and (max-width:63.9375em) {
    .tabs.is--mobile-fallback .tabs__content {
        background: #fff;
        bottom: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 95px 15px 90px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1010
    }

    .tabs.is--mobile-fallback .tabs__content h2 {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
    }

    html[lang=ru] .tabs.is--mobile-fallback .tabs__content h2 {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

@media print,
screen and (min-width:64em) {
    .tabs.is--mobile-fallback .tabs__content {
        margin-top: 60px;
        margin-bottom: 64px
    }
}

.tabs-close {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    display: none;
    height: 60px;
    left: 0;
    padding: 12px 15px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1020 !important
}

.tabs-close svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tabs-close.is--active {
    display: block
}

@media print,
screen and (min-width:64em) {
    .tabs-close {
        display: none
    }
}

.section-header+.nav--tabs {
    margin-top: 25px
}

.main-content>:last-child.mod-teaser:last-child .tabs .tab__content {
    padding-bottom: 0
}

.accordion {
    border-bottom: 1px solid #e1e1e1;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px
}

@media print,
screen and (min-width:48em) {
    .accordion {
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }
}

.accordion__title {
    border-top: 1px solid #e1e1e1;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: inherit;
    margin: 0 -15px;
    padding: 15px 65px 15px 15px;
    position: relative
}

html[lang=ru] .accordion__title {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .accordion__title {
        margin: 0;
        padding-left: 0;
        padding-right: 50px
    }
}

.accordion__title .icon {
    display: none;
    height: 36px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 36px
}

@media print,
screen and (min-width:48em) {
    .accordion__title .icon {
        right: 0
    }
}

.accordion__content__inner {
    padding-top: 10px
}

.accordion--enabled .accordion__title {
    cursor: pointer
}

.accordion--enabled .accordion__title .icon {
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, transform .3s ease;
    transition: fill .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.accordion--enabled .accordion__title:hover .icon {
    fill: #000
}

.accordion--enabled .accordion__title.is--active .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion--enabled .accordion__content {
    display: none
}

.accordion--enabled .accordion__content.is--active {
    display: block
}

.accordion--accentuated {
    border-bottom-color: #c1c1c1
}

.accordion--accentuated .accordion__title {
    border-top-color: #c1c1c1;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem
}

html[lang=ru] .accordion--accentuated .accordion__title {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.accordion--accentuated .accordion__title .icon {
    height: 2.5rem;
    width: 2.5rem
}

.linethrough+.accordion {
    margin-top: 25px
}

@media print,
screen and (min-width:48em) {
    .linethrough+.accordion {
        margin-top: 55px
    }
}

.accordion_filter .accordion__content__inner {
    padding-top: 0
}

.js-country-select .accordion__content {
    padding-bottom: 13px;
    padding-right: 13px
}

.js-country-select .accordion__content__inner {
    max-height: 170px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 0
}

.js-country-select .accordion__content__inner>ul {
    margin: 0;
    padding: 0
}

.js-country-select .accordion__content__inner>ul>li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    padding: .2em 0
}

.js-country-select .accordion__content__inner>ul>li>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 17px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.js-country-select .accordion__content__inner>ul>li>a:active,
.js-country-select .accordion__content__inner>ul>li>a:focus,
.js-country-select .accordion__content__inner>ul>li>a:hover {
    color: #f39c12
}

.js-country-select .accordion__content__inner>ul>li>a>img {
    margin-right: 10px;
    min-width: 32px
}

.js-country-select .accordion__content__inner>ul>li>a>span {
    font-size: .825rem;
    word-wrap: break-word;
    min-width: 100%;
    width: 100%
}

.js-country-select .accordion__content__inner::-webkit-scrollbar {
    width: 10px
}

.js-country-select .accordion__content__inner::-webkit-scrollbar-track {
    background: #eee
}

.js-country-select .accordion__content__inner::-webkit-scrollbar-thumb {
    background: #f39c12
}

.js-country-select .accordion__content__inner::-webkit-scrollbar-thumb:hover {
    background: #fb4
}

.js-country-select .global-link {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    margin: 0 -15px;
    padding: 15px 65px 15px 15px;
    display: block;
    color: #000;
    position: relative;
    border-top: 3px solid #e1e1e1
}

.js-country-select .global-link>.icon {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.js-country-select .global-link:active>.icon,
.js-country-select .global-link:focus>.icon,
.js-country-select .global-link:hover>.icon {
    fill: #000
}

@media print,
screen and (min-width:48em) {
    .js-country-select .global-link {
        margin: 0;
        padding: 15px 65px 15px 0
    }

    .js-country-select .global-link>.icon {
        right: 0
    }
}

.keyvisual {
    display: block;
    margin: 0 0 60px;
    position: relative
}

@media print,
screen and (min-width:48em) {
    .keyvisual {
        margin: 0 0 60px
    }
}

.keyvisual+.keyvisual,
.keyvisual+.keyvisual.has--shield {
    margin-top: -30px
}

.keyvisual__caption {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    left: 0;
    padding: 20px 15px;
    position: absolute;
    top: 0;
    width: 100%
}

html[lang=ru] .keyvisual__caption {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.keyvisual__caption .headline,
.keyvisual__caption .subheadline,
.keyvisual__caption h1,
.keyvisual__caption h2,
.keyvisual__caption h3 {
    margin-top: 0
}

@media print,
screen and (min-width:48em) {
    .keyvisual__caption {
        padding: 40px
    }
}

.keyvisual__headline {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.12;
    margin-bottom: 1rem
}

html[lang=ru] .keyvisual__headline {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .keyvisual__headline {
        font-size: 1.5rem
    }
}

.keyvisual.has--shield {
    margin-top: 10px
}

.keyvisual.has--shield .keyvisual__caption {
    padding-left: 130px
}

@media screen and (max-width:47.9375em) {
    .keyvisual.has--shield .keyvisual__caption {
        padding: 15px 15px 15px 70px
    }
}

.keyvisual.has--shield .shield {
    padding: .5rem;
    left: 10px;
    position: absolute;
    top: -5px
}

.keyvisual.has--shield .shield .icon {
    height: 1.375rem;
    width: 1.375rem;
    min-width: 1.375rem
}

.keyvisual.has--shield .shield:after {
    bottom: -10px;
    border-width: 10px 19px 0
}

@media print,
screen and (min-width:48em) {
    .keyvisual.has--shield .shield {
        background: #000;
        padding: .75rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin-right: 1.25rem;
        left: 30px;
        position: absolute;
        top: -10px
    }

    .keyvisual.has--shield .shield:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        left: 0;
        border-style: solid;
        border-width: 0.75rem 1.875rem 0;
        border-color: #000 transparent transparent
    }

    .keyvisual.has--shield .shield .icon {
        height: 2.25rem;
        width: 2.25rem;
        min-width: 2.25rem
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .keyvisual.has--shield .shield {
        margin-right: 1.875rem
    }
}

.keyvisual:not(.has--shield) .keyvisual__headline {
    text-transform: none
}

.pagination {
    padding: 0;
    margin: 1rem auto;
    display: block
}

.pagination:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

@media print,
screen and (min-width:48em) {
    .pagination {
        margin-top: 4rem;
        margin-bottom: 0
    }
}

.pagination>.row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination>.row .columns {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagination>.row .medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 16.666666666%;
    flex: 0 1 16.666666666%
}

.pagination>.row .medium-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%
}

@media screen and (max-width:47.9375em) {
    .pagination>.row .medium-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 55%;
        flex: 0 1 55%
    }
}

.pagination .site-number {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagination .icon {
    width: 1.475rem;
    height: 1.475rem;
    min-width: 1.475rem
}

@media screen and (max-width:47.9375em) {
    .pagination .icon {
        height: 2.5rem;
        width: 2.5rem;
        min-width: 2.5rem
    }
}

.pagination .pagination__item {
    display: inline-block;
    margin: .15rem .375rem .375rem;
    color: #999
}

.pagination .pagination__item.active,
.pagination .pagination__item.active a {
    color: #000
}

.pagination .pagination__item a {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #999
}

html[lang=ru] .pagination .pagination__item a {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.pagination .pagination__item a:hover {
    color: #000
}

.pagination .btn:hover {
    fill: #000
}

.pagination .pagination__overall {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem
}

@media screen and (min-width:48em) {
    .pagination .pagination__overall {
        display: none
    }
}

.pagination .pagination__pages {
    margin-left: 1rem;
    margin-right: 1rem
}

@media screen and (max-width:47.9375em) {
    .pagination .pagination__pages {
        display: none
    }
}

.pagination .pagination__next,
.pagination .pagination__overall,
.pagination .pagination__pages,
.pagination .pagination__previous {
    float: left
}

@media screen and (max-width:47.9375em) {

    .pagination .pagination__next,
    .pagination .pagination__previous {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

.pagination .pagination__next>a.is--disabled,
.pagination .pagination__previous>a.is--disabled {
    cursor: not-allowed
}

.pagination .pagination__next>a.is--disabled svg.icon,
.pagination .pagination__previous>a.is--disabled svg.icon {
    fill: #e1e1e1
}

.pagination .pagination__previous svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    .pagination .pagination__next a,
    .pagination .pagination__previous a {
        display: inline-block
    }
}

.tags {
    display: block;
    margin-bottom: 1em
}

.tags:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.tags .tag {
    background: #e1e1e1;
    color: #000;
    float: left;
    font-size: .75rem;
    line-height: 1.1875rem;
    margin: 0 3px 3px 0;
    padding: 5px 7px 4px
}

@media print,
screen and (min-width:48em) {
    .tags .tag {
        font-size: .875rem;
        margin: 0 5px 5px 0;
        padding: 7px 10px 6px
    }
}

.tags .tag.is--dark {
    background: #c1c1c1
}

.tags .tag.is--large {
    font-size: 1.25rem;
    padding: 8px 7px 9px;
    word-wrap: break-word
}

@media print,
screen and (min-width:48em) {
    .tags .tag.is--large {
        font-size: 1.5rem;
        padding: 10px 10px 11px
    }
}

.tags .tag.has--icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 10px 0
}

.tags .tag.has--icon:hover {
    color: #999;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.tags .tag.has--icon:hover .icon {
    fill: #999
}

.tags .tag.has--icon .icon {
    display: inline-block;
    fill: #000;
    margin-left: 10px
}

.tags .tag.do--clear {
    clear: both
}

.category-filter-selected {
    position: relative;
    padding: 0 50px 0 0;
    margin: 30px 0 60px
}

.category-filter-selected a {
    text-decoration: none
}

@media screen and (max-width:480px) {
    .category-filter-selected {
        margin: 15px 0 10px
    }
}

.category-filter-selected .tags span {
    position: relative;
    padding-right: 34px;
    margin: 0 7px 7px 0;
    text-transform: none;
    -webkit-transition: all all .2s;
    transition: all all .2s
}

@media screen and (max-width:480px) {
    .category-filter-selected .tags span {
        margin: 0 10px 10px 0
    }
}

.category-filter-selected .tags span .icon {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    position: absolute;
    color: #000;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all all .2s;
    transition: all all .2s
}

@media screen and (max-width:768px) {
    .category-filter-selected .tags span .icon {
        font-size: 2rem
    }
}

.flags {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.flags .flag {
    background-color: #231f20;
    color: #f39b00;
    display: block;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    height: 30px;
    line-height: 29px;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

html[lang=ru] .flags .flag {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.flags .flag:after {
    border: 15px solid transparent;
    border-left: 10px solid #231f20;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -25px;
    top: 0;
    width: 0
}

.google-map {
    height: 25rem;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 20px
}

@media print,
screen and (min-width:48em) {
    .google-map {
        margin-top: 60px;
        margin-bottom: 0
    }
}

.google-map:empty {
    background-color: #f0ede6;
    position: relative
}

.google-map:empty:after {
    content: "Google Map Placeholder";
    display: block;
    font-size: 1.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.numbered-list--circle {
    counter-reset: a;
    display: block;
    margin: 60px 0;
    padding-left: 0
}

.numbered-list--circle:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.numbered-list--circle li {
    display: block;
    list-style-type: none;
    margin: 0 0 30px;
    padding: 66px 0 0;
    position: relative;
    width: 100%
}

.numbered-list--circle li:before {
    background-color: #ebebeb;
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-size: 1.125rem;
    margin-bottom: 15px;
    padding: 25px;
    position: absolute;
    top: 0
}

.numbered-list--circle li:after {
    content: counter(a);
    counter-increment: a;
    display: inline-block;
    font-size: 1.125rem;
    left: 0;
    position: absolute;
    text-align: center;
    top: 13px;
    width: 50px
}

@media print,
screen and (min-width:30em) {
    .numbered-list--circle li {
        float: left;
        width: 50%;
        padding-right: 30px
    }

    .numbered-list--circle li:nth-child(2n) {
        padding-right: 0
    }

    .numbered-list--circle li:nth-child(odd) {
        clear: both
    }
}

@media print,
screen and (min-width:48em) {
    .numbered-list--circle li {
        width: 33%
    }

    .numbered-list--circle li:nth-child(odd) {
        clear: none;
        padding-right: 30px
    }

    .numbered-list--circle li:nth-child(2n) {
        padding-right: 30px
    }

    .numbered-list--circle li:nth-child(3n+1) {
        clear: both
    }
}

.column-divided {
    margin: 60px 0
}

.column-divided .media {
    margin-bottom: 0
}

.column-divided p {
    padding-bottom: 8px
}

.column-divided .headline,
.column-divided .subheadline,
.column-divided h1,
.column-divided h2,
.column-divided h3 {
    margin-top: 0
}

.column-divided:last-child {
    margin-bottom: 0
}

.column-divided+.linethrough {
    margin-top: -10px
}

.contact-item {
    margin: 30px 0 60px;
    display: block
}

.contact-item:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

@media print,
screen and (min-width:48em) {
    .contact-item>div {
        margin: 15px 0
    }
}

.contact-item picture {
    margin-bottom: 15px;
    display: block
}

.contact-item .headline,
.contact-item .subheadline,
.contact-item h1,
.contact-item h2,
.contact-item h3 {
    margin-top: 0
}

.contact-item .subheadline {
    display: block;
    padding-bottom: 0
}

.contact-item .subheadline+.tags {
    margin-top: 12px
}

.contact-item .contact-link {
    margin: 10px 15px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.contact-item .contact-link:first-child {
    margin-top: 0
}

.contact-item--sidebar.contact-item {
    margin-bottom: 60px
}

@media print,
screen and (min-width:64em) {
    .contact-item--sidebar.contact-item:nth-child(3n+1) {
        clear: both
    }
}

.contact-item--sidebar.contact-item picture {
    margin-bottom: 30px
}

.contact-item--sidebar .contact-link {
    margin: 15px 0 0 10px
}

.contact-item--sidebar .contact-link:first-child {
    margin-top: 0
}

aside .contact-list:last-child .contact-item:last-child {
    margin-bottom: 0
}

.category-filter {
    margin: 30px 0 15px
}

@media print,
screen and (min-width:64em) {
    .category-filter {
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
        margin: 85px 0 30px;
        padding: 23px 0 0
    }
}

.category-filter.is--dropdown {
    border-bottom: 1px solid #c1c1c1;
    margin: 55px -15px 15px;
    padding: 0 15px
}

@media print,
screen and (min-width:64em) {
    .category-filter.is--dropdown {
        margin: 30px 0 15px;
        padding: 19px 0 3px
    }
}

.frm--searchresult-filter>.category-filter {
    margin-top: 0
}

.category-filter__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 35px;
    max-width: 400px
}

@media print,
screen and (min-width:30em) {
    .category-filter__trigger {
        max-width: 260px
    }
}

@media print,
screen and (min-width:64em) {
    .category-filter__trigger {
        display: none
    }
}

.category-filter__label {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin: 0 0 17px;
    padding: 0 50px 0 0;
    position: relative
}

html[lang=ru] .category-filter__label {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .category-filter__label {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem;
        margin: 0 0 17px
    }

    html[lang=ru] .category-filter__label {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.category-filter__label .icon {
    position: absolute;
    right: 0;
    color: #f39b00;
    top: -10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.category-filter__label .icon:hover {
    fill: #000;
    cursor: pointer
}

@media print,
screen and (min-width:48em) {
    .category-filter__label .icon {
        top: -6px
    }
}

.category-filter__label.active .icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.category-filter__dropdown {
    display: none;
    margin-top: 30px
}

@media print,
screen and (min-width:48em) {
    .category-filter__dropdown {
        margin-top: 0
    }
}

.category-filter__dropdown.active {
    display: block
}

.category-filter__dropdown .dropdown-item__label {
    overflow-y: hidden
}

@media screen and (min-width:30em) and (max-width:47.9375em) {

    .category-filter__dropdown .medium-4:nth-child(odd):nth-last-child(-n+2)~.small-6 .dropdown-item__label,
    .category-filter__dropdown .small-6:nth-child(odd):nth-last-child(-n+2) .dropdown-item__label {
        margin-bottom: 15px
    }
}

@media print,
screen and (min-width:48em) {

    .category-filter__dropdown .medium-4:nth-child(3n+1):nth-last-child(-n+3) .dropdown-item__label,
    .category-filter__dropdown .medium-4:nth-child(3n+1):nth-last-child(-n+3)~.medium-4 .dropdown-item__label {
        margin-bottom: 15px
    }
}

.category-filter:hover {
    cursor: pointer
}

.category-filter.has--no-filter {
    cursor: default
}

.main-content>:first-child.category-filter,
.main-content>:first-child.collapsable>:first-child.category-filter {
    margin-top: 0
}

.dropdown-item {
    position: relative
}

.dropdown-item .btn {
    width: 100%;
    margin-bottom: 10px
}

.dropdown-item__label {
    background-color: #fff;
    border-radius: 0;
    border: 2px solid #c1c1c1;
    color: #000;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 37px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0 50px 0 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

@media print,
screen and (min-width:30em) {
    .dropdown-item__label {
        height: 3.125rem;
        line-height: 47px;
        margin-bottom: 20px
    }
}

.dropdown-item__label .icon {
    position: absolute;
    color: #f39b00;
    right: 15px;
    top: 11px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media print,
screen and (min-width:30em) {
    .dropdown-item__label .icon {
        top: 15px
    }
}

.dropdown-item__label .icon:hover {
    fill: #000;
    cursor: pointer
}

.dropdown-item__label.active .icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.dropdown-item__option {
    display: none;
    position: absolute;
    border: 2px solid #c1c1c1;
    border-top: none;
    background-color: #fff;
    line-height: 3.285;
    padding: 5px 15px;
    z-index: 10;
    left: 0;
    right: 0;
    top: 38px;
    width: auto;
    overflow: auto;
    max-height: 496px
}

@media print,
screen and (min-width:48em) {
    .dropdown-item__option {
        top: 43px
    }
}

@media screen and (max-width:63.9375em) {
    .dropdown-item__option .frm__fld--group .frm__fld:not(.is--inline) {
        margin-bottom: 20px
    }
}

.dropdown-item__option.active {
    display: block
}

.is--color-picker {
    position: relative;
    z-index: 0
}

.is--color-picker .frm__fld__control__placeholder {
    border: none
}

.is--color-picker .frm__fld__control__placeholder .icon {
    display: none !important
}

.is--color-picker input:checked+.frm__fld__control__placeholder {
    border: none
}

.is--color-picker input:checked+.frm__fld__control__placeholder:before {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: transparent;
    border: 2px solid #f39b00;
    top: -4px;
    left: -4px;
    width: 34px;
    height: 34px;
    z-index: 4
}

.is--color-picker input:checked+.frm__fld__control__placeholder:before .icon {
    display: none
}

.collapsable+.category-filter {
    margin-top: 60px
}

@media print,
screen and (min-width:48em) {
    .collapsable+.category-filter {
        margin-top: 90px
    }
}

.category-quantity {
    margin: 20px 0
}

@media print,
screen and (min-width:48em) {
    .category-quantity {
        margin: 40px 0 30px
    }
}

.category-quantity>.row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:47.9375em) {
    .category-quantity .subheadline {
        display: block;
        padding: 30px 0
    }

    .category-quantity>.row .columns:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .category-quantity>.row .columns:last-child {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.category-quantity .frm__fld--select {
    margin: 0
}

.quantity-select {
    display: none
}

@media print,
screen and (min-width:30em) {
    .quantity-select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -15px
    }
}

.quantity-select__item {
    display: inline-block;
    padding: 0 10px
}

.quantity-select__item:first-of-type {
    border-right: 1px solid #c1c1c1
}

.quantity-select__item .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f39b00;
    width: 2.225rem;
    height: 2.225rem;
    text-align: center;
    position: relative;
    margin: 0 1px
}

.quantity-select__item .circle:before {
    content: "";
    border: 2px solid #f39b00;
    border-radius: 50%;
    position: absolute;
    width: 2.025rem;
    height: 2.025rem;
    top: 0;
    left: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.quantity-select__item .circle.active,
.quantity-select__item .circle:active,
.quantity-select__item .circle:hover {
    color: #000
}

.quantity-select__item .circle.active:before,
.quantity-select__item .circle:active:before,
.quantity-select__item .circle:hover:before {
    border-color: #000
}

.quantity-select__item .circle:hover {
    cursor: pointer
}

.quantity-select__item a {
    display: inline-block
}

.quantity-select__item a .icon {
    font-size: 2.125rem;
    color: #f39b00
}

.quantity-select__item a.active .icon,
.quantity-select__item a:active .icon,
.quantity-select__item a:hover .icon {
    fill: #000
}

.quantity-select__item a:hover {
    cursor: pointer
}

.delete-option {
    border-bottom: 1px solid #c1c1c1;
    margin: 15px -15px 20px;
    padding: 0 15px
}

@media print,
screen and (min-width:48em) {
    .delete-option {
        border: none;
        margin: 30px 0 40px;
        padding: 0
    }
}

.delete-option .row .columns:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: calc(100% - 60px);
    padding-right: 0;
    width: calc(100% - 60px)
}

.delete-option .row .columns:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 60px;
    padding-left: .3rem;
    width: 60px
}

.delete-option .tags {
    padding-bottom: 8px
}

.delete-option__icon {
    cursor: pointer;
    margin-left: auto
}

.delete-option__icon:hover {
    fill: #000
}

.single-button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -7px 15px
}

.single-button-row .btn {
    padding: 0 7px
}

@media print,
screen and (min-width:64em) {
    .single-button-row {
        margin-bottom: 0
    }
}

.list--downloads {
    margin-bottom: 30px
}

.list--downloads .list__item {
    margin-bottom: 5px
}

.list--downloads .btn.more {
    margin-bottom: 0
}

.list--inline li {
    display: inline-block;
    margin-right: 4px
}

.list--check {
    margin-bottom: 30px
}

.list--check li {
    position: relative;
    margin-left: 2rem;
    margin-bottom: 1rem
}

.list--check li:before {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    margin: auto .5rem auto -2rem;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat
}

.page-content ul:not([class]) {
    position: relative;
    left: .5em;
    margin-left: 1em
}

.page-content ul:not([class]) li {
    list-style-type: disc;
    margin-bottom: .3em
}

.list--check li:before {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="rgb(243, 155, 0)"><path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg>')
}

.list--check li.don:before {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="rgb(228, 51, 18)"><path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg>')
}

.fair-date .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 20px
}

@media print,
screen and (min-width:48em) {
    .fair-date .btn {
        margin-bottom: 10px
    }
}

.fair-date .btn:last-of-type {
    margin: 0
}

.fair-date__tags {
    padding-bottom: 10px
}

.fair-date-wrapper:last-of-type .fair-date-group:last-child {
    margin-bottom: 55px
}

.fair-date-wrapper:last-of-type .fair-date-group:last-child .fair-date-group__item:last-child .fair-date__tags {
    margin-bottom: 0;
    padding-bottom: 0
}

.fair-date-group {
    margin: 0 0 25px
}

.fair-date-group:last-child,
.fair-date-group:last-child__item {
    margin-bottom: 0
}

.fair-date-group:first-child .subheadline {
    padding-top: 15px
}

.fair-date-group.is--home {
    margin: 15px 0 30px
}

@media print,
screen and (min-width:48em) {
    .fair-date-group.is--home {
        margin-top: 25px 0 50px
    }
}

.fair-date-group.is--home .fair-date-group__item:last-child {
    margin-bottom: 0
}

.fair-date-group__item {
    margin-bottom: 17px
}

@media print,
screen and (min-width:48em) {
    .fair-date-group__item {
        margin-bottom: 27px
    }
}

.fair-date-group.is--extern .fair-date {
    margin: 0 0 35px
}

@media print,
screen and (min-width:48em) {
    .fair-date-group.is--extern .fair-date {
        margin-bottom: 60px
    }
}

.fair-date-group.is--extern .fair-date__item {
    margin-bottom: 0
}

.seminar-date {
    margin-bottom: 30px
}

@media print,
screen and (min-width:48em) {
    .seminar-date {
        margin-bottom: 55px
    }
}

.seminar-date__item {
    margin: 15px 0 25px
}

.seminar-date__item .tags {
    margin-bottom: 0
}

.seminar-date+.btn.more {
    margin-top: 0;
    margin-bottom: 25px
}

@media print,
screen and (min-width:48em) {
    .seminar-date+.btn.more {
        margin-bottom: 0
    }
}

@media screen and (max-width:63.9375em) {
    .mod-fair-seminar-dates h1 {
        margin-bottom: 6px
    }
}

#additionalParticipantRows {
    padding: 5px;
    background-color: #f0f0f0;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:63.9375em) {
    #additionalParticipantRows .participant-remover {
        text-align: center
    }
}

@media print,
screen and (min-width:48em) {
    #additionalParticipantRows .participant-remover {
        height: 75px;
        margin-right: 30px
    }
}

#additionalParticipantRows a {
    height: 30px;
    padding: 10px;
    border: 2px solid;
    border-radius: 15px
}

@media print,
screen and (min-width:48em) {
    #additionalParticipantRows a {
        margin-top: 25px
    }
}

#additionalParticipantRows hr {
    border: none;
    height: 3px;
    background-color: #fff;
    width: 98%
}

#additionalParticipantRows .frm__fld__controls {
    margin-top: 3px
}

#additionalParticipantRows .frm__fld--group .frm__fld__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#additionalParticipantRows .frm__fld {
    float: unset
}

@media print,
screen and (min-width:48em) {
    #additionalParticipantRows>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#additionalParticipantTemplate {
    display: none
}

#registration-fieldset input {
    padding: 0 5px;
    height: 2rem;
    font-size: 1.1rem;
    min-width: 0;
    line-height: 1.1rem
}

.additional-participants-button-row {
    margin-top: -15px;
    background-color: #f0f0f0;
    margin-bottom: 1.625rem
}

.additional-participants-button-row>div {
    padding-left: 1.5% !important
}

.additional-participants-button-row>div>.is--primary {
    margin-bottom: 15px
}

.section-header+.mod.mod-searchresults {
    margin-top: 20px
}

@media print,
screen and (min-width:48em) {
    .section-header+.mod.mod-searchresults {
        margin-top: 25px
    }
}

@media screen and (max-width:63.9375em) {
    .mod-searchresults .tabs-navigation {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        margin-bottom: 0
    }

    .mod-searchresults .tabs-navigation .tab {
        display: inline-block;
        float: none;
        margin: 0 15px 0 0;
        padding: 15px 0 0
    }

    .mod-searchresults .tabs-navigation .tab:last-child {
        margin-right: 30px
    }

    .mod-searchresults .tabs-navigation .tab a {
        border-bottom: 3px solid transparent;
        color: #999;
        padding-bottom: 12px;
        padding-right: 0;
        text-transform: none
    }

    .mod-searchresults .tabs-navigation .tab.is--active a {
        border-bottom-color: #000;
        color: #f39b00
    }

    .mod-searchresults .nav--tabs {
        position: relative;
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
        margin: 0 -15px 20px;
        padding: 0 15px
    }
}

@media screen and (max-width:63.9375em) and (min-width:48em) {
    .mod-searchresults .nav--tabs {
        margin: 0 -15px 30px
    }
}

@media screen and (max-width:63.9375em) {
    .mod-searchresults .nav--tabs:before {
        background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
        background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 49px;
        position: absolute;
        top: 1px;
        right: 15px;
        width: 35px;
        z-index: 1
    }
}

.mod-searchresults .tabs--search-products a.btn.more {
    margin-top: 4rem
}

.mod-searchresults .searchresult_content {
    padding-left: 1rem;
    padding-right: 1rem
}

.mod-searchresults .searchresult_content article {
    margin-bottom: .4rem;
    padding-left: .2rem;
    padding-right: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mod-searchresults .searchresult_content article .articleborder {
    border: 1px solid #c1c1c1;
    padding-bottom: 1rem;
    width: 100%
}

.mod-searchresults .searchresult_content article .articleborder .teaser__picture {
    border-bottom: 1px solid #c1c1c1;
    padding: 0;
    margin-left: 1.07143rem;
    margin-right: 1.07143rem
}

.doctypeS {
    color: #999;
    font-size: .9rem;
    display: block
}

.limiter--enabled+.btn .icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, -webkit-transform .3s ease;
    transition: fill .3s ease, transform .3s ease;
    transition: fill .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.limiter--enabled+.btn.is--toggled .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.service-contact {
    margin: 15px 0
}

@media print,
screen and (min-width:48em) {
    .service-contact {
        margin: 30px 0 60px
    }
}

@media screen and (max-width:47.9375em) {
    .service-contact:last-of-type {
        margin-bottom: 0
    }
}

.service-contact__name {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-bottom: .625rem;
    word-wrap: break-word
}

html[lang=ru] .service-contact__name {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .service-contact__name {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .service-contact__name {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.service-contact__number {
    font-size: .875rem
}

@media print,
screen and (min-width:48em) {
    .service-contact__number {
        font-size: 1.125rem
    }
}

.service-contact__data {
    margin-bottom: 0
}

@media print,
screen and (min-width:48em) {
    .service-contact__data {
        margin-top: 30px
    }
}

.service-contact .btn {
    margin: 10px 0
}

@media print,
screen and (min-width:48em) {
    .service-contact .btn {
        margin: 15px 0
    }
}

.service-contact .btn:last-of-type {
    margin-bottom: 0
}

@media screen and (max-width:63.9375em) {
    .main-content .row:last-child>.columns:last-child .service-contact {
        margin-bottom: 25px
    }
}

.service-download,
.service-overview__item {
    margin: 0 0 60px
}

.service-download__headline,
.service-overview__item__headline {
    margin: 0 0 30px
}

@media print,
screen and (min-width:48em) {

    .service-download__headline,
    .service-overview__item__headline {
        margin-bottom: 55px
    }
}

.service-download__headline:first-of-type,
.service-overview__item__headline:first-of-type {
    margin-top: 50px
}

.service-download:last-of-type,
.service-overview__item:last-of-type {
    margin-bottom: 0
}

.service-download-group {
    margin-bottom: -30px
}

@media screen and (max-width:63.9375em) {
    .service-download-group {
        margin-bottom: -50px
    }
}

.service-download-group:first-of-type .linethrough {
    margin-top: 55px
}

.service-download-group-list {
    margin: 0 0 60px
}

.service-download-group-list__item {
    margin: 0 0 30px
}

@media print,
screen and (min-width:48em) {
    .service-download-group-list__item {
        margin: 0 0 50px
    }
}

.service-download-group-list__item h2 {
    margin-bottom: 30px
}

.service-overview__item {
    margin-bottom: 50px
}

@media print,
screen and (min-width:48em) {
    .service-overview__item {
        margin-bottom: 85px
    }
}

.main-content .service-download:last-child .service-download-group-list,
.main-content .service-overview__item:last-child .service-download-group-list {
    margin-bottom: 0
}

.main-content .row .columns .columns.filelinks {
    padding-right: 0;
    padding-left: 0
}

nav ul {
    margin-bottom: 0
}

.nav__item,
.nav__lvl {
    padding: 0;
    margin: 0
}

.nav__item {
    list-style: none
}

.nav__item__trigger {
    display: block;
    text-decoration: none
}

[data-off-canvas] {
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    overflow: hidden
}

[data-off-canvas].is--open {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (min-width:73.125em) {
    [data-off-canvas].is--open {
        width: auto;
        -webkit-transform: none;
        transform: none
    }
}

@media print,
screen and (min-width:48em) {
    .show-mobile-login {
        display: none
    }
}

.main-navigation .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-navigation .actions,
.main-navigation .menu-header {
    padding: 1.1em .625em 1em
}

@media screen and (min-width:73.125em) {

    .main-navigation .actions,
    .main-navigation .menu-header {
        display: none
    }
}

.main-navigation .menu-header {
    border-top: 1px solid #ebebeb;
    border-bottom: 3px solid #000
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-header {
        border-top: 0;
        padding: 0;
        border-bottom: 0;
        margin-bottom: .9rem
    }

    .main-navigation .menu-header a {
        border-bottom: 0;
        display: inline-block
    }

    .main-navigation .menu-header a:hover {
        color: #f39b00
    }
}

.main-navigation .menu-header .link {
    margin-top: 1.56rem
}

.main-navigation .menu-header .btn {
    border: 0;
    float: right;
    padding: 0;
    position: relative;
    top: -5px
}

@media screen and (max-width:63.9375em) {
    .main-navigation .menu {
        padding: 0 .625em
    }
}

@media screen and (max-width:63.9375em) {
    .main-navigation .menu a {
        padding: 1em 0
    }

    .main-navigation .menu a>span.menu-subtitle {
        padding-left: 10px;
        font-size: 12px
    }
}

.main-navigation .menu-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .main-navigation .menu-title {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-title {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .main-navigation .menu-title {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

@media screen and (max-width:63.9375em) {
    .main-navigation [data-sublevel] {
        right: 0
    }
}

.main-navigation {
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.main-navigation a:not(.link):not(.btn) .icon:not(.link__icon) {
    float: right
}

@media screen and (min-width:73.125em) {
    .main-navigation a:not(.link):not(.btn) .icon:not(.link__icon) {
        display: none
    }
}

.main-navigation article h2 {
    font-size: 1.25rem
}

.main-navigation article h3 {
    font-size: 1rem
}

.main-navigation article .teaser__content {
    margin-top: 10px
}

.main-navigation article .btn .icon {
    display: inline !important;
    height: 1.5rem !important;
    width: 1.5rem !important
}

.main-navigation .link {
    display: inline-block;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    line-height: 36px;
    text-transform: none
}

html[lang=ru] .main-navigation .link {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.main-navigation .link__icon {
    display: block;
    float: left;
    height: 2.5rem;
    margin-right: .5rem;
    width: 2.25rem
}

.main-navigation .link.is--tiny {
    display: none;
    line-height: 16px;
    padding: 0;
    position: relative;
    top: -8px
}

.main-navigation .link.is--tiny .link__icon {
    margin-top: 1px
}

@media screen and (min-width:73.125em) {
    .main-navigation .link.is--tiny {
        display: block
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation .link+.btn {
        display: none
    }
}

.main-navigation [data-close] {
    margin-left: auto
}

.main-navigation .menu {
    outline: none !important;
    margin-bottom: 0
}

.main-navigation .menu.is--active {
    overflow-y: scroll
}

.main-navigation .menu a {
    border-bottom: 1px solid #ebebeb;
    color: #000;
    display: block
}

.main-navigation .menu a>span.menu-subtitle {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    margin-top: 10px
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu a {
        border-bottom: 0
    }
}

.main-navigation .menu .menu-teaser {
    border-bottom: 0;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.main-navigation .menu .menu-teaser picture {
    display: block;
    margin-bottom: 30px
}

.main-navigation .menu .menu-teaser h2 {
    margin-bottom: 0
}

.main-navigation .menu .menu-teaser:hover .link__icon {
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    fill: #000
}

.main-navigation .level-0 {
    height: 100%;
    position: relative
}

@media screen and (min-width:73.125em) {
    .main-navigation .level-0 {
        position: static
    }
}

.main-navigation .menu-level-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 3.75rem);
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-level-0 {
        overflow: visible
    }

    .main-navigation .menu-level-0>li:not(:last-child) {
        margin-right: 2.5rem
    }

    .main-navigation .menu-level-0>li:hover>a {
        color: #000
    }

    .main-navigation .menu-level-0>li:hover>a:before {
        display: block
    }

    .main-navigation .menu-level-0>li:hover>a:after {
        opacity: 1
    }

    .main-navigation .menu-level-0>li:hover .level-1 {
        display: block;
        width: auto;
        height: auto;
        padding: 20px
    }

    .main-navigation .menu-level-0>li:hover .level-1:before {
        opacity: 1;
        background-color: #000;
        top: -5px;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 3
    }

    .main-navigation .menu-level-0>li.is--current>a {
        color: #000
    }

    .main-navigation .menu-level-0>li.is--current>a:after {
        opacity: 1
    }
}

.main-navigation .menu-level-0>li>a {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .main-navigation .menu-level-0>li>a {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-level-0>li>a {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        border-bottom: none;
        color: #fff;
        height: 2.9rem;
        padding: 0;
        position: relative;
        z-index: 2
    }

    html[lang=ru] .main-navigation .menu-level-0>li>a {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }

    .main-navigation .menu-level-0>li>a:before {
        background-color: rgba(243, 155, 0, 0);
        content: "";
        display: none;
        height: 50px;
        left: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: calc(100% + 80px);
        z-index: 1
    }

    .main-navigation .menu-level-0>li>a:after {
        background-color: #000;
        bottom: 0;
        content: "";
        height: 5px;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        z-index: 3
    }

    .main-navigation .menu-level-0>li>a:hover {
        color: #000
    }
}

.main-navigation .menu-level-0 .menu {
    height: calc(100vh - 15rem)
}

@media print,
screen and (min-width:64em) {
    .main-navigation .menu-level-0 .menu {
        padding-bottom: 0
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-level-0 .menu {
        height: auto
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-level-0 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
        padding: 0
    }
}

@media print,
screen and (min-width:64em) {
    .main-navigation .menu-level-0>li:first-child [data-sublevel] {
        right: 0;
        width: 100%;
        padding: 0 1rem 1rem
    }

    .main-navigation .menu-level-0>li:first-child [data-sublevel]:before {
        display: none
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-level-0>li:first-child .menu-level-1>li {
        width: calc((100% - 4rem) / 4)
    }
}

.main-navigation .menu-level-0>li:first-child .menu-level-1>li.is--active>a,
.main-navigation .menu-level-0>li:first-child .menu-level-1>li.is--current>a,
.main-navigation .menu-level-0>li:first-child .menu-level-1>li:hover>a {
    -webkit-box-shadow: inset 0 -.3125em 0 0 #000;
    box-shadow: inset 0 -.3125em 0 0 #000
}

@media print,
screen and (min-width:64em) {
    .main-navigation .menu-level-0>li:first-child .menu-level-1>li>a {
        border-bottom: 1px solid #ebebeb;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        padding: .5rem .5rem 1.3125em
    }

    .main-navigation .menu-level-0>li:first-child .menu-level-1>li>a:hover {
        color: #000
    }
}

.main-navigation .menu-level-0>li:first-child .menu-level-1>li>a>svg {
    display: none
}

.main-navigation .menu-level-0>li:first-child .menu-level-1>li>a>span.btn__text {
    margin-left: 10px;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem
}

@media print,
screen and (min-width:64em) {
    .main-navigation .menu-level-0>li:first-child .menu-level-1 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.main-navigation .menu-level-0 li:not(:first-child) .menu-level-1>li.is--active>a,
.main-navigation .menu-level-0 li:not(:first-child) .menu-level-1>li.is--current>a {
    font-weight: 700
}

@media screen and (min-width:73.125em) {
    .main-navigation .menu-level-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        padding: 0
    }

    .main-navigation .menu-level-1>li {
        margin: .5rem
    }

    .main-navigation .menu-level-1>li>a {
        font-size: 14px
    }

    html[lang=ru] .main-navigation .menu-level-1>li>a {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }

    .main-navigation .menu-level-1>li>a:hover {
        color: #f39b00
    }

    .main-navigation .menu-level-1 [data-sublevel]:before {
        background-color: #fff;
        bottom: 100%;
        content: "";
        height: 1.5rem;
        left: 0;
        position: absolute;
        width: 100%
    }

    .main-navigation .menu-level-1 .menu-header {
        display: block
    }
}

.main-navigation .menu-level-1>li>a>svg {
    width: 14px;
    min-width: 14px;
    height: 14px;
    display: inline
}

.main-navigation .menu-level-1>li>a>span.btn__text {
    margin-left: .25rem;
    text-transform: none;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

@media screen and (max-width:73.0625em) {

    .main-navigation .level-2 .columns,
    .main-navigation .level-3 .columns,
    .main-navigation .level-4 .columns,
    .main-navigation .level-5 .columns,
    .main-navigation .level-6 .columns,
    .main-navigation .level-7 .columns,
    .main-navigation .level-8 .columns,
    .main-navigation .level-9 .columns,
    .main-navigation .level-10 .columns {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:73.125em) {

    .main-navigation .level-2,
    .main-navigation .level-3,
    .main-navigation .level-4,
    .main-navigation .level-5,
    .main-navigation .level-6,
    .main-navigation .level-7,
    .main-navigation .level-8,
    .main-navigation .level-9,
    .main-navigation .level-10 {
        display: none;
        padding-top: 0
    }

    .main-navigation .level-2>.row,
    .main-navigation .level-3>.row,
    .main-navigation .level-4>.row,
    .main-navigation .level-5>.row,
    .main-navigation .level-6>.row,
    .main-navigation .level-7>.row,
    .main-navigation .level-8>.row,
    .main-navigation .level-9>.row,
    .main-navigation .level-10>.row {
        margin: 0 -6px
    }

    .main-navigation .level-2 .menu-header,
    .main-navigation .level-3 .menu-header,
    .main-navigation .level-4 .menu-header,
    .main-navigation .level-5 .menu-header,
    .main-navigation .level-6 .menu-header,
    .main-navigation .level-7 .menu-header,
    .main-navigation .level-8 .menu-header,
    .main-navigation .level-9 .menu-header,
    .main-navigation .level-10 .menu-header {
        padding-top: 2rem;
        width: calc(100% - 276px)
    }

    .main-navigation .level-2 .menu-header:before,
    .main-navigation .level-3 .menu-header:before,
    .main-navigation .level-4 .menu-header:before,
    .main-navigation .level-5 .menu-header:before,
    .main-navigation .level-6 .menu-header:before,
    .main-navigation .level-7 .menu-header:before,
    .main-navigation .level-8 .menu-header:before,
    .main-navigation .level-9 .menu-header:before,
    .main-navigation .level-10 .menu-header:before {
        background: hsla(0, 0%, 100%, 0);
        content: "";
        display: block;
        height: 24px;
        left: 0;
        position: absolute;
        top: -24px;
        width: 100%
    }

    .main-navigation .level-2.is--active,
    .main-navigation .level-3.is--active,
    .main-navigation .level-4.is--active,
    .main-navigation .level-5.is--active,
    .main-navigation .level-6.is--active,
    .main-navigation .level-7.is--active,
    .main-navigation .level-8.is--active,
    .main-navigation .level-9.is--active,
    .main-navigation .level-10.is--active {
        display: block
    }
}

@media screen and (min-width:73.125em) {

    .main-navigation .menu-level-2__content :last-child.xlarge-9,
    .main-navigation .menu-level-3__content :last-child.xlarge-9,
    .main-navigation .menu-level-4__content :last-child.xlarge-9,
    .main-navigation .menu-level-5__content :last-child.xlarge-9,
    .main-navigation .menu-level-6__content :last-child.xlarge-9,
    .main-navigation .menu-level-7__content :last-child.xlarge-9,
    .main-navigation .menu-level-8__content :last-child.xlarge-9,
    .main-navigation .menu-level-9__content :last-child.xlarge-9,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 {
        width: 100%;
        min-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 5px
    }

    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-2__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-3__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-4__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-5__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-6__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-7__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-8__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-9__content :last-child.xlarge-9 .menu-level-10,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-2,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-3,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-4,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-5,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-6,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-7,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-8,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-9,
    .main-navigation .menu-level-10__content :last-child.xlarge-9 .menu-level-10 {
        -webkit-column-count: 4;
        column-count: 4
    }

    .main-navigation .menu-level-2__content article,
    .main-navigation .menu-level-3__content article,
    .main-navigation .menu-level-4__content article,
    .main-navigation .menu-level-5__content article,
    .main-navigation .menu-level-6__content article,
    .main-navigation .menu-level-7__content article,
    .main-navigation .menu-level-8__content article,
    .main-navigation .menu-level-9__content article,
    .main-navigation .menu-level-10__content article {
        margin-top: -66px
    }
}

.main-navigation .menu-level-3__content,
.main-navigation .menu-level-4__content,
.main-navigation .menu-level-5__content,
.main-navigation .menu-level-6__content,
.main-navigation .menu-level-7__content,
.main-navigation .menu-level-8__content,
.main-navigation .menu-level-9__content,
.main-navigation .menu-level-10__content {
    margin: 0 auto
}

.main-navigation .menu-level-2,
.main-navigation .menu-level-3,
.main-navigation .menu-level-4,
.main-navigation .menu-level-5,
.main-navigation .menu-level-6,
.main-navigation .menu-level-7,
.main-navigation .menu-level-8,
.main-navigation .menu-level-9,
.main-navigation .menu-level-10 {
    height: auto !important
}

@media screen and (min-width:73.125em) {

    .main-navigation .menu-level-2,
    .main-navigation .menu-level-3,
    .main-navigation .menu-level-4,
    .main-navigation .menu-level-5,
    .main-navigation .menu-level-6,
    .main-navigation .menu-level-7,
    .main-navigation .menu-level-8,
    .main-navigation .menu-level-9,
    .main-navigation .menu-level-10 {
        -webkit-column-count: 1;
        column-count: 1;
        margin-top: .5em;
        padding: 0
    }

    .main-navigation .menu-level-2.xlarge-12,
    .main-navigation .menu-level-3.xlarge-12,
    .main-navigation .menu-level-4.xlarge-12,
    .main-navigation .menu-level-5.xlarge-12,
    .main-navigation .menu-level-6.xlarge-12,
    .main-navigation .menu-level-7.xlarge-12,
    .main-navigation .menu-level-8.xlarge-12,
    .main-navigation .menu-level-9.xlarge-12,
    .main-navigation .menu-level-10.xlarge-12 {
        -webkit-column-count: 4;
        column-count: 4
    }

    .main-navigation .menu-level-2 li,
    .main-navigation .menu-level-3 li,
    .main-navigation .menu-level-4 li,
    .main-navigation .menu-level-5 li,
    .main-navigation .menu-level-6 li,
    .main-navigation .menu-level-7 li,
    .main-navigation .menu-level-8 li,
    .main-navigation .menu-level-9 li,
    .main-navigation .menu-level-10 li {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    .main-navigation .menu-level-2 a,
    .main-navigation .menu-level-3 a,
    .main-navigation .menu-level-4 a,
    .main-navigation .menu-level-5 a,
    .main-navigation .menu-level-6 a,
    .main-navigation .menu-level-7 a,
    .main-navigation .menu-level-8 a,
    .main-navigation .menu-level-9 a,
    .main-navigation .menu-level-10 a {
        padding: .5em 0
    }

    .main-navigation .menu-level-2 a:hover,
    .main-navigation .menu-level-3 a:hover,
    .main-navigation .menu-level-4 a:hover,
    .main-navigation .menu-level-5 a:hover,
    .main-navigation .menu-level-6 a:hover,
    .main-navigation .menu-level-7 a:hover,
    .main-navigation .menu-level-8 a:hover,
    .main-navigation .menu-level-9 a:hover,
    .main-navigation .menu-level-10 a:hover {
        color: #f39b00
    }
}

.main-navigation .menu-level-2 a,
.main-navigation .menu-level-3 a,
.main-navigation .menu-level-4 a,
.main-navigation .menu-level-5 a,
.main-navigation .menu-level-6 a,
.main-navigation .menu-level-7 a,
.main-navigation .menu-level-8 a,
.main-navigation .menu-level-9 a,
.main-navigation .menu-level-10 a {
    border-bottom: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.main-navigation .menu-level-2 a>span,
.main-navigation .menu-level-3 a>span,
.main-navigation .menu-level-4 a>span,
.main-navigation .menu-level-5 a>span,
.main-navigation .menu-level-6 a>span,
.main-navigation .menu-level-7 a>span,
.main-navigation .menu-level-8 a>span,
.main-navigation .menu-level-9 a>span,
.main-navigation .menu-level-10 a>span {
    text-transform: none;
    font-size: 14px;
    margin-left: .25rem !important;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

.main-navigation .menu-level-2 a>svg.icon,
.main-navigation .menu-level-3 a>svg.icon,
.main-navigation .menu-level-4 a>svg.icon,
.main-navigation .menu-level-5 a>svg.icon,
.main-navigation .menu-level-6 a>svg.icon,
.main-navigation .menu-level-7 a>svg.icon,
.main-navigation .menu-level-8 a>svg.icon,
.main-navigation .menu-level-9 a>svg.icon,
.main-navigation .menu-level-10 a>svg.icon {
    height: 14px;
    min-width: 14px;
    width: 14px
}

.main-navigation .meta {
    background-color: #fff;
    position: relative;
    z-index: 11
}

@media screen and (min-width:73.125em) {
    .main-navigation .meta {
        display: none !important
    }
}

.main-navigation .meta .actions {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.75rem;
    padding: 0 1rem;
    position: relative
}

.main-navigation .login {
    display: none
}

.main-navigation [data-sublevel] {
    background-color: #fff;
    height: 100%;
    left: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

@media screen and (min-width:73.125em) {
    .main-navigation [data-sublevel] {
        -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
        box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
        display: none;
        height: auto;
        margin-left: -20px;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        top: 100%;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation .back {
        display: none !important
    }
}

.main-navigation .menu-overflow-wrapper {
    overflow-y: scroll;
    padding-bottom: 1rem
}

.main-navigation .menu-overflow-wrapper:after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(.7rem, #fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(bottom, #fff .7rem, hsla(0, 0%, 100%, 0));
    background: linear-gradient(0deg, #fff .7rem, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 1.75rem;
    left: 0;
    position: absolute;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .main-navigation {
        -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
        box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
        width: 20rem
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation {
        background-color: #f39b00;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 1.75rem;
        position: static;
        width: auto
    }
}

@media screen and (min-width:73.125em) and (-ms-high-contrast:active),
screen and (min-width:73.125em) and (-ms-high-contrast:none) {
    .main-navigation {
        height: 46.4px
    }
}

@media screen and (min-width:73.125em) {
    .main-navigation[data-off-canvas] {
        overflow: visible;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none
    }

    .main-navigation [data-drilldown] {
        overflow: visible
    }

    .main-navigation [data-drilldown] .level-0 {
        -webkit-transform: none;
        transform: none
    }
}

.main-navigation a:not(.link):not(.btn) .icon:not(.link__icon).icon--is-left {
    float: left;
    margin-right: .25rem;
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem
}

.is--minimal .level-1 {
    margin-top: -1px
}

.level-1.products-dropdown-wrapper.is--active .menu.menu-level-2>li:last-child:after,
.menu.menu-level-1.is--active>li:last-child:after {
    content: "";
    margin-bottom: 1rem
}

.meta-navigation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 75px;
    margin-left: auto
}

@media print,
screen and (min-width:48em) {
    .meta-navigation {
        height: auto
    }

    .is--minimal .meta-navigation {
        height: 75px
    }
}

.meta-navigation .btn .icon {
    fill: #fff;
    height: 1.2rem;
    min-width: 1.2rem;
    width: 1.2rem;
    margin-right: 4px
}

.meta-navigation ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

@media screen and (min-width:73.125em) {
    .meta-navigation ul {
        margin: 0 -15px
    }
}

.meta-navigation li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    position: relative
}

.meta-navigation li>* {
    padding: .625rem
}

@media (min-width:23em) {
    .meta-navigation li>* {
        padding: 1rem
    }
}

@media screen and (min-width:73.125em) {
    .meta-navigation li>* {
        padding: 0 1rem
    }
}

.meta-navigation .metaaccount {
    display: none
}

@media (min-width:768px) {
    .meta-navigation .metaaccount {
        display: block
    }
}

@media (min-width:768px) {
    .meta-navigation .metasearch {
        display: none
    }
}

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

@media print,
screen and (min-width:48em) {
    .meta-navigation {
        margin-left: auto
    }
}

.meta-navigation-action-item {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative
}

@media screen and (max-width:47.9375em) {
    .meta-account {
        display: none !important
    }
}

@media print,
screen and (min-width:48em) {
    .meta-search {
        display: none !important
    }
}

@media screen and (min-width:73.125em) {
    .meta-main-navigation {
        display: none !important
    }
}

.nav--breadcrumb {
    margin-bottom: 25px;
    padding: 20px 0 0;
    position: relative
}

.nav--breadcrumb .nav__lvl {
    display: block;
    margin-top: 0;
    margin-bottom: 0
}

.nav--breadcrumb .nav__lvl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.nav--breadcrumb .nav__item {
    color: #999;
    display: inline-block;
    float: left;
    margin: 0 25px 10px 0;
    position: relative;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.nav--breadcrumb .nav__item.is--hidden {
    display: none
}

.nav--breadcrumb .nav__item .icon {
    display: inline-block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 14px
}

.nav--breadcrumb .nav__item__trigger {
    padding-left: 18px
}

.nav--breadcrumb .nav__item__trigger,
.nav--breadcrumb .nav__item__trigger_active {
    color: inherit;
    display: block;
    text-decoration: none
}

.nav--breadcrumb .nav__item:not(:last-child) {
    cursor: pointer
}

.nav--breadcrumb .nav__item:not(:last-child) :hover {
    color: #000
}

.nav--breadcrumb .nav__close {
    bottom: 15px;
    cursor: pointer;
    position: absolute;
    right: 0
}

.nav--breadcrumb .nav__close:hover .icon {
    fill: #000
}

.nav--breadcrumb.is--open {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
    padding-right: 56px;
    margin-bottom: 60px
}

.nav--breadcrumb.is--open .is--active {
    display: block
}

.nav--breadcrumb.is--open .nav__item--placeholder {
    display: none
}

.nav--breadcrumb.is--open .nav__close {
    display: block
}

.nav--categories {
    border-top: 1px solid #c1c1c1
}

@media screen and (max-width:63.9375em) {
    .nav--categories {
        background: #fff;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: visibility 0s ease .5s, z-index 0s ease .5s, -webkit-transform .5s ease;
        transition: visibility 0s ease .5s, z-index 0s ease .5s, -webkit-transform .5s ease;
        transition: transform .5s ease, visibility 0s ease .5s, z-index 0s ease .5s;
        transition: transform .5s ease, visibility 0s ease .5s, z-index 0s ease .5s, -webkit-transform .5s ease;
        visibility: hidden;
        width: 100%;
        z-index: -1
    }

    .has--open-categories .nav--categories {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: visibility 0s ease, z-index 0s ease, -webkit-transform .5s ease;
        transition: visibility 0s ease, z-index 0s ease, -webkit-transform .5s ease;
        transition: transform .5s ease, visibility 0s ease, z-index 0s ease;
        transition: transform .5s ease, visibility 0s ease, z-index 0s ease, -webkit-transform .5s ease;
        visibility: visible;
        z-index: 1000
    }
}

.nav--categories .nav__header {
    display: block;
    border-bottom: 1px solid #c1c1c1;
    height: 64px;
    left: 0;
    padding: 20px 10px;
    position: fixed;
    top: 0;
    width: 100%
}

.nav--categories .nav__header:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

@media print,
screen and (min-width:64em) {
    .nav--categories .nav__header {
        display: none
    }
}

.nav--categories .nav__header p {
    float: left;
    margin: 0
}

.nav--categories .nav__header .btn {
    float: right
}

.nav--categories .nav__header .btn .icon {
    height: 1.4rem;
    width: 1.4rem
}

.nav--categories .nav__lvl {
    overflow: hidden;
    position: relative
}

.nav--categories .nav__lvl--0 {
    height: calc(100% - 64px);
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px 64px;
    position: fixed;
    top: 64px;
    width: 100%
}

@media print,
screen and (min-width:64em) {
    .nav--categories .nav__lvl--0 {
        height: auto;
        overflow: auto;
        padding: 0;
        position: relative;
        top: 0;
        width: auto
    }
}

.nav--categories .nav__item__trigger {
    border-bottom: 1px solid #c1c1c1;
    color: #000;
    cursor: pointer;
    padding: 20px 40px 20px 10px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    width: 100%
}

.no-touch .nav--categories .nav__item__trigger[data-store] :hover {
    color: #f39b00;
    cursor: pointer
}

.nav--categories .nav__item.has--arrow,
.nav--categories .nav__item.is--back {
    position: relative
}

.nav--categories .nav__item.has--arrow .icon,
.nav--categories .nav__item.is--back .icon {
    height: 14px;
    min-width: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 14px
}

.nav--categories .nav__item__inner {
    display: block;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.nav--categories .nav__item.is--back {
    display: none
}

@media print,
screen and (min-width:64em) {
    .nav--categories .nav__item.is--back {
        display: block
    }
}

.nav--categories .nav__item.is--back .icon {
    left: 10px;
    right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav--categories .nav__item.is--back .nav__item__trigger {
    padding: 20px 20px 20px 30px
}

.nav--categories .nav__lvl--0>.nav__item {
    margin-top: 20px
}

.nav--categories .nav__lvl--0>.nav__item:first-child {
    margin-top: 0
}

.nav--categories .nav__lvl--0>.nav__item:not(.is--back)>.nav__item__trigger {
    border-bottom: 5px solid #000;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .nav--categories .nav__lvl--0>.nav__item:not(.is--back)>.nav__item__trigger {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.nav--categories .nav__lvl--1+.btn {
    margin: 35px 0 20px
}

.nav--categories .nav__lvl--1+.btn .icon {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.nav--categories .nav__lvl--1+.btn.less .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav--categories .nav__lvl--2 {
    display: none
}

.is--back--mobile {
    position: relative;
    padding: 0 20px 20px 0
}

.is--back--mobile .icon {
    height: 14px;
    min-width: 0;
    position: absolute;
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    width: 14px;
    top: 10px;
    left: 0
}

.is--back--mobile .nav__item__trigger {
    border: none
}

.is--back--mobile__inner {
    padding-left: 20px
}

.social-icon,
.socialmedia li {
    display: inline-block
}

.social-icon>.icon {
    fill: transparent;
    height: 3.125em;
    width: 3.125em;
    max-width: 3.125em
}

.social-icon--facebook {
    background: #359
}

.social-icon--facebook .icon {
    fill: #fff
}

.social-icon--wechat {
    background: #07c160
}

.social-icon--wechat .icon {
    fill: #fff
}

.social-icon--twitter {
    background: #000
}

.social-icon--twitter .icon {
    fill: #fff
}

.social-icon--youtube {
    background: #c33
}

.social-icon--youtube .icon {
    fill: #fff
}

.social-icon--xing {
    background: #056
}

.social-icon--xing .icon {
    fill: #fff
}

.social-icon--linkedin {
    background: #07a
}

.social-icon--linkedin .icon {
    fill: #fff
}

.social-icon--instagram {
    background: #07a
}

.social-icon--instagram .icon {
    fill: #fff
}

.social-icon--tiktok {
    background-color: #010101
}

.social-icon--blogger {
    background-color: #f06a35
}

.cookienote {
    bottom: 0;
    background-color: #e1e1e1;
    display: none;
    min-height: 80px;
    position: fixed;
    padding: 10px 0 0;
    width: 100%;
    z-index: 999
}

@media print,
screen and (min-width:30em) {
    .cookienote {
        padding: 20px 0
    }
}

.cookienote .row--cookienote {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cookienote p {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.22;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    margin-bottom: 0
}

html[lang=ru] .cookienote p {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media screen and (max-width:29.9375em) {
    .cookienote p {
        font-size: 12px
    }
}

@media print,
screen and (min-width:30em) {
    .cookienote p {
        margin: 0 0 12px
    }
}

@media print,
screen and (min-width:64em) {
    .cookienote p {
        margin: 0
    }
}

.cookienote-moreInformation {
    margin: 15px 0 5px
}

@media print,
screen and (min-width:30em) {
    .cookienote-moreInformation {
        margin: 0;
        padding: 0 25px 0 15px
    }
}

@media print,
screen and (min-width:64em) {
    .cookienote-moreInformation {
        margin-left: auto;
        text-align: right
    }
}

.cookienote-moreInformation .btn .icon {
    height: .875rem;
    width: .875rem;
    min-width: .875rem
}

.cookienote-moreInformation .btn .btn__text {
    font-size: .875rem;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    margin-left: .2rem
}

.cookienote-confirm {
    margin: 10px 0;
    text-align: right
}

@media print,
screen and (min-width:30em) {
    .cookienote-confirm {
        margin: 0
    }
}

.cookienote-confirm .btn {
    width: 100%
}

@media print,
screen and (min-width:30em) {
    .cookienote-confirm .btn {
        width: auto
    }
}

.show-cookienote .cookienote {
    display: block
}

.show-cookienote .to-top-link {
    bottom: 120px
}

.show-cookienote.page-footer,
.show-cookienote .page-footer {
    margin-bottom: 230px
}

@media print,
screen and (min-width:30em) {

    .show-cookienote.page-footer,
    .show-cookienote .page-footer {
        margin-bottom: 120px
    }
}

@media print,
screen and (min-width:64em) {

    .show-cookienote.page-footer,
    .show-cookienote .page-footer {
        margin-bottom: 90px
    }
}

.tooltip {
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .4);
    font-size: 1rem;
    max-width: 12rem
}

.tooltip.bottom:before {
    -webkit-filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, .05));
    filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, .05));
    border-width: 0 23px 10px;
    border-color: transparent transparent #fff;
    top: -9px
}

.tooltip.left:before {
    -webkit-filter: drop-shadow(1px 0 1px rgba(0, 0, 0, .05));
    filter: drop-shadow(1px 0 1px rgba(0, 0, 0, .05));
    border-width: 23px 0 23px 10px;
    border-color: transparent transparent transparent #fff
}

.tooltip.right:before {
    -webkit-filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, .05));
    filter: drop-shadow(-1px 0 1px rgba(0, 0, 0, .05));
    border-width: 23px 10px 23px 0;
    border-color: transparent #fff transparent transparent
}

.has-tip {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    border-bottom: none
}

.spec-downloads {
    padding-bottom: 0
}

@media print,
screen and (min-width:48em) {
    .spec-downloads {
        padding-bottom: 3rem
    }
}

.spec-downloads .btn.is--secondary {
    margin-bottom: 1rem
}

.spec-downloads .writeout .btn.is--secondary {
    margin-bottom: 0
}

.spec-downloads .writeout .spec-downloads__language {
    margin-top: 0;
    margin-bottom: 3rem
}

.spec-downloads__language .frm__fld--select:last-of-type {
    margin-bottom: 0
}

.spec-downloads .btn__text>span {
    line-height: 1.2
}

.spec-downloads__language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px 0 2.87rem
}

@media print,
screen and (min-width:30em) {
    .spec-downloads__language {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media print,
screen and (min-width:64em) {
    .spec-downloads__language {
        margin-bottom: 16px
    }
}

.spec-downloads__language .btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    width: 100%
}

@media print,
screen and (min-width:30em) {
    .spec-downloads__language .btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        width: auto
    }
}

.spec-downloads__language .frm__fld--select {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media print,
screen and (min-width:30em) {
    .spec-downloads__language .frm__fld--select {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: 20px
    }
}

.spec-downloads__language .frm__fld--select label {
    display: none
}

.spec-downloads__language .frm__fld--select .frm__fld__control select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.spec-downloads>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

.downloads-accordion {
    width: 100%;
    text-align: left;
    cursor: pointer
}

.downloads-accordion .downloads-group {
    padding-top: .25rem
}

.downloads-accordion .downloads-accordion-icon {
    float: right
}

.downloads-accordion-content {
    display: none;
    padding-bottom: 0
}

.sticky {
    -webkit-transition: padding .4s;
    transition: padding .4s
}

.sticky.is-stuck {
    padding-top: .5em;
    background: #fff
}

table {
    width: 100%
}

table tr:last-of-type td,
table tr:last-of-type th {
    border-bottom: 1px solid #ccc
}

table td,
table th {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
    text-align: left
}

table td:first-of-type,
table th:first-of-type {
    border-left: none
}

table td:last-of-type,
table th:last-of-type {
    border-right: none
}

table td.nowrap,
table th.nowrap {
    width: 1%
}

table td.cell--price,
table th.cell--price {
    line-height: 1.2;
    padding-bottom: 6px;
    text-align: right;
    width: 150px
}

table td.cell--price em,
table th.cell--price em {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    padding-bottom: 2px
}

table td.cell--type,
table th.cell--type {
    width: auto
}

table td.cell--actions,
table th.cell--actions {
    padding-right: 0;
    width: 8%;
    min-width: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

table td.cell--actions--has-cart-icon,
table th.cell--actions--has-cart-icon {
    width: 12%
}

table td.cell--actions .cell--actions__wrapper,
table th.cell--actions .cell--actions__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:48em) {

    table td.cell--actions .cell--actions__wrapper,
    table th.cell--actions .cell--actions__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

table th {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    padding-bottom: 6px;
    vertical-align: bottom
}

html[lang=ru] table th {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

table th+td,
table th+td:first-of-type {
    border-left: 1px solid #ccc
}

table td {
    vertical-align: middle
}

table .thead--text-right {
    text-align: right
}

.table-content {
    padding: 48px 0;
    position: relative
}

.table-content:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -11px
}

.table-content-wrapper {
    display: none
}

.table-content-wrapper h2 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin-bottom: .938rem
}

html[lang=ru] .table-content-wrapper h2 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.table-content-wrapper--open {
    display: table-row
}

.table-content__headline {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin-top: 2em
}

html[lang=ru] .table-content__headline {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media screen and (max-width:63.9375em) {
    table {
        width: 100%
    }

    table thead {
        display: none
    }

    table tr:last-of-type td,
    table tr:last-of-type th {
        border-bottom: 0
    }

    table td,
    table th {
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 10px
    }

    table td[data-header],
    table th[data-header] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden
    }

    table td[data-header]:before,
    table th[data-header]:before {
        border-right: 1px solid #ccc;
        content: attr(data-header);
        display: block;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        margin: -10px 10px -10px -10px;
        padding: 10px;
        width: 50%
    }

    html[lang=ru] table td[data-header]:before,
    html[lang=ru] table th[data-header]:before {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }

    table td.nowrap,
    table th.nowrap {
        width: 100%
    }

    table td.cell--price,
    table th.cell--price {
        border-bottom: none;
        text-align: left;
        width: 100%
    }

    table td.cell--price span,
    table th.cell--price span {
        display: inline-block;
        vertical-align: middle
    }

    table td.cell--price em,
    table th.cell--price em {
        display: block;
        font-size: 1.125rem;
        font-weight: 700;
        padding-bottom: 2px
    }

    table td.cell--type,
    table th.cell--type {
        border-bottom: none;
        font-size: 1.125rem;
        padding: 0;
        text-align: left;
        width: 100%
    }

    table td.cell--type[data-header]:before,
    table th.cell--type[data-header]:before {
        border-right: none;
        content: attr(data-header);
        display: inline-block;
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        margin: 0 4px 0 0;
        padding: 0;
        width: auto
    }

    html[lang=ru] table td.cell--type[data-header]:before,
    html[lang=ru] table th.cell--type[data-header]:before {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }

    table td.cell--actions,
    table th.cell--actions {
        border-bottom: none;
        display: block;
        padding: 0;
        text-align: left;
        width: 100%
    }

    table td.cell--actions .btn,
    table th.cell--actions .btn {
        margin: 15px 0
    }

    table td.cell--actions .btn:last-child,
    table th.cell--actions .btn:last-child {
        margin-bottom: 0
    }

    table td.cell--actions .table-button,
    table th.cell--actions .table-button {
        background-color: #f39b00;
        color: #fff;
        display: block;
        text-align: center
    }

    table td.cell--actions .table-button .icon,
    table th.cell--actions .table-button .icon {
        display: inline-block;
        fill: #fff;
        min-width: 1.5rem;
        vertical-align: middle;
        width: 1.5rem
    }

    table td.cell--actions .table-button .btn__text,
    table th.cell--actions .table-button .btn__text {
        display: inline-block;
        margin-left: 4px;
        vertical-align: middle
    }

    table td.cell--actions .table-button:hover,
    table th.cell--actions .table-button:hover {
        background-color: #fb4
    }

    table td.cell--actions .table-button:hover .icon,
    table th.cell--actions .table-button:hover .icon {
        fill: #fff
    }

    table td {
        vertical-align: middle
    }

    .table-content {
        margin: 0 -10px 24px;
        padding: 8px 0;
        position: relative
    }

    .table-content:after {
        background-color: #ccc;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: -15px;
        position: absolute;
        right: -15px
    }

    .table-content-wrapper>td {
        border-bottom: none
    }

    .table-content__headline {
        margin-top: 32px
    }

    .table-content__image {
        display: block;
        margin: 0 10px 25px 15px
    }
}

@media screen and (max-width:63.9375em) and (min-width:48em) {
    .table-content__image {
        margin: 0 0 25px
    }
}

@media screen and (max-width:63.9375em) and (max-width:73.0625em) {
    .table-content__image img {
        margin: 0 auto
    }
}

.tbl--productdetail {
    margin: 25px 0 0
}

@media print,
screen and (min-width:64em) {
    .tbl--productdetail {
        margin: 0 0 30px
    }
}

@media screen and (max-width:63.9375em) {
    .tbl--productdetail .table-content {
        margin-bottom: 0;
        padding: 55px 0 0
    }

    .tbl--productdetail .table-content h2 {
        margin-bottom: 10px
    }

    .tbl--productdetail .table-content:after {
        display: none
    }
}

@media screen and (max-width:73.0625em) {
    .tbl--productdetail .table-content-wrapper td {
        padding-bottom: 0;
        padding-top: 0
    }
}

.tbl--productdetail th {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .tbl--productdetail th {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.tbl--productdetail tbody:after,
.tbl--productdetail tbody:before {
    content: "";
    display: block;
    height: 30px;
    margin: 0 -15px;
    width: calc(100% + 30px)
}

@media print,
screen and (min-width:64em) {

    .tbl--productdetail tbody:after,
    .tbl--productdetail tbody:before {
        display: none
    }
}

.tbl--productdetail tbody:after {
    border-bottom: 1px solid #ccc;
    height: 25px
}

.tbl--productdetail tbody:first-of-type:before {
    display: none
}

.tbl--productdetail tbody:last-child:after {
    border: none;
    display: none
}

@media print,
screen and (min-width:64em) {
    .tbl--productdetail tbody {
        border: none
    }

    .tbl--productdetail tbody:after,
    .tbl--productdetail tbody:before {
        display: none
    }
}

.tbl--productdetail .frm__fld.frm__fld--amount {
    margin: 0
}

.tbl--productdetail .frm__fld.frm__fld--amount .frm__fld__control {
    display: inline-block;
    width: 3.5rem
}

.tbl--productdetail .frm__fld.frm__fld--amount .frm__fld__control input {
    max-width: 3.1rem;
    min-width: 3.1rem
}

.tbl--productdetail .frm__fld.frm__fld--amount .frm__fld__label {
    display: inline-block;
    padding: 0;
    width: auto
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .tbl--productdetail .frm__fld.frm__fld--amount .frm__fld__label {
        height: 2.5rem;
        line-height: 2.5rem;
        vertical-align: top
    }
}

@media print and (-ms-high-contrast:active),
screen and (min-width:64em) and (-ms-high-contrast:active),
screen and (min-width:64em) and (-ms-high-contrast:none) {
    .tbl--productdetail .frm__fld.frm__fld--amount .frm__fld__label {
        height: 3.1rem;
        line-height: 3.1rem
    }
}

.tbl--productdetail-content {
    border: 1px solid #e1e1e1;
    table-layout: fixed
}

.tbl--productdetail-content td,
.tbl--productdetail-content th {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 50%
}

.tbl--productdetail-content th {
    background-color: #ebebeb;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    padding: 10px
}

html[lang=ru] .tbl--productdetail-content th {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.tbl--productdetail-content tbody:after,
.tbl--productdetail-content tbody:before {
    display: none
}

.tbl--jobs {
    font-size: 13px
}

.tbl--jobs tbody tr {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.tbl--jobs tbody tr:hover {
    background-color: #f5f5f5
}

.tbl--jobs td {
    padding: 0
}

.tbl--jobs td:last-of-type {
    text-align: center
}

.tbl--jobs .jobs-link {
    color: #000;
    display: block;
    padding: 10px
}

.main-content table.tbl--event tbody {
    border-top: 1px solid #ccc
}

.main-content table.tbl--event tr:last-of-type td,
.main-content table.tbl--event tr:last-of-type th {
    border-bottom: 1px solid #ccc
}

.main-content table.tbl--event .btn.is--primary {
    margin-bottom: 0
}

@media screen and (max-width:63.9375em) {
    .main-content table.tbl--event .btn.is--primary {
        margin-bottom: 50px;
        width: 100%
    }

    .main-content table.tbl--event .btn.is--info {
        margin-bottom: 0
    }

    .main-content table.tbl--event tr:last-of-type td.cell--actions,
    .main-content table.tbl--event tr:last-of-type th.cell--actions {
        border-bottom: none
    }
}

.nowrap {
    white-space: nowrap
}

.contenttable {
    margin-bottom: .9375rem
}

.contenttable ol,
.contenttable ul {
    margin: -20px 0 !important
}

.contenttable h1,
.contenttable h2,
.contenttable h3,
.contenttable h4,
.contenttable h5 {
    margin-top: 0;
    margin-bottom: 8px
}

@media print,
screen and (min-width:48em) {

    .medium-uncollapse .column,
    .medium-uncollapse .columns {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

.toggle-button {
    -webkit-transition: all .2s;
    transition: all .2s
}

.toggle-button .icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.toggle-button--mobile {
    margin: 13px 0 8px
}

.toggle-button.is--active .icon,
.toggle-button.is--active.toggle-button--mobile .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn.productdetail-tbl__icon--wishlist .icon {
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem
}

@media screen and (max-width:63.9375em) {
    .btn.productdetail-tbl__icon--wishlist {
        -webkit-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        background-color: #f39b00;
        color: #fff;
        height: 2.5rem;
        padding: 0 1.875em;
        text-align: center;
        width: 100%
    }

    .btn.productdetail-tbl__icon--wishlist.is--disabled,
    .btn.productdetail-tbl__icon--wishlist[disabled] {
        background-color: #999;
        color: #fff
    }

    .btn.productdetail-tbl__icon--wishlist:hover:not(.is--disabled) {
        -webkit-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        background-color: #fb4
    }

    .btn.productdetail-tbl__icon--wishlist:active,
    .btn.productdetail-tbl__icon--wishlist:focus {
        background-color: #fb4
    }

    .btn.productdetail-tbl__icon--wishlist svg {
        fill: #fff
    }
}

@media screen and (max-width:63.9375em) and (min-width:48em) {
    .btn.productdetail-tbl__icon--wishlist {
        height: 3.125rem;
        width: auto;
        margin-right: 15px
    }
}

@media screen and (max-width:63.9375em) {
    .btn.productdetail-tbl__icon--wishlist.is--icon-left .icon {
        height: 1.875rem;
        width: 1.875rem;
        min-width: 1.875rem
    }

    .btn.productdetail-tbl__icon--wishlist.is--icon-left:hover .icon {
        fill: #fff
    }
}

@media print,
screen and (min-width:64em) {
    .btn.productdetail-tbl__icon .btn__text {
        display: none
    }
}

.button-addtowishlist {
    background-color: #f39b00;
    color: #fff;
    padding: 10px;
    text-align: center;
    text-transform: none
}

@media print,
screen and (min-width:48em) {
    .product-description {
        margin-bottom: 3.75rem
    }
}

.product-description .headline,
.product-description .subheadline,
.product-description h1,
.product-description h2,
.product-description h3 {
    margin-top: 0
}

.product-description .subheadline,
.product-description .u-h2,
.product-description h1,
.product-description h2 {
    margin-bottom: .3rem
}

.product-description h3 {
    font-size: .875rem
}

@media print,
screen and (min-width:48em) {
    .product-description h3 {
        font-size: 1.125rem
    }
}

.product-description .helpButtons {
    margin-top: 2rem
}

[name=product-description-tabs] {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden
}

@media screen and (max-width:63.9375em) {
    #product-description-tabs+.mod-tabbed-content {
        margin-top: 10px
    }
}

.details-info-variant-controls form {
    margin-top: .75rem
}

.details-info-variant-controls form select {
    padding: .5rem;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    outline: none;
    grid-area: a
}

.details-info-variant-controls form select:hover {
    cursor: pointer
}

.details-info-variant-controls form select::-ms-expand {
    display: none
}

.details-info-variant-controls table td,
.details-info-variant-controls table th {
    border: none !important;
    vertical-align: middle
}

.details-info-variant-controls table th {
    width: 29.038113%;
    padding: 0 1rem 0 0;
    text-align: right;
    font-size: .75rem
}

.details-info-variant-controls table td {
    padding: 0;
    width: 70.961887%
}

.details-info-variant-controls table td div {
    border: 2px solid #ececec
}

.details-info-variant-controls table td div span {
    display: block;
    padding: .5rem;
    background-color: #f5f6f8
}

.details-info-select {
    display: grid;
    grid-template-areas: "a";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.details-info-select:before {
    content: "";
    width: 2rem;
    height: 2rem;
    grid-area: a;
    justify-self: end;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="rgb(243, 155, 0)"><polygon points="7.3,34.6 12.6,39.9 32.6,20 12.6,0 7.3,5.4 21.9,20 "/></svg>');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem;
    rotate: 90deg;
    pointer-events: none
}

.details-info-amount-controls {
    margin-top: 1.75rem
}

.details-info-amount-controls .amount-field-wrapper {
    margin-right: 2.4rem;
    font-size: .75rem;
    text-align: center;
    color: #7b7b7b
}

.details-info-amount-controls .amount-field-wrapper button {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    color: #f39b00;
    -webkit-transition: color .4s;
    transition: color .4s
}

.details-info-amount-controls .amount-field-wrapper button:hover {
    cursor: pointer;
    color: #000
}

.details-info-amount-controls .amount-field-wrapper .disabled {
    cursor: not-allowed !important;
    color: #d3d3d3
}

.details-info-amount-controls .amount-field-wrapper .disabled:hover {
    color: #d3d3d3
}

.details-info-amount-controls .amount-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem
}

.details-info-amount-controls .amount-field input {
    margin: 0 1rem;
    width: 5.525rem;
    height: 3.125rem;
    border: 2px solid #ececec;
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    color: #000
}

.details-info-amount-controls .amount-field input::-webkit-inner-spin-button,
.details-info-amount-controls .amount-field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.details-info-amount-controls .amount-field input[type=number] {
    -moz-appearance: textfield
}

.details-info-amount-controls .amount-field svg {
    fill: currentColor !important;
    width: 100%;
    height: 100%
}

.details-info-amount-controls button.btn {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

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

.details-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "b c" "d d"
}

@media print,
screen and (min-width:64em) {
    .details-grid {
        margin-left: 140px
    }
}

@media screen and (min-width:73.125em) {
    .details-grid {
        margin-left: 160px
    }
}

.details-grid form {
    grid-area: b
}

@media print,
screen and (min-width:64em) {
    .details-grid form {
        margin-left: -47px
    }
}

.details-grid div {
    grid-area: c;
    margin-bottom: .5rem
}

.details-grid div span {
    display: block;
    text-align: right
}

.details-grid div span:first-child {
    font-size: 1.2rem;
    color: #000
}

.details-grid button {
    grid-area: d
}

.MagicZoom {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1px;
    text-align: center;
    height: 100%;
    width: 100%
}

.MagicZoom .mz-figure .mz-hint,
.MagicZoom .mz-figure .mz-hint.mz-hint-hidden {
    display: none
}

.zoom-gallery .selectors.MagicScroll.MagicScroll-horizontal {
    display: block !important;
    position: relative
}

.is--ios .zoom-gallery .selectors.MagicScroll.MagicScroll-horizontal .mcs-bullets {
    margin-top: 50px
}

.MagicScroll-horizontal .mcs-button-arrow-next:before,
.MagicScroll-horizontal .mcs-button-arrow-prev:before,
.MagicScroll-vertical .mcs-button-arrow-next:before,
.MagicScroll-vertical .mcs-button-arrow-prev:before {
    border-color: #f39b00;
    border-width: 4px;
    height: 20px;
    width: 20px
}

.MagicScroll-vertical {
    display: block !important
}

.MagicScroll-vertical .mcs-wrapper {
    top: 35px !important
}

.MagicScroll-vertical .mcs-button-arrow-next:before,
.MagicScroll-vertical .mcs-button-arrow-prev:before {
    top: auto
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    .MagicScroll-vertical .mcs-button-arrow-next:before,
    .MagicScroll-vertical .mcs-button-arrow-prev:before {
        left: 15px
    }
}

.MagicScroll-vertical .mcs-button-arrow-next:before {
    bottom: -11px !important
}

.MagicScroll:hover>.mcs-button-arrow:hover:not(.mcs-disabled):before {
    border-color: #f39b00
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: transparent;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    display: none !important;
    height: 40px;
    width: 40px
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before {
    height: 20px;
    width: 20px
}

.MagicScroll.MagicScroll-horizontal.MagicScroll-arrows-inside:hover>.mcs-button-arrow:hover:not(.mcs-disabled) {
    background: transparent
}

.mcs-bullet {
    background-color: #f39b00;
    border-radius: 0;
    height: 4px;
    margin: 2px;
    width: 40px
}

.mcs-bullet.active {
    background-color: #000;
    border: 0
}

.mcs-item {
    padding: 0;
    border-bottom: 3px solid #fff;
    position: relative
}

.mcs-item a {
    width: 100%
}

.mcs-item.active:before {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

@media print,
screen and (min-width:48em) {
    .mcs-item.active:before {
        left: 2px;
        bottom: 2px;
        right: 2px
    }
}

.MagicScroll-horizontal .mcs-item.active:before {
    bottom: 0
}

@media print,
screen and (min-width:48em) {
    .mcs-item {
        padding: 2px
    }
}

.mcs-button-arrow.mcs-disabled {
    opacity: 1 !important
}

.mcs-button-arrow.mcs-disabled:before {
    border-color: #e1e1e1
}

.mz-thumb:not(.active) img {
    -webkit-filter: opacity(50%);
    filter: opacity(50%)
}

.mz-thumb:hover:not(.active) img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}

.mz-thumb.active img {
    -webkit-filter: opacity(100%);
    filter: opacity(100%)
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    .no-cssfilters-magic .mz-thumb-selected.mz-thumb,
    .no-cssfilters-magic .mz-thumb:hover {
        background: none !important
    }
}

.mz-expand button.mz-button {
    border: none !important;
    border-radius: 0 !important;
    display: inline-block !important;
    height: 2.25rem !important;
    margin: 0 !important;
    min-height: 2.25rem !important;
    min-width: 2.25rem !important;
    width: 2.25rem !important
}

.mz-expand button.mz-button.mz-button-close:before,
.mz-expand button.mz-button.mz-button-next:before,
.mz-expand button.mz-button.mz-button-prev:before {
    background-position: 0;
    background-repeat: no-repeat;
    content: "" !important;
    display: inline-block !important;
    height: 2.25rem !important;
    margin: 0 !important;
    min-height: 2.25rem !important;
    min-width: 2.25rem !important;
    width: 2.25rem !important
}

.mz-expand button.mz-button.mz-button-prev {
    margin: auto 10px !important
}

.mz-expand button.mz-button.mz-button-prev:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'32.6,5.3%2027.3,0%207.3,19.9%2027.3,39.9%2032.6,34.5%2018,19.9%20'%2F%3E%3C%2Fsvg%3E") !important
}

.mz-expand button.mz-button.mz-button-next {
    margin: auto 10px !important
}

.mz-expand button.mz-button.mz-button-next:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'7.3,34.6%2012.6,39.9%2032.6,20%2012.6,0%207.3,5.4%2021.9,20%20'%2F%3E%3C%2Fsvg%3E") !important
}

.mz-expand button.mz-button.mz-button-close {
    height: 50px !important;
    margin: 10px !important;
    min-height: 50px !important;
    min-width: 46px !important;
    width: 46px !important
}

.mz-expand button.mz-button.mz-button-close:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'50'%20height%3D'50'%3E%3Cpath%20fill%3D'%23f39b00'%20class%3D'st0'%20d%3D'M18,35.7c-9.8,0-17.7-8-17.7-17.7c0-9.8,8-17.7,17.7-17.7c9.8,0,17.7,8,17.7,17.7C35.7,27.8,27.8,35.7,18,35.7z%20M18,2.7C9.5,2.7,2.7,9.5,2.7,18S9.5,33.3,18,33.3S33.3,26.4,33.3,18S26.4,2.7,18,2.7z'%2F%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'24.9,12.9%2023.1,11.1%2018,16.2%2012.9,11.1%2011.1,12.9%2016.2,18%2011.1,23.1%2012.9,24.9%2018,19.8%2023.1,24.9%2024.9,23.1%2019.8,18%20'%2F%3E%3C%2Fsvg%3E") !important;
    height: 50px !important;
    min-height: 50px !important;
    min-width: 46px !important;
    width: 46px !important
}

.zoom-gallery {
    display: grid;
    display: block;
    margin-bottom: 30px;
    min-height: 430px;
    position: relative;
    padding-bottom: 40px
}

.zoom-gallery:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

@media screen and (max-width:47.9375em) {
    .zoom-gallery {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media print,
screen and (min-width:48em) {
    .zoom-gallery {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.zoom-gallery .uc-embedding-1 {
    width: 100%;
    height: 100%
}

.zoom-gallery .uc-embedding-wrapper {
    width: 100%;
    max-width: 95%;
    padding: 1rem;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

.zoom-gallery .uc-embedding-wrapper h3 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: .5rem
}

.zoom-gallery .uc-embedding-wrapper .description-text {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: .875rem
}

.zoom-gallery .uc-embedding-wrapper .uc-embedding-buttons {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 1rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

.zoom-gallery .uc-embedding-wrapper .uc-embedding-buttons .uc-embedding-more-info {
    border-radius: 0;
    border: 2px solid #f39b00;
    color: #f39b00;
    font-weight: 200;
    background: transparent
}

.zoom-gallery .uc-embedding-wrapper .uc-embedding-buttons .uc-embedding-accept {
    background-color: #f39b00;
    border-radius: 0;
    margin-right: 0;
    font-weight: 200
}

.zoom-gallery .uc-embedding-wrapper span {
    font-size: .7rem
}

.zoom-gallery .flag-container {
    position: absolute;
    top: 1rem;
    margin-left: -1px;
    z-index: 2;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    color: #fff
}

.zoom-gallery .flag-container .flag {
    padding: .5rem 1rem;
    background-color: #41525d
}

.company-reference-zoom-gallery {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    margin-top: 4px
}

.zoom-gallery-slide {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 1.875rem;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 5rem)
}

.zoom-gallery-slide:before {
    content: "";
    display: block;
    padding-top: 100%
}

.zoom-gallery-slide .inner,
.zoom-gallery-slide iframe,
.zoom-gallery-slide picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: auto
}

.zoom-gallery-slide iframe {
    height: 100%;
    width: 100%
}

.zoom-gallery-slide:before {
    content: none
}

.zoom-gallery-slide.active {
    display: block
}

.zoom-gallery-slide.active:not(.company-reference-zoom-gallery) {
    height: 460px
}

.zoom-gallery-slide:not(.video-slide) {
    -ms-flex-item-align: center;
    align-self: center
}

.zoom-gallery-slide.video-slide {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.zoom-gallery-slide.video-slide embed,
.zoom-gallery-slide.video-slide iframe,
.zoom-gallery-slide.video-slide object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%
}

.MagicScroll-horizontal.selectors {
    margin: .31rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.MagicScroll-vertical.selectors {
    margin-right: .75rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68px;
    flex: 0 0 68px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.zoom-gallery .selectors {
    text-align: center;
    margin: 10px 0
}

.zoom-gallery .selectors a {
    margin: 0;
    border: none;
    width: auto;
    display: inline-block
}

.zoom-gallery .selectors a.active,
.zoom-gallery .selectors a:hover {
    border-color: #ccc
}

.zoom-gallery .selectors a[data-slide-id=video-1],
.zoom-gallery .selectors a[data-slide-id=video-2],
.zoom-gallery .selectors a[data-slide-id=video-3],
.zoom-gallery .selectors a[data-slide-id=video-4],
.zoom-gallery .selectors a[data-slide-id=video-5],
.zoom-gallery .selectors a[data-slide-id=video-6],
.zoom-gallery .selectors a[data-slide-id=video-7],
.zoom-gallery .selectors a[data-slide-id=video-8] {
    position: relative
}

.zoom-gallery .selectors a[data-slide-id=video-1] img,
.zoom-gallery .selectors a[data-slide-id=video-2] img,
.zoom-gallery .selectors a[data-slide-id=video-3] img,
.zoom-gallery .selectors a[data-slide-id=video-4] img,
.zoom-gallery .selectors a[data-slide-id=video-5] img,
.zoom-gallery .selectors a[data-slide-id=video-6] img,
.zoom-gallery .selectors a[data-slide-id=video-7] img,
.zoom-gallery .selectors a[data-slide-id=video-8] img {
    opacity: .8;
    position: relative
}

.zoom-gallery .selectors a span {
    position: absolute;
    color: #fff;
    text-shadow: 0 1px 10px #000;
    top: 50%;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 30px;
    z-index: 100
}

.zoom-gallery .selectors a.gallery-video-thumbnail,
.zoom-gallery .selectors a.mz-thumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.zoom-gallery .selectors img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: auto
}

.gallery-video-thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'36'%20height%3D'36'%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M20,40C8.9,40,0,31,0,20C0,8.9,9,0,20,0c11.1,0,20,9,20,20C40,31.1,31.1,40,20,40z%20M20,2.7%20C10.4,2.7,2.7,10.4,2.7,20S10.4,37.3,20,37.3S37.3,29.5,37.3,20S29.5,2.7,20,2.7z'%2F%3E%3Cpolygon%20fill%3D'%23fff'%20points%3D'15.9,13.2%2028,20%2015.9,26.8'%2F%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%
}

.gallery-video-thumbnail:after {
    height: 100%;
    opacity: .25;
    z-index: -1
}

.gallery-video-thumbnail.active:before,
.gallery-video-thumbnail:after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    background-color: #000
}

.gallery-video-thumbnail.active:before {
    bottom: 0;
    height: .31rem;
    z-index: 1
}

.gallery-video-thumbnail.active:after,
.gallery-video-thumbnail:hover:after {
    background: none;
    opacity: 0
}

.gallery-video-thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -2
}

.product-description .zoom-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 460px
}

.product-description .zoom-gallery-slide {
    margin-bottom: 0
}

.product-description .zoom-gallery .zoom-gallery-slide:not(.video-slide) {
    -ms-flex-item-align: normal;
    align-self: normal
}

.product-description .zoom-gallery .mcs-item {
    border: 1px solid #d0d0d0
}

@media screen and (max-width:47.9375em) {
    .product-description .zoom-gallery .mcs-item {
        margin-left: .2rem;
        margin-right: .2rem;
        width: 31.6% !important
    }
}

@media print,
screen and (min-width:48em) {
    .product-description .zoom-gallery .mcs-item {
        margin-bottom: .2rem;
        height: 19.2% !important
    }
}

.product-description .zoom-gallery .zoom-gallery-slide.active {
    border: 1px solid #d0d0d0
}

@media screen and (max-width:47.9375em) {
    .product-description .zoom-gallery .zoom-gallery-slide.active {
        margin-bottom: 0;
        padding: .5em 0
    }

    .product-description .zoom-gallery .zoom-gallery-slide.active .product-description .zoom-gallery .mcs-item a {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.noUi-horizontal {
    margin: 10px 0;
    height: 1.5625rem;
    border: none;
    border-radius: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-horizontal:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    background-color: #f39b00
}

.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    background: none;
    background-color: #f39b00;
    border: none;
    width: 1.5625rem;
    height: 1.5625rem;
    left: -0.78125rem;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 3;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    cursor: pointer;
    cursor: -webkit-grab;
    outline: 0
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    display: none
}

.noUi-horizontal .noUi-handle.noUi-active {
    background-color: #fb4
}

.noUi-state-drag * {
    cursor: -webkit-grabbing !important
}

.range-wrapper .row {
    margin: 10px -5px 20px;
    -ms-flex-line-pack: center;
    align-content: center
}

.range-wrapper .row .columns {
    padding: 0 5px
}

.range-wrapper .row .columns:nth-child(2n) {
    padding: 2px 0
}

.range-input {
    -moz-appearance: textfield;
    color: #000;
    height: 2.5rem;
    line-height: 100%;
    min-width: 0;
    text-align: center;
    width: 100%
}

.range-input::-webkit-inner-spin-button,
.range-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.range-input-span {
    color: #000;
    text-align: center
}

.list--has-mini-badges li {
    margin-bottom: 20px;
    padding-left: 35px;
    position: relative
}

.list--has-mini-badges li img {
    left: 0;
    max-height: 26px;
    max-width: 26px;
    position: absolute;
    top: -3px
}

@media (max-width:768px) {
    .list--has-mini-badges {
        margin-top: 30px
    }
}

.wishlist-item {
    border-top: 1px solid #ccc;
    padding: 10px 15px;
    margin: 0 -15px
}

.wishlist-item .headline,
.wishlist-item .subheadline,
.wishlist-item h1,
.wishlist-item h2,
.wishlist-item h3 {
    margin-top: 0
}

@media screen and (max-width:47.9375em) {
    .wishlist-item picture img {
        margin-left: 3px;
        border: 1px solid #d0d0d0
    }
}

@media print,
screen and (min-width:48em) {
    .wishlist-item .show-for-large a {
        border: 1px solid #d0d0d0;
        padding: .3rem;
        display: block
    }
}

.wishlist-item-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:64em) {
    .wishlist-item {
        padding: 20px 0;
        margin: 0
    }
}

@media print,
screen and (min-width:64em) {
    .wishlist-item .columns {
        padding: 0 8px
    }
}

@media print,
screen and (min-width:64em) {
    .wishlist-item .row {
        margin: 0 -8px
    }
}

.wishlist-item:first-of-type {
    margin-top: 35px
}

@media print,
screen and (min-width:64em) {
    .wishlist-item:last-of-type {
        margin-bottom: 35px
    }
}

@media screen and (max-width:63.9375em) {
    .wishlist-item__button {
        margin-top: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.wishlist-item__button--delete--mobile {
    margin-bottom: 10px
}

.wishlist-item .frm__fld__fake-label {
    display: block;
    margin-bottom: 3px;
    width: 100%
}

.wishlist-item .unit {
    padding-top: 1rem;
    padding-left: .5rem
}

.wishlist-item .frm__fld.frm__fld--amount {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:29.9375em) {
    .wishlist-item .frm__fld.frm__fld--amount .btn__text {
        display: none
    }
}

@media screen and (max-width:63.9375em) {
    .wishlist-item__headline {
        margin-bottom: 5px;
        margin-right: 15px
    }

    .wishlist-item__headline+h3 {
        margin-right: 15px
    }
}

.wishlist-item__description {
    display: none
}

.wishlist-item__description p+.btn {
    margin-top: 12px
}

.wishlist-item__description--active {
    display: block
}

.wishlist-item__description__downloads {
    margin-top: 50px
}

.wishlist-item__description__downloads:last-child {
    margin-bottom: 3px
}

.wishlist-item__description__downloads .list__item:last-child {
    margin-bottom: 0
}

.wishlist-item--vke {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .25rem;
    margin-bottom: .25rem
}

.wishlist-item--vke p {
    margin-bottom: 0;
    width: 180px
}

.wishlist-item--vke .vke-label {
    margin-bottom: 10px
}

@media print,
screen and (min-width:30em) {
    .wishlist-item--vke .vke-label {
        margin-bottom: 0
    }
}

@media screen and (max-width:47.9375em) {
    .wishlist-item--vke {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width:29.9375em) {
    .wishlist-item>.row>.columns:nth-child(2)>.row>.columns:nth-child(2)>.row>.columns:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding-right: 0
    }

    .wishlist-item>.row>.columns:nth-child(2)>.row>.columns:nth-child(2)>.row>.columns:first-child .frm__fld__control {
        width: 40px
    }

    .wishlist-item>.row>.columns:nth-child(2)>.row>.columns:nth-child(2)>.row>.columns:first-child .frm__fld__control input {
        min-width: 45px
    }

    .wishlist-item>.row>.columns:nth-child(2)>.row>.columns:nth-child(2)>.row>.columns:first-child .icon {
        height: 2rem;
        min-width: 2rem;
        width: 2rem
    }

    .wishlist-item>.row>.columns:nth-child(2)>.row>.columns:nth-child(2)>.row>.columns:nth-child(2) {
        display: none
    }

    .wishlist-item>.row>.columns:nth-child(2)>.row>.columns:nth-child(2)>.row>.columns:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6667%;
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
        padding-left: 0
    }
}

.wishlist-prices {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1.25rem -8px 0
}

@media print,
screen and (min-width:30em) {
    .wishlist-prices {
        margin-top: 0
    }
}

@media screen and (max-width:29.9375em) {
    .wishlist-prices {
        margin-right: 0;
        margin-left: 0
    }
}

.wishlist-prices__item {
    border-bottom: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 8px;
    text-align: right;
    width: auto
}

.wishlist-prices__item span {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin-left: -11px;
    border-left: 1px solid #ccc
}

.wishlist-prices__item em {
    display: block;
    padding-bottom: 2px;
    font-size: 1.1rem;
    font-weight: 700;
    white-space: nowrap
}

@media screen and (max-width:29.9375em) {
    .wishlist-prices__item {
        font-size: .75rem;
        padding: 0
    }

    .wishlist-prices__item em {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:48em) {
    .cl-alist .mod-teaser .load-more-teaser {
        padding: .25rem
    }
}

@media print,
screen and (min-width:48em) {
    .cl-alist .mod-teaser article {
        margin-bottom: 1rem
    }
}

.wishlist-article-info a {
    font-size: 1rem;
    font-weight: 300
}

#wholesalersChooser h2 {
    margin-top: 0
}

#wholesalersChooser .row {
    margin-top: 1rem
}

#wholesalersChooser .column,
#wholesalersChooser .columns {
    padding-left: .5rem;
    padding-right: .5rem
}

#wholesalersChooser .wholesalerBox {
    margin-top: .5rem
}

#wholesalersChooser .wholesalerBox .wholesalerChoseBox {
    border: 2px solid #cacaca
}

#wholesalersChooser .wholesalerBox .wholesalerChoseBox .wholesalerLogoBox {
    padding-left: .5rem;
    padding-right: .5rem;
    height: 4rem;
    -ms-flex-line-pack: center;
    align-content: center
}

#wholesalersChooser .wholesalerBox .wholesalerChoseBox .wholesalerSubmit {
    width: 100%;
    height: 2rem
}

.panel {
    margin: 0 -15px 15px;
    padding: 15px 10px;
    position: relative
}

@media print,
screen and (min-width:48em) {
    .panel {
        margin: 0 0 15px
    }
}

.panel>p {
    margin-bottom: 0;
    margin-top: 1px
}

.panel--default {
    background: #ebebeb
}

.panel.has--icon {
    min-height: calc(30px + 1.5rem);
    padding-left: calc(20px + 1.5rem)
}

.panel.has--icon .icon {
    fill: #999;
    height: 1.5rem;
    left: 10px;
    min-width: 0;
    position: absolute;
    top: 15px;
    width: 1.5rem
}

.arrow-content {
    z-index: 10;
    min-width: 250px;
    max-width: 300px;
    padding: 1rem;
    border: none;
    border-radius: 0;
    background-color: #fff;
    font-size: .875rem;
    -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .3)
}

@media print,
screen and (min-width:30em) {
    .arrow-content {
        max-width: 450px
    }
}

.arrow-content--bottom {
    margin-bottom: 1rem
}

.arrow-content--top {
    margin-top: 1rem
}

.arrow-content:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: inherit;
    z-index: 2
}

.arrow-content__inner {
    position: relative;
    color: #000;
    background-color: inherit;
    z-index: inherit
}

.arrow-content__arrow {
    -webkit-box-shadow: 0 .5em 4em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 4em rgba(0, 0, 0, .3);
    background-color: inherit;
    position: absolute;
    z-index: 1;
    width: 1.375rem;
    height: .687rem
}

.arrow-content--top .arrow-content__arrow {
    top: -.25rem;
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
}

.arrow-content--top .arrow-content__arrow:before {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin-left: 17px;
    margin-top: 5px
}

.arrow-content--bottom .arrow-content__arrow {
    bottom: -.25rem;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.arrow-content--bottom .arrow-content__arrow:before {
    -webkit-transform: rotate(-36deg);
    transform: rotate(-36deg);
    margin-left: 17px;
    margin-top: -5px
}

.arrow-content__arrow:before {
    -webkit-box-shadow: 0 .5em 4em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 4em rgba(0, 0, 0, .3);
    content: "";
    display: block;
    z-index: 1;
    width: 1.375rem;
    height: .687rem;
    background-color: inherit
}

.arrow-content__arrow:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: inherit
}

.arrow-content__arrow[data-arrow-position=right] {
    right: 2rem
}

.arrow-content__arrow[data-arrow-position=left] {
    left: 1rem
}

.arrow-content__arrow[data-arrow-position=center] {
    left: calc(50% - 1.375rem)
}

.arrow-content.notification {
    background-color: #ebebeb
}

.arrow-content.notification[data-type=error] {
    background-color: #f5c8ca
}

.arrow-content.notification[data-type=success] {
    background-color: #d5ecd3
}

.arrow-content.notification .arrow-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.dropdown-pane {
    visibility: hidden;
    display: none;
    position: absolute;
    border: none
}

.dropdown-pane .arrow-content__arrow {
    right: 1.375rem
}

@media screen and (min-width:81.5625em) {
    .dropdown-pane .arrow-content__arrow {
        right: 50%
    }
}

.notification {
    -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    background-color: #ebebeb;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 1rem;
    padding: 15px;
    position: absolute;
    width: 100%;
    display: none;
    visibility: hidden;
    z-index: 9999
}

@media print,
screen and (min-width:48em) {
    .notification {
        max-width: 28.125rem;
        padding: 10px
    }
}

.notification[data-type=default],
.notification[data-type=error],
.notification[data-type=success] {
    display: block;
    visibility: visible
}

.notification__icon {
    min-width: 2.5rem;
    min-height: 2.5rem;
    background-repeat: no-repeat;
    background-position: 0
}

.notification__close {
    margin-left: auto
}

@media print,
screen and (min-width:48em) {
    .notification__close.btn.is--secondary .icon {
        height: 2.25rem;
        width: 2.25rem;
        min-width: 2.25rem
    }
}

.notification__text {
    margin: 10px 20px 0 10px
}

.notification[data-type=error] {
    background-color: #f5c8ca
}

.notification[data-type=error] .notification__close .icon,
.notification[data-type=error] .notification__icon .icon {
    fill: #d52731
}

.notification[data-type=error] .notification__icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'40'%20height%3D'40'%3E%3Cpath%20fill%3D'%23d52731'%20class%3D'st0'%20d%3D'M18,0.3C8.3,0.3,0.3,8.2,0.3,18c0,9.7,7.9,17.7,17.7,17.7S35.7,27.8,35.7,18C35.7,8.3,27.8,0.3,18,0.3zM16.8,9.3h2.4v10.8h-2.4V9.3z%20M18,25.2c-0.9,0-1.6-0.7-1.6-1.6c0-0.9,0.7-1.6,1.6-1.6s1.6,0.7,1.6,1.6C19.6,24.5,18.9,25.2,18,25.2z'%2F%3E%3C%2Fsvg%3E")
}

.notification[data-type=success] {
    background-color: #d5ecd3
}

.notification[data-type=success] .notification__close .icon,
.notification[data-type=success] .notification__icon .icon {
    fill: #5baf4d
}

.notification[data-type=success] .notification__icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'40'%20height%3D'40'%3E%3Cpath%20fill%3D'%235baf4d'%20class%3D'st0'%20d%3D'M18,0.3C8.3,0.3,0.3,8.2,0.3,18c0,9.7,7.9,17.7,17.7,17.7S35.7,27.8,35.7,18C35.7,8.3,27.8,0.3,18,0.3zM15.4,25.2l-1.9-1.8l-5.1-5l1.8-1.9l5.2,5l10.4-10.6l1.8,1.8L15.4,25.2z'%2F%3E%3C%2Fsvg%3E")
}

@media screen and (max-width:47.9375em) {

    .mod-teaser--news .tabs-navigation,
    .mod-teaser--news .tabs__name {
        display: none
    }

    .mod-teaser--news .tabs__content {
        display: block
    }
}

@media screen and (max-width:29.9375em) {
    .mod-teaser--news .row>:not(:first-child) {
        display: none
    }
}

@media screen and (min-width:30em) and (max-width:47.9375em) {
    .mod-teaser--news .row>:not(:first-child) {
        display: none
    }

    .mod-teaser--news .row>:first-child+* {
        display: block
    }
}

@media print,
screen and (min-width:48em) {
    .mod-teaser--news .tag:last-child {
        display: none
    }
}

.mod-teaser--category {
    margin: 0
}

.mod-teaser--category .teaser__header h2 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .mod-teaser--category .teaser__header h2 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .mod-teaser--category .teaser__header h2 {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
    }

    html[lang=ru] .mod-teaser--category .teaser__header h2 {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.mod-teaser--category .teaser_excerpt {
    margin-bottom: 10px
}

.hero.mod-stage {
    height: 360px
}

.mod-stage {
    background-color: #e1e1e1;
    margin-top: 0;
    margin-bottom: 120px
}

@media print,
screen and (min-width:48em) {
    .mod-stage {
        margin-bottom: 65px
    }
}

@media print,
screen and (min-width:48em) {
    .mod-stage .content {
        margin-left: 50% !important
    }
}

.mod-stage .section-header {
    margin-bottom: .875rem
}

.mod-stage .section-title {
    margin-bottom: .25rem;
    text-transform: uppercase
}

.mod-stage .subheadline {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem
}

html[lang=ru] .mod-stage .subheadline {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

.mod-stage p+.btn.more {
    margin-top: 20px
}

.mod-stage .btn.more {
    margin-top: 40px
}

.mod-stage .information-row {
    margin-bottom: 60px;
    min-height: 165px
}

@media screen and (min-width:73.125em) {
    .mod-stage .ls-glass .ls-bottom-nav-wrapper {
        margin-top: -35px
    }
}

.mod-stage .ls-glass .ls-bottom-slidebuttons a {
    background: #f39b00;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    margin: 0 3px 0 2px;
    padding-bottom: 5px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 67px
}

.mod-stage .ls-glass .ls-bottom-slidebuttons a.ls-nav-active {
    background: #000
}

.mod-stage .ls-wrapper>a.ls-layer {
    border-radius: 0 !important;
    border-width: 0 !important;
    color: inherit;
    font-size: inherit !important;
    height: auto !important;
    left: auto !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    text-align: left !important;
    top: auto !important;
    white-space: normal !important;
    width: auto !important;
    z-index: auto !important
}

@media screen and (max-width:73.0625em) {
    .mod-tabbed-content {
        margin-top: 15px
    }
}

.mod-tabbed-content .tabs-close .icon {
    width: 2.25rem;
    height: 2.25rem;
    max-width: 2.25rem
}

.mod-fair-seminar-dates .media {
    margin-bottom: 10px
}

.mod-slider .teaser__header h2 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .mod-slider .teaser__header h2 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .mod-slider .teaser__header h2 {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
    }

    html[lang=ru] .mod-slider .teaser__header h2 {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

@media screen and (min-width:73.125em) {
    .mod-slider:not(.mod-slider--mobile):not(.mod-slider--arrow) {
        margin-bottom: 0
    }
}

.mod-slider.mod-slider--arrow {
    margin-bottom: 55px
}

@media screen and (min-width:73.125em) {
    .mod-slider.mod-slider--arrow {
        margin-bottom: 85px
    }

    .mod-slider.mod-slider--arrow .teaser {
        margin-bottom: 0
    }
}

.mod-link-group {
    margin-top: 30px
}

@media print,
screen and (min-width:64em) {
    .mod-link-group {
        margin-top: 55px
    }
}

.to-top-link {
    bottom: 7.75rem;
    border-bottom: 5px solid #000;
    display: block;
    opacity: 0;
    position: fixed;
    right: 15px;
    height: 3.05rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    width: 67px;
    z-index: 50;
    pointer-events: none
}

.to-top-link .icon {
    height: 2.5rem;
    line-height: normal;
    margin: 0 auto;
    position: relative;
    width: 2.5rem
}

.to-top-link.is--sticky {
    opacity: 1;
    pointer-events: auto
}

@media print,
screen and (min-width:64em) {
    .to-top-link {
        bottom: 5.125rem
    }
}

.download-item {
    margin-bottom: 3.75rem
}

.download-item picture img {
    border: 1px solid #ebebeb
}

.download-item .thumbnail {
    margin-bottom: .9375rem;
    position: relative
}

.download-item .thumbnail:before {
    content: "";
    display: block;
    padding-top: 100%
}

.download-item .thumbnail .inner,
.download-item .thumbnail iframe,
.download-item .thumbnail picture {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: auto
}

.download-item .thumbnail iframe {
    height: 100%;
    width: 100%
}

.download-item .thumbnail picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

@media print,
screen and (min-width:30em) {
    .download-item .thumbnail picture {
        padding: 0
    }
}

.download-item .thumbnail picture img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

@media print,
screen and (min-width:48em) {
    .download-item .thumbnail {
        margin-bottom: 25px
    }
}

.download-item .thumbnail picture {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.download-item .thumbnail picture img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -o-object-fit: scale-down;
    font-family: object-fit\:scale-down;
    object-fit: scale-down
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .download-item h2 {
        font-size: 1.125rem
    }
}

.overlay {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    display: none;
    height: 2000%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.has-active-overlay .overlay {
    display: block
}

.spinner--overlay {
    background-color: hsla(0, 0%, 100%, .9);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999;
    min-height: 12rem
}

.spinner,
.spinner--overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.spinner {
    position: absolute;
    margin: auto;
    width: 125px;
    height: 125px;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.spinner--element {
    position: absolute;
    background-color: #fff;
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -webkit-animation-name: r;
    animation-name: r;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

#frotateG_01 {
    left: 0;
    top: 51px;
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#frotateG_03 {
    left: 51px;
    top: 0;
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

#frotateG_05 {
    right: 0;
    top: 51px;
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@-webkit-keyframes r {
    0% {
        background-color: #f39b00
    }

    to {
        background-color: rgba(243, 155, 0, 0)
    }
}

@keyframes r {
    0% {
        background-color: #f39b00
    }

    to {
        background-color: rgba(243, 155, 0, 0)
    }
}

.datepicker.dropdown-menu {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.datepicker.dropdown-menu .month.active,
.datepicker.dropdown-menu .year.active,
.datepicker.dropdown-menu td.day.active {
    background: #f39b00
}

.datepicker.dropdown-menu .fa {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 1rem;
    width: 1rem
}

.datepicker.dropdown-menu .fi-arrow-right {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'7.3,34.6%2012.6,39.9%2032.6,20%2012.6,0%207.3,5.4%2021.9,20%20'%2F%3E%3C%2Fsvg%3E")
}

.datepicker.dropdown-menu .fi-arrow-right:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cpolygon%20fill%3D'%23000'%20points%3D'7.3,34.6%2012.6,39.9%2032.6,20%2012.6,0%207.3,5.4%2021.9,20%20'%2F%3E%3C%2Fsvg%3E")
}

.datepicker.dropdown-menu .fi-arrow-left {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cpolygon%20fill%3D'%23f39b00'%20points%3D'32.6,5.3%2027.3,0%207.3,19.9%2027.3,39.9%2032.6,34.5%2018,19.9%20'%2F%3E%3C%2Fsvg%3E")
}

.datepicker.dropdown-menu .fi-arrow-left:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20width%3D'1rem'%20height%3D'1rem'%3E%3Cpolygon%20fill%3D'%23000'%20points%3D'32.6,5.3%2027.3,0%207.3,19.9%2027.3,39.9%2032.6,34.5%2018,19.9%20'%2F%3E%3C%2Fsvg%3E")
}

.c-offcanvas-menu {
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(-4rem);
    transform: translateY(-4rem);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: 1010;
    pointer-events: none
}

.c-offcanvas-menu--open {
    -webkit-transform: translateY(calc(-100% + 6rem));
    transform: translateY(calc(-100% + 6rem));
    -ms-transform: translateY(-100%) translateY(6rem)
}

.c-offcanvas-menu--open .c-offcanvas-menu__tab {
    -webkit-transition: none;
    transition: none
}

.c-offcanvas-menu__tabs {
    background-color: #fff;
    border-top: 1px solid #f39b00;
    padding: 0 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: -1
}

.c-offcanvas-menu__tabs--flipped {
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem)
}

.c-offcanvas-menu__tabs--flipped .c-offcanvas-menu__tab--flipper {
    -webkit-transform: translateY(-4rem);
    transform: translateY(-4rem)
}

.c-offcanvas-menu__tabs--flipped .c-offcanvas-menu__tab--flipper .icon--open {
    display: block
}

.c-offcanvas-menu__tabs--flipped .c-offcanvas-menu__tab--flipper .icon--close {
    display: none
}

.c-offcanvas-menu__item {
    height: 100%
}

.c-offcanvas-menu__tab {
    cursor: pointer;
    float: left;
    text-align: center;
    background-color: #fff;
    border-bottom: .25rem solid #f39b00;
    padding: .5rem;
    height: 4rem;
    width: 4rem;
    margin-right: .3rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    pointer-events: auto
}

.c-offcanvas-menu__tab:last-child {
    margin-right: 0
}

.c-offcanvas-menu__tab--flipper {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-left: .5rem
}

.c-offcanvas-menu__tab--flipper .icon--open {
    display: none
}

.c-offcanvas-menu__tab--flipper .icon--close {
    display: block
}

.c-offcanvas-menu__tab>.icon {
    margin: 0 auto
}

.c-offcanvas-menu__tab .c-offcanvas-menu__tab--active,
.c-offcanvas-menu__tab:hover,
.c-offcanvas-menu__tab[aria-expanded=true] {
    background-color: #f39b00;
    border: none
}

.c-offcanvas-menu__tab .c-offcanvas-menu__tab--active .icon,
.c-offcanvas-menu__tab:hover .icon,
.c-offcanvas-menu__tab[aria-expanded=true] .icon {
    fill: #fff
}

.c-offcanvas-menu__tab .c-offcanvas-menu__tab--active .c-offcanvas-menu__caption,
.c-offcanvas-menu__tab:hover .c-offcanvas-menu__caption,
.c-offcanvas-menu__tab[aria-expanded=true] .c-offcanvas-menu__caption {
    padding-top: .4rem
}

.c-offcanvas-menu__tab:focus {
    outline: none
}

.c-offcanvas-menu__caption {
    color: #fff;
    padding-top: .2rem;
    pointer-events: none;
    display: none
}

.c-offcanvas-menu__wrapper {
    background-color: #fff;
    height: calc(100% - 6rem);
    padding-top: 1rem;
    border-top: 1px solid #f39b00;
    padding-bottom: 4rem;
    pointer-events: auto
}

.c-offcanvas-menu__content {
    height: 100%;
    position: relative;
    display: none;
    overflow-y: auto
}

.c-offcanvas-menu__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    height: auto
}

.c-offcanvas-menu__close {
    float: right
}

.c-offcanvas-menu__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1009;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-offcanvas-menu__overlay--display {
    opacity: 1;
    visibility: visible
}

.c-offcanvas-menu a.c-offcanvas-menu__tab>.icon {
    margin-top: .3rem
}

#offcanvas-menu-anchor {
    height: 5rem
}

@media screen and (max-width:29.9375em) {
    .c-offcanvas-menu__tab {
        height: 4rem;
        width: 2.8rem
    }

    .c-offcanvas-menu__tab .icon {
        height: 1.5rem;
        width: 1.5rem;
        min-width: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .c-offcanvas-menu {
        left: auto;
        right: 0;
        bottom: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        width: 24rem;
        height: 100%;
        top: auto
    }

    .c-offcanvas-menu--open {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .c-offcanvas-menu--open .c-offcanvas-menu__tab {
        border-right: none;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .c-offcanvas-menu__tabs {
        background-color: transparent;
        border-top: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        padding: 0;
        position: absolute;
        left: -4rem;
        width: 4rem;
        bottom: 1rem
    }

    .c-offcanvas-menu__tabs--flipped {
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem)
    }

    .c-offcanvas-menu__tabs--flipped .c-offcanvas-menu__tab--flipper {
        -webkit-transform: translateX(-4rem) !important;
        transform: translateX(-4rem) !important
    }

    .c-offcanvas-menu__tab {
        -webkit-transform: inherit;
        transform: inherit;
        width: 100%;
        height: auto;
        padding: 1rem 1rem 1rem .75rem;
        border-left: .25rem solid #f39b00;
        border-bottom: none;
        margin-bottom: .2rem;
        margin-right: 0
    }

    .c-offcanvas-menu__tab:last-child {
        margin-bottom: 0
    }

    .c-offcanvas-menu__tab .c-offcanvas-menu__tab--active,
    .c-offcanvas-menu__tab:hover,
    .c-offcanvas-menu__tab[aria-expanded=true] {
        min-height: 6rem;
        height: auto;
        width: 6rem;
        -webkit-transform: translateX(-2rem);
        transform: translateX(-2rem);
        padding: 1rem
    }

    .c-offcanvas-menu__tab .c-offcanvas-menu__tab--active .c-offcanvas-menu__caption,
    .c-offcanvas-menu__tab:hover .c-offcanvas-menu__caption,
    .c-offcanvas-menu__tab[aria-expanded=true] .c-offcanvas-menu__caption {
        display: inline-block
    }

    .c-offcanvas-menu__tab--flipper {
        margin-top: .5rem;
        margin-left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .c-offcanvas-menu__tab--flipper:hover {
        min-height: 4rem;
        width: 4rem;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .c-offcanvas-menu__wrapper {
        height: 100%;
        border-left: 1px solid #f39b00;
        padding-bottom: 0
    }

    .c-offcanvas-menu a.c-offcanvas-menu__tab>.icon {
        margin-top: 0
    }

    #offcanvas-menu-anchor {
        height: 0
    }
}

[data-drilldown] {
    overflow: hidden
}

[data-sublevel] {
    display: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

[data-sublevel].is--active {
    display: block
}

[data-level="0"] .level-0 {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

[data-level="1"] .level-0 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-level="2"] .level-0 {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

[data-level="3"] .level-0 {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%)
}

[data-level="4"] .level-0 {
    -webkit-transform: translateX(-400%);
    transform: translateX(-400%)
}

[data-level="5"] .level-0 {
    -webkit-transform: translateX(-500%);
    transform: translateX(-500%)
}

[data-level="6"] .level-0 {
    -webkit-transform: translateX(-600%);
    transform: translateX(-600%)
}

[data-level="7"] .level-0 {
    -webkit-transform: translateX(-700%);
    transform: translateX(-700%)
}

[data-level="8"] .level-0 {
    -webkit-transform: translateX(-800%);
    transform: translateX(-800%)
}

[data-level="9"] .level-0 {
    -webkit-transform: translateX(-900%);
    transform: translateX(-900%)
}

[data-level="10"] .level-0 {
    -webkit-transform: translateX(-1000%);
    transform: translateX(-1000%)
}

.carousel-item {
    left: 0 !important;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    z-index: -1
}

.carousel-item.is-selected {
    opacity: 1;
    z-index: 0
}

.flickity-page-dots .dot:first-child:last-child {
    display: none
}

.carousel {
    overflow: hidden
}

.carousel .flickity-slider {
    -webkit-transform: none !important;
    transform: none !important
}

.carousel .flickity-viewport {
    overflow: visible
}

.carousel .flickity-page-dots {
    top: calc(100% - 3rem)
}

@media print,
screen and (min-width:48em) {
    .carousel {
        margin-bottom: 2rem
    }
}

@media print,
screen and (min-width:48em) {
    .carousel.stage {
        margin-bottom: 4rem
    }
}

.carousel-item.negative-text .btn__text,
.carousel-item.negative-text .text {
    color: #fff
}

.carousel-item.negative-text .btn:before {
    background-color: #fff
}

.carousel-item.negative-text .btn:hover .icon {
    fill: #fff
}

.carousel-item .content {
    padding: 0 1rem
}

@media print,
screen and (min-width:48em) {
    .stage .carousel-item .content {
        position: relative
    }

    .stage .carousel-item .content:before {
        content: "";
        display: block;
        padding-top: 30.76923%
    }

    .stage .carousel-item .content .inner,
    .stage .carousel-item .content iframe,
    .stage .carousel-item .content picture {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        margin: auto
    }

    .stage .carousel-item .content iframe {
        height: 100%;
        width: 100%
    }
}

@media print,
screen and (min-width:48em) {
    .stage.hero .carousel-item .content {
        position: relative
    }

    .stage.hero .carousel-item .content:before {
        content: "";
        display: block;
        padding-top: 50%
    }

    .stage.hero .carousel-item .content .inner,
    .stage.hero .carousel-item .content iframe,
    .stage.hero .carousel-item .content picture {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        margin: auto
    }

    .stage.hero .carousel-item .content iframe {
        height: 100%;
        width: 100%
    }
}

@media print,
screen and (min-width:48em) {
    .carousel-item .content {
        padding: 0
    }
}

.carousel-item .content img {
    pointer-events: none
}

.carousel-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    position: relative
}

.carousel-item.carousel-item-image {
    overflow: hidden
}

.stage .carousel-item.carousel-item-image img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover
}

.carousel-item.carousel-item-image .inner {
    text-align: center
}

.carousel-item.carousel-item-product .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:48em) {
    .carousel-item.carousel-item-product .inner {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.carousel-item.carousel-item-product .image {
    justify-self: center;
    max-width: 600px
}

@media print,
screen and (min-width:48em) {
    .carousel-item.carousel-item-product .image {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: none;
        height: 95%;
        bottom: -19px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        position: relative
    }
}

.carousel-item.carousel-item-title .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 360px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media print,
screen and (min-width:48em) {
    .carousel-item.carousel-item-title .inner {
        height: auto
    }
}

.carousel-item.carousel-item-title .text {
    -ms-flex-item-align: center;
    align-self: center
}

@media print,
screen and (min-width:30em) {
    .carousel-item.carousel-item-title .text {
        max-width: 50%
    }
}

@media print,
screen and (min-width:48em) {
    .carousel-item.carousel-item-title .text {
        max-width: none
    }
}

.carousel-item.carousel-item-event .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media print,
screen and (min-width:48em) {
    .carousel-item.carousel-item-event .inner {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.carousel-item.carousel-item-event .image {
    justify-self: center;
    text-align: center
}

@media print,
screen and (min-width:48em) {
    .carousel-item.carousel-item-event .image {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: none;
        height: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.carousel-item .background {
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 7rem;
    left: 0;
    right: 0;
    z-index: -1;
    height: 360px
}

@media print,
screen and (min-width:48em) {
    .carousel-item .background {
        bottom: 0;
        height: auto
    }
}

.carousel-item .text {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 48px;
    position: relative;
    max-width: 40em
}

@media print,
screen and (min-width:48em) {
    .carousel-item .text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        padding-right: 1rem
    }

    .carousel-item .text .section-header {
        margin-left: 0
    }
}

.carousel-item .image {
    text-align: center;
    padding: 0 2.5rem
}

.carousel-item .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    font-family: object-fit\:contain;
    object-fit: contain
}

@media print,
screen and (min-width:48em) {
    .carousel-item .image {
        max-width: none;
        padding: 0
    }
}

.carousel-item .section-header {
    margin-left: -48px;
    margin-top: 2rem
}

@media print,
screen and (min-width:48em) {
    .carousel-item .section-header {
        margin-top: 0
    }
}

.carousel-item .section-header {
    margin-bottom: .875rem
}

.carousel-item .subheadline {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem
}

html[lang=ru] .carousel-item .subheadline {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:64em) {
    .carousel-item .subheadline {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .carousel-item .subheadline {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.carousel-item .btn.more {
    margin-bottom: 1rem;
    margin-top: .75rem
}

@media print,
screen and (min-width:64em) {
    .carousel-item .btn.more {
        margin-bottom: 0
    }
}

.event-information {
    padding-top: 20px
}

.event-information .tags {
    display: inline-block;
    margin-right: 3px
}

.event-information .event-address .subheadline {
    display: block;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: .5rem
}

.event-information>p {
    font-size: 18px;
    font-weight: 600
}

.event-information .button-primary {
    background: #f39b00;
    color: #000;
    margin-top: 20px;
    padding: 10px 15px;
    text-transform: uppercase
}

.news-downloads {
    border-top: 1px solid #ccc
}

.news-downloads__listItem {
    padding: .71429rem 0;
    border-bottom: 1px solid #ccc
}

.news-downloads__link {
    display: table;
    color: #000;
    width: 100%
}

.news-downloads__link:active svg,
.news-downloads__link:hover svg {
    fill: #000
}

.news-downloads__content,
.news-downloads__postContent,
.news-downloads__preContent {
    display: table-cell;
    vertical-align: middle
}

.news-downloads__postContent,
.news-downloads__preContent {
    width: 2.85714rem
}

.news-downloads__postContent .icon {
    float: right
}

.news-downloads__title {
    font-size: 1.125rem;
    color: #000;
    display: block;
    max-width: 100%
}

.news-downloads__info {
    color: #f39b00
}

.news-gallery {
    max-width: 73.13rem;
    margin-right: auto;
    margin-left: auto;
    display: block
}

.news-gallery:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.news-gallery>.news-gallery__item {
    float: left;
    width: 50%
}

.news-gallery>.news-gallery__item:nth-of-type(1n) {
    clear: none
}

.news-gallery>.news-gallery__item:nth-of-type(odd) {
    clear: both
}

.news-gallery>.news-gallery__item:last-child {
    float: left
}

@media print,
screen and (min-width:48em) {
    .news-gallery>.news-gallery__item {
        float: left;
        width: 33.33333%
    }

    .news-gallery>.news-gallery__item:nth-of-type(1n) {
        clear: none
    }

    .news-gallery>.news-gallery__item:nth-of-type(3n+1) {
        clear: both
    }

    .news-gallery>.news-gallery__item:last-child {
        float: left
    }
}

.news-gallery__item {
    display: block;
    position: relative;
    padding-bottom: 2px
}

.news-gallery__item:not(:nth-of-type(2n)) {
    padding-right: 2px
}

@media print,
screen and (min-width:48em) {
    .news-gallery__item:not(:nth-of-type(3n)) {
        padding-right: 2px
    }
}

.news-gallery__item:hover .news-gallery__figure {
    background-color: #f39b00
}

.news-gallery__item:hover .news-gallery__image {
    opacity: .33
}

.news-gallery__item:hover .news-gallery__caption {
    display: block
}

.news-gallery__image {
    width: 100%;
    display: block
}

.news-gallery__figure {
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 0;
    height: 100%
}

.news-gallery__caption {
    position: absolute;
    padding: 0 1rem;
    display: none;
    text-align: center;
    width: 100%;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.news-gallery__icon {
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: .35714rem
}

.news-gallery__icon svg {
    fill: #fff;
    margin: 0 auto
}

.news-gallery__text {
    font-size: 1.125rem;
    line-height: 1
}

.news-downloads,
.news-gallery,
.news-video {
    margin: .71429rem auto 1.42857rem
}

.link-list-plugin__item {
    padding: .3rem;
    border-bottom: 1px solid #ccc;
    height: 100%
}

.link-list-plugin__link {
    display: table;
    color: #000;
    width: 100%;
    height: 100%
}

.link-list-plugin__link:active .link-list-plugin__title,
.link-list-plugin__link:hover .link-list-plugin__title {
    color: #f39b00
}

.link-list-plugin__content,
.link-list-plugin__preContent {
    display: table-cell;
    vertical-align: middle
}

.link-list-plugin__preContent {
    width: 5rem;
    margin-right: .71429rem
}

.link-list-plugin__title {
    font-size: 100%;
    color: #000;
    display: block;
    max-width: 100%;
    -webkit-transition: color .2s;
    transition: color .2s
}

.link-list-plugin {
    margin: .71429rem auto 1.42857rem
}

.link-list-grid .link-list-grid-item {
    padding: 2rem 0 1rem
}

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

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes s {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.c-references__loading {
    -webkit-animation: s 2s infinite ease-in-out;
    animation: s 2s infinite ease-in-out
}

.c-references__no-reults {
    margin-bottom: 3rem;
    margin-top: -2rem
}

.project-video-box picture img {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.project-information-box,
.project-quote-box {
    background-color: #ebebeb
}

.project-information-box {
    display: inline-block;
    padding: 1.42857rem;
    margin: 1.42857rem 0
}

.project-information-box h3 {
    margin-top: 0
}

.descriptionContent {
    margin-bottom: 2.14286rem
}

.project-blockquote {
    padding: 1em
}

@media print,
screen and (min-width:48em) {
    .project-blockquote h3 {
        margin-top: 0
    }
}

.project-table td,
.project-table th,
.project-table tr {
    border: none !important;
    vertical-align: top;
    padding: .71429rem .71429rem .71429rem 0
}

@media print,
screen and (min-width:48em) {
    .project-description:first-child h3 {
        margin-bottom: .71429rem;
        margin-top: 0
    }
}

.text-gallery {
    margin-bottom: 2em
}

.text-gallery img {
    width: 100%;
    height: auto
}

.text-gallery__link {
    margin-bottom: 1rem;
    display: block
}

.text-gallery__header,
.text-gallery__subheader {
    margin-top: 0
}

.text-gallery__figure,
.text-gallery__thumb {
    position: relative;
    display: block
}

.text-gallery__figure:hover .text-gallery__icon,
.text-gallery__thumb:hover .text-gallery__icon {
    opacity: 1
}

.text-gallery__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.row .columns .text-gallery .row {
    margin-left: 0;
    margin-right: 0
}

.row .columns .text-gallery .row .columns {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0
}

.row .columns .text-gallery .row .columns.medium-order-2 {
    padding-left: 1.07143rem;
    padding-right: 0
}

.row .columns .text-gallery .row .columns.medium-order-2 .columns {
    padding-left: 0;
    padding-right: 0
}

.row .columns .text-gallery .row .columns.medium-order-1 {
    padding-left: 0;
    padding-right: 1.07143rem
}

.row .columns .text-gallery .row .columns.medium-order-1 .columns {
    padding-left: 0;
    padding-right: 0
}

.row .columns .text-gallery .row .columns.medium-order-1 .row .columns {
    padding-left: 0;
    padding-right: 1rem
}

.row .columns .text-gallery .row .columns .row .columns {
    padding-left: 1rem
}

.cl-alist .mod-teaser article,
.default-content .mod-teaser article,
.mod-searchresults .category-quantity+.mod-teaser article,
.mod-searchresults .tabs--search-products article {
    border: 1px solid #d0d0d0;
    margin: .5em 0 0 .5em
}

.cl-alist .mod-teaser article a,
.default-content .mod-teaser article a,
.mod-searchresults .category-quantity+.mod-teaser article a,
.mod-searchresults .tabs--search-products article a {
    margin: 0 0 12px
}

@media screen and (max-width:47.9375em) {

    .cl-alist .mod-teaser article,
    .default-content .mod-teaser article,
    .mod-searchresults .category-quantity+.mod-teaser article,
    .mod-searchresults .tabs--search-products article {
        max-width: 96.5%
    }
}

@media print,
screen and (min-width:48em) {

    .cl-alist .mod-teaser article,
    .default-content .mod-teaser article,
    .mod-searchresults .category-quantity+.mod-teaser article,
    .mod-searchresults .tabs--search-products article {
        border: 1px solid #d0d0d0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%
    }
}

.cl-alist .mod-teaser article .teaser__content a,
.default-content .mod-teaser article .teaser__content a,
.mod-searchresults .category-quantity+.mod-teaser article .teaser__content a,
.mod-searchresults .tabs--search-products article .teaser__content a {
    display: inline-block
}

@media print,
screen and (min-width:48em) {
    .mod-searchresults .tabs--search-products article {
        border: 1px solid #d0d0d0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%
    }
}

@media print,
screen and (min-width:48em) {

    .default-content .mod-teaser article .teaser,
    .mod-searchresults .category-quantity+.mod-teaser article,
    .mod-searchresults .tabs--search-products article .teaser {
        margin: 0 0 10px
    }
}

@media print,
screen and (min-width:48em) {

    .default-content .mod-teaser .load-more-teaser,
    .mod-searchresults .category-quantity+.mod-teaser .load-more-teaser,
    .mod-searchresults .tabs--search-products .load-more-teaser {
        padding-left: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .mod-searchresults .category-quantity+.mod-teaser article {
        margin: 0 .2rem .4rem
    }
}

.cl-alist .mod-teaser article,
.cl-alist .mod-teaser article .teaser__picture,
.default-content .mod-teaser article .teaser__picture,
.mod-searchresults .category-quantity+.mod-teaser article,
.mod-searchresults .category-quantity+.mod-teaser article .teaser__picture,
.mod-searchresults .tabs--search-products article .teaser__picture {
    border-bottom: 1px solid #d0d0d0
}

.hyphens {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 20 15 15;
    -webkit-hyphenate-limit-chars: 20 15 15;
    -webkit-hyphenate-limit-before: 15
}

.columns article,
.fixbox picture {
    padding-left: 1.07143rem;
    padding-right: 1.07143rem;
    margin-left: 0;
    margin-right: 0
}

.columns .teaser .columns ul {
    color: #888
}

.iframe-container {
    position: relative;
    padding-bottom: 160%;
    overflow: hidden;
    width: 101%;
    height: auto;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .iframe-container {
        padding-bottom: 200%
    }
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.quickordernotice {
    position: relative;
    z-index: 4
}

@media screen and (max-width:63.9375em) {
    .quickorderitem .row {
        margin: 0 !important
    }

    .quickorder_shop .wishlist-button {
        padding-top: 10px !important;
        display: block !important
    }
}

.quickordersection {
    background-color: #f5f8f9;
    border-bottom: 1px solid #ccc;
    margin-top: 0 !important
}

.quickordersection.is--minimal .quickordersearch .result-list.is--active {
    display: none;
    opacity: 0
}

.quickordersection .quickorderitem {
    display: none
}

.quickordersection .quickorderitem .wishlist-item__headline {
    margin-bottom: 6px
}

.quickordersection .quickorderitem .wishlist-item__artnum {
    margin-bottom: 0
}

.quickordersection .quickorderitem .vke-fake-label {
    margin-left: 10px
}

@media screen and (max-width:63.9375em) {
    .quickordersection .quickorderitem .wishlist-item__headline {
        margin-top: 30px
    }
}

.quickordersection .quickordersearch {
    margin-left: 10px
}

@media screen and (max-width:63.9375em) {
    .quickordersection .quickordersearch {
        margin-left: 0
    }
}

.quickordersection .wishlist-button {
    margin-top: 7px
}

.quickordersection .btn__text {
    text-transform: none
}

.quickordersearch .result-list {
    -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    background-color: #fff;
    display: none;
    position: absolute;
    padding: 1em 1.25em;
    width: auto;
    z-index: 11
}

.quickordersearch .result-list.is--active {
    display: block
}

.quickordersearch .result-list li:not(:last-child) {
    margin: 0 0 .75em
}

.quickordersearch .result-list li.selected a {
    color: #000
}

.quickordersearch .result-list a {
    color: #999;
    cursor: pointer
}

.quickordersearch .result-list a:focus,
.quickordersearch .result-list a:hover {
    color: #000
}

@media print,
screen and (min-width:48em) {
    .quickordersection.is--minimal .quickordersearch {
        max-width: 16rem
    }
}

@media screen and (max-width:63.9375em) {
    .quickordersearch .quickorderitem .row {
        margin: 0 0 10px !important
    }
}

@media screen and (min-width:73.125em) {

    .quickordersearch,
    .quickordersection:not(.is--minimal) .quickordersearch {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

input.parsley-error {
    border: 2px solid #d52731
}

ul.parsley-errors-list li {
    color: #d52731
}

.border-danger {
    border-color: #d52731 !important
}

.banner-teaser {
    background-image: -webkit-linear-gradient(315deg, #dbe6ea, #64808e);
    background-image: linear-gradient(135deg, #dbe6ea, #64808e);
    margin-bottom: 3.75rem
}

.banner-teaser a.foreground-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media print,
screen and (min-width:30em) {
    .banner-teaser a.foreground-image {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.banner-teaser a.mobile-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media print,
screen and (min-width:30em) {
    .banner-teaser a.mobile-image {
        display: none
    }
}

.banner-teaser a.desktop-image {
    display: none
}

@media print,
screen and (min-width:30em) {
    .banner-teaser a.desktop-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.banner-teaser__box {
    padding: 0 1.6071rem 1.6071rem
}

@media print,
screen and (min-width:30em) {
    .banner-teaser__box {
        padding: 2.6786rem;
        max-width: 50%
    }
}

.banner-teaser__box h2 {
    margin-top: 0;
    margin-bottom: .535em
}

.banner-teaser picture {
    padding: 1.6071rem
}

@media print,
screen and (min-width:30em) {
    .banner-teaser picture {
        padding: 2.6786rem
    }
}

@media screen and (max-width:47.9375em) {
    .banner-teaser button {
        display: inline-block;
        width: 100%
    }
}

.black {
    color: #000
}

.white {
    color: #fff
}

.single-video-teaser--container,
.video-teaser--container {
    margin-bottom: 1.125rem;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border: 1px solid #f1f1f1
}

.single-video-teaser--container:hover,
.video-teaser--container:hover {
    opacity: .6
}

.video-teaser--container .video-duration--container {
    padding: .5rem;
    position: absolute;
    right: 1rem;
    bottom: -1px;
    color: #000;
    background-color: #f1f1f1;
    text-align: center
}

.video-teaser--container .video-duration--container span {
    display: block;
    margin-top: .25rem;
    font-size: .875rem
}

.video-teaser--container .video-title--container {
    padding: 1rem;
    background-color: #f1f1f1
}

.video-teaser--container .video-title {
    margin: 0;
    font-size: 14px;
    color: #000
}

.video-teaser--container .video-teaser--header {
    position: relative
}

.video-teaser--container img {
    inline-size: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover
}

.single-video-teaser--container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.single-video-teaser--container a .video-teaser--header {
    position: relative
}

.single-video-teaser--container a .video-duration--container {
    position: absolute;
    right: -3.5rem;
    bottom: 1rem;
    text-align: center
}

.single-video-teaser--container a .video-duration--container span {
    display: block;
    margin-top: .25rem;
    color: #000;
    font-size: .875rem
}

.single-video-teaser--container a .video-title--container {
    padding: 2rem 1rem;
    color: #000;
    background-color: #f1f1f1
}

.single-video-teaser--container a .video-title--container h3.video-title {
    margin: 0 !important
}

.single-video-teaser--container img {
    display: block;
    aspect-ratio: 16/7;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover;
    width: 100%
}

@media screen and (min-width:30em) {
    .single-video-teaser--container .video-teaser--header {
        width: calc(50% + 1.125rem)
    }

    .single-video-teaser--container .video-title--container {
        width: calc(50% - 1.125rem)
    }
}

@media screen and (min-width:48em) {
    .single-video-teaser--container .video-teaser--header {
        width: calc(67% + 1.125rem)
    }

    .single-video-teaser--container .video-title--container {
        width: calc(33% - 1.125rem)
    }
}

.teaser-download--grid {
    display: grid;
    gap: 1.07143rem
}

@media screen and (min-width:30em) {
    .teaser-download--grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:48em) {
    .teaser-download--grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:64em) {
    .teaser-download--grid {
        grid-template-columns: repeat(4, 197.95px)
    }
}

.teaser-download-item {
    margin-bottom: 2.14286rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f1f1f1
}

.teaser-download-item:hover {
    opacity: .6
}

.teaser-download-item__media {
    position: relative;
    border: 1px solid #f1f1f1
}

.teaser-download-item__media img {
    display: block;
    width: 100%;
    height: auto
}

.teaser-download-item__content {
    padding: 1.07143rem
}

.teaser-download-item__content h5 {
    margin-bottom: 0;
    font-size: .875rem
}

.teaser-download-item__action {
    position: absolute;
    right: 1.07143rem;
    bottom: 0;
    padding: 0.26786rem 0.53572rem;
    font-size: .75rem;
    color: #000;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.teaser-download-item__action .icon__small {
    margin: .25rem 0
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .teaser-download--grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 1.07rem
    }

    .teaser-download-item,
    ::-ms-backdrop {
        display: block
    }
}

@media (min-width:30em) and (-ms-high-contrast:none) {
    .teaser-download-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(50% - 16px);
        border: 8px solid #fff
    }

    .teaser-download-item:not(:last-child) {
        margin-right: 1.07143rem
    }
}

@media screen and (min-width:48em) and (-ms-high-contrast:none) {
    .teaser-download-item {
        width: calc(33.33333% - 16px)
    }
}

@media screen and (min-width:64em) and (-ms-high-contrast:none) {
    .teaser-download-item {
        width: calc(25% - 16px)
    }
}

.content-teaser2--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f1f1f1
}

.content-teaser2--container:hover {
    opacity: .6
}

.content-teaser2__header img {
    inline-size: 100%;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover
}

.content-teaser2__content {
    padding: 1.07143rem;
    color: #000;
    font-size: .875rem
}

.content-teaser2__content h5 {
    margin: 0;
    padding-bottom: 1.07143rem
}

.content-teaser2__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.07143rem
}

.content-teaser2__footer span.btn__text {
    margin-left: .5rem;
    text-transform: uppercase;
    font-size: .75rem
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .height-matchable {
        width: 260px
    }

    .content-teaser2__header>picture>img,
    .teaser-download-item__img {
        display: block;
        width: 100%;
        height: auto
    }
}

div.reference-slider .background-100 .teaser__content,
div.teaser-slider .background-100 .teaser__content {
    background-color: #fff
}

div.reference-slider article,
div.teaser-slider article {
    padding: 0 1.07143rem !important
}

div.reference-slider article:hover,
div.teaser-slider article:hover {
    opacity: .75
}

div.reference-slider .teaser__picture--image,
div.teaser-slider .teaser__picture--image {
    margin: 0
}

div.reference-slider .teaser__content,
div.teaser-slider .teaser__content {
    padding: 1.07143rem;
    background-color: #f1f1f1
}

div.reference-slider a.teaser,
div.teaser-slider a.teaser {
    margin: 0
}

div.reference-slider .btn__text,
div.teaser-slider .btn__text {
    color: #f39b00;
    font-size: .75rem
}

div.reference-slider .teaser__excerpt p,
div.teaser-slider .teaser__excerpt p {
    font-size: .75rem
}

div.reference-slider img {
    inline-size: 100%;
    aspect-ratio: 3/2;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover
}

@media screen and (min-width:1230px) {
    .background-100 .flickity-prev-next-button.previous {
        left: 3%
    }

    .background-100 .flickity-prev-next-button.next {
        right: 3%
    }
}

@media screen and (min-width:1440px) {
    .background-100 .flickity-prev-next-button.previous {
        left: 9%
    }

    .background-100 .flickity-prev-next-button.next {
        right: 9%
    }
}

@media screen and (min-width:1600px) {
    .background-100 .flickity-prev-next-button.previous {
        left: 14%
    }

    .background-100 .flickity-prev-next-button.next {
        right: 14%
    }
}

@media screen and (min-width:1900px) {
    .background-100 .flickity-prev-next-button.previous {
        left: 18%
    }

    .background-100 .flickity-prev-next-button.next {
        right: 18%
    }
}

.textmedia_beside.intext-left .images {
    float: left
}

.textmedia_beside.intext-right .images {
    float: right
}

.textmedia_beside.besidetext-left .text-wrapper .heading-container h1,
.textmedia_beside.besidetext-left .text-wrapper .heading-container h2,
.textmedia_beside.besidetext-left .text-wrapper .heading-container h3,
.textmedia_beside.besidetext-left .text-wrapper .heading-container h4,
.textmedia_beside.besidetext-left .text-wrapper .heading-container h5,
.textmedia_beside.besidetext-left .text-wrapper .heading-container h6,
.textmedia_beside.besidetext-left .text-wrapper>h1:first-child,
.textmedia_beside.besidetext-left .text-wrapper>h2:first-child,
.textmedia_beside.besidetext-left .text-wrapper>h3:first-child,
.textmedia_beside.besidetext-left .text-wrapper>h4:first-child,
.textmedia_beside.besidetext-left .text-wrapper>h5:first-child,
.textmedia_beside.besidetext-left .text-wrapper>h6:first-child,
.textmedia_beside.besidetext-right .text-wrapper .heading-container h1,
.textmedia_beside.besidetext-right .text-wrapper .heading-container h2,
.textmedia_beside.besidetext-right .text-wrapper .heading-container h3,
.textmedia_beside.besidetext-right .text-wrapper .heading-container h4,
.textmedia_beside.besidetext-right .text-wrapper .heading-container h5,
.textmedia_beside.besidetext-right .text-wrapper .heading-container h6,
.textmedia_beside.besidetext-right .text-wrapper>h1:first-child,
.textmedia_beside.besidetext-right .text-wrapper>h2:first-child,
.textmedia_beside.besidetext-right .text-wrapper>h3:first-child,
.textmedia_beside.besidetext-right .text-wrapper>h4:first-child,
.textmedia_beside.besidetext-right .text-wrapper>h5:first-child,
.textmedia_beside.besidetext-right .text-wrapper>h6:first-child {
    margin-top: 0
}

.textmedia_beside .media-beside {
    width: 100%
}

@media print,
screen and (min-width:30em) {

    .textmedia_beside .media--image.is--left,
    .textmedia_beside .media--image.is--right {
        max-width: 356px;
        min-width: 356px
    }
}

.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 1rem;
    -webkit-transition: all .6s;
    transition: all .6s
}

.alert button {
    display: grid;
    place-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.5rem
}

.alert button:hover {
    cursor: pointer
}

.alert button:hover svg {
    fill: #f39b00
}

.alert-info {
    background-color: #c7d9df
}

@media screen and (min-width:73.125em) {
    .products-dropdown-wrapper {
        left: -45px !important;
        padding: 0 !important;
        width: 1270px !important
    }

    .products-dropdown {
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
        min-height: 300px
    }

    .js-product-list {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }

    .mega-menu-product-submenu {
        background-color: #efefef;
        width: 18rem;
        height: 100%
    }

    .mega-menu-product-submenu--item {
        padding: .5rem 1rem
    }

    .mega-menu-product-submenu--item>a {
        text-decoration: none;
        color: #000;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .mega-menu-product-submenu--item>a:hover {
        color: #f39b00
    }

    .mega-menu-product-submenu--item>a:hover .product-menu--icon {
        fill: #000
    }

    .mega-menu-product-submenu--item>a h3 {
        margin: 0 0 .5rem;
        padding: 0;
        font-size: 1.125rem
    }

    .mega-menu-product-submenu--item li a {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        padding: .25rem 0;
        text-decoration: none;
        color: #606060;
        font-size: .875rem;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .mega-menu-product-submenu--item li a.selected,
    .mega-menu-product-submenu--item li a:hover {
        color: #f39b00
    }

    .mega-menu-product-submenu--item li a.selected .product-menu--icon,
    .mega-menu-product-submenu--item li a:hover .product-menu--icon {
        fill: #000
    }

    .product-submenu--container>ul>li:not(:last-child) {
        border-bottom: 1px solid #fcfcfc
    }

    .mega-menu-product-group--title,
    .product-submenu--title {
        margin: 0;
        padding: 0
    }

    .mega-menu-product-group ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mega-menu-product-group ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding: 0 .5rem
    }

    .mega-menu-product-group ul li:not(:last-child) a {
        border-bottom: 1px solid #efefef
    }

    .product-submenu--details {
        margin: 0;
        padding: 0;
        font-size: .625rem;
        line-height: 1.5
    }

    .product-menu--icon {
        display: inline-block;
        margin-top: .175rem;
        margin-right: .25rem;
        min-width: 14px;
        width: 14px;
        height: 14px;
        fill: #f39b00
    }

    .marketing--container {
        min-width: 16rem;
        background-color: #efefef;
        overflow-y: auto
    }

    .marketing--container ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%
    }

    .marketing--container ul,
    .marketing-list--item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .marketing-list--item {
        background-color: #fff;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .marketing-list--item:hover a {
        height: 100%;
        cursor: pointer;
        color: #f39b00 !important
    }

    .marketing-list--item a {
        margin: 0;
        padding: 0 1rem;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        height: 33.3333%;
        background-color: rgba(0, 0, 0, .5);
        color: #fff !important;
        text-decoration: none;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .marketing-list--item a,
    .marketing-list--item a span {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .marketing-list--item a span {
        margin-top: .175rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .marketing-list--item a:hover {
        height: 100%;
        cursor: pointer;
        color: #f39b00 !important
    }

    .product-list--container {
        margin: 1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 1rem 0;
        overflow: auto
    }

    .product-list--container,
    .product-list--loading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .product-list--loading {
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mega-menu-product-group--link {
        text-decoration: none;
        color: #000
    }

    .mega-menu-product-group--link:hover {
        color: #f39b00
    }

    .mega-menu-product-list--link {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        color: #000;
        font-size: .875rem;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .mega-menu-product-list--link picture {
        margin: .25rem .75rem .25rem 0;
        width: 4rem;
        height: 4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mega-menu-product-list--link img {
        max-width: 4rem;
        max-height: 100%;
        display: block
    }

    .mega-menu-product-list--link:hover {
        color: #f39b00 !important
    }

    .mega-menu-product-list--link:hover img {
        opacity: .8
    }

    .mega-menu-product-group--title {
        margin: .5rem 1rem 1rem;
        font-size: 1.75rem
    }

    .mega-menu-product-group--title:hover {
        color: #f39b00 !important
    }
}

.products-dropdown-wrapper .menu-level-1 {
    overflow-y: auto
}

.o-box {
    background-color: #ccc;
    color: #fff;
    padding: 40px 0 0;
    position: relative;
    overflow: hidden;
    margin-top: 25px
}

.o-box__inner {
    max-width: 73.13rem;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 100%;
    float: left;
    padding-right: 1.07143rem;
    padding-left: 1.07143rem;
    position: relative;
    z-index: 1
}

.o-box__inner:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

@media print,
screen and (min-width:30em) {
    .o-box__inner {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media print,
screen and (min-width:48em) {
    .o-box__inner {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media print,
screen and (min-width:64em) {
    .o-box__inner {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media screen and (min-width:73.125em) {
    .o-box__inner {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

@media screen and (min-width:90em) {
    .o-box__inner {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }
}

.o-box__inner:last-child:not(:first-child) {
    float: right
}

.o-box__inner,
.o-box__inner:last-child {
    float: none
}

.o-box__background {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

.color__newsletterbox-red {
    background-color: #e43312
}

.c-bottom-bar {
    background-color: #fff;
    color: #666;
    font-size: 14px
}

.c-bottom-bar__copyright {
    margin: 0;
    padding: 20px 0
}

.c-bottom-bar__copyright h4 {
    margin: 0
}

.c-category__item {
    margin-bottom: 2rem
}

.c-category__main:hover .c-category__img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05)
}

.c-category__main:hover .c-category__title {
    color: #999
}

.c-category__media {
    overflow: hidden;
    position: relative
}

.c-category__img {
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.c-category__title {
    color: #231f20;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    -webkit-transition: color .3s;
    transition: color .3s;
    margin: .5rem 0 1rem
}

.c-category__title>span {
    color: #999;
    display: block;
    font-size: 12px;
    margin-top: .5rem
}

.c-category__sub {
    margin: 1.25em 0
}

.c-category__sub:first-child {
    margin-top: 0
}

@media print,
screen and (min-width:48em) {
    .c-category__sub {
        margin: 0;
        padding: 0
    }
}

.c-category__subItem {
    margin: 0 0 10px
}

.c-category__subItem:last-child {
    margin-bottom: 0
}

.c-category__subItem>.btn .icon {
    height: .875rem;
    width: .875rem;
    min-width: .875rem
}

.c-category__subItem>.btn .btn__text {
    font-size: .875rem;
    text-transform: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

.c-category__subItem>.btn:hover .icon {
    fill: #999
}

.c-category__subItem>.btn:hover .btn__text {
    color: #999
}

.c-category-view__row {
    max-width: 73.13rem;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-left: -1rem;
    margin-right: -1rem
}

.c-category-view__row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.c-category-view__row>.c-category-view__column {
    float: left;
    width: 100%;
    padding-right: 1.07143rem;
    padding-left: 1.07143rem
}

.c-category-view__row>.c-category-view__column:nth-of-type(1n) {
    clear: none
}

.c-category-view__row>.c-category-view__column:nth-of-type(1n+1) {
    clear: both
}

.c-category-view__row>.c-category-view__column:last-child {
    float: left
}

@media print,
screen and (min-width:30em) {
    .c-category-view__row>.c-category-view__column {
        float: left;
        width: 50%;
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }

    .c-category-view__row>.c-category-view__column:nth-of-type(1n) {
        clear: none
    }

    .c-category-view__row>.c-category-view__column:nth-of-type(odd) {
        clear: both
    }

    .c-category-view__row>.c-category-view__column:last-child {
        float: left
    }
}

@media print,
screen and (min-width:64em) {
    .c-category-view__row>.c-category-view__column {
        float: left;
        width: 33.33333%;
        padding-right: 1.07143rem;
        padding-left: 1.07143rem
    }

    .c-category-view__row>.c-category-view__column:nth-of-type(1n) {
        clear: none
    }

    .c-category-view__row>.c-category-view__column:nth-of-type(3n+1) {
        clear: both
    }

    .c-category-view__row>.c-category-view__column:last-child {
        float: left
    }
}

.c-category-view__anchor {
    color: #000
}

.c-category-view__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 25.85714rem;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.c-category-view__thumbnail {
    width: 4.25rem;
    height: 4.25rem;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block
}

.c-category-view__thumbnail:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.c-category-view__thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-category-view__content {
    margin-left: 1.875rem;
    display: block;
    overflow: hidden
}

.c-category-view__title {
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0
}

main.has--sidebar .c-category-view__row {
    max-width: 73.13rem;
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-left: -1rem;
    margin-right: -1rem
}

main.has--sidebar .c-category-view__row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

@media screen and (min-width:73.125em) {
    main.has--sidebar .c-category-view__row>.c-category-view__column {
        float: left;
        width: 50%
    }

    main.has--sidebar .c-category-view__row>.c-category-view__column:nth-of-type(1n) {
        clear: none
    }

    main.has--sidebar .c-category-view__row>.c-category-view__column:nth-of-type(odd) {
        clear: both
    }

    main.has--sidebar .c-category-view__row>.c-category-view__column:last-child {
        float: left
    }
}

.c-contactPerson {
    margin-bottom: 4.28571rem
}

.c-contactPerson__heading {
    font-size: 1.25rem
}

.c-contactPerson__picture {
    width: 100%
}

.c-contactPerson__name {
    font-weight: 400;
    margin: 0 0 1rem
}

.c-contactPerson__position {
    margin: 0 0 2rem
}

.c-contactPerson__listItem {
    display: inline-block
}

.c-contactPerson__listItem:not(:last-child) {
    margin-right: 1rem
}

.c-download-item {
    margin-bottom: 2rem
}

.c-download-item__media {
    border: 1px solid #efefef;
    padding: .25rem
}

.c-download-item__img {
    display: block;
    height: auto;
    width: 100%
}

.c-download-item__title {
    font-size: .875rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: .5rem
}

.c-download-item__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #efefef;
    padding: .5rem;
    -webkit-transition: border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: border-color .3s ease, box-shadow .3s ease;
    transition: border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.c-download-item__icon {
    margin-right: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    fill: #f39b00;
    height: 2.25rem;
    width: 2.25rem;
    min-width: 2.25rem;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.c-download-item__label {
    color: #f39b00;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.c-download-item__label,
.c-download-item__meta {
    display: block;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.c-download-item__meta {
    color: #999;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: .75rem;
    text-transform: uppercase
}

.c-download-item__action:hover {
    border-color: #ccc;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05)
}

.c-download-item__action:hover .c-download-item__icon {
    fill: #000
}

.c-download-item__action:hover .c-download-item__label {
    color: #000
}

.c-download-item__action:hover .c-download-item__meta,
.c-footer {
    color: #666
}

.c-footer {
    background-color: #f0f0f0;
    padding: 40px 0 0
}

.c-footer__logo {
    display: inline-block;
    height: 3.125em;
    margin-bottom: 40px;
    width: auto
}

.c-footer__heading {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 20px
}

.c-footer__menu {
    list-style-type: none;
    font-size: 14px;
    margin: 0 0 40px
}

.c-footer__menuLink {
    color: #666;
    display: inline-block;
    -webkit-transition: color .3s;
    transition: color .3s;
    padding: 5px 0
}

.c-footer__menuLink:hover {
    color: #f39b00
}

.c-footer.reduced h4 {
    margin-left: .1rem
}

.c-footer.reduced a {
    color: #666
}

.c-footer.reduced a:hover {
    color: #f39b00
}

.c-footer.reduced .c-footer__menuLink {
    padding: 0
}

@media print,
screen and (min-width:64em) {
    .c-footer.reduced h4 {
        margin-left: 0
    }

    .c-footer.reduced .c-footer__menu {
        position: relative;
        overflow: hidden
    }

    .c-footer.reduced .c-footer__menu ul {
        margin: 0;
        padding: 0
    }

    .c-footer.reduced .c-footer__menu li {
        list-style-type: none;
        display: inline
    }

    .c-footer.reduced .c-footer__menu li:not(:first-child):before {
        content: " | "
    }

    .c-footer.reduced .c-footer__menu .c-footer__menuItem {
        padding: 0
    }
}

@media print,
screen and (min-width:30em) {
    .c-footer .socialmedia {
        float: right
    }
}

.c-stage-teaser {
    position: relative;
    overflow: hidden;
    height: 28.57143rem;
    max-height: calc(100vh - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.75rem
}

@media print,
screen and (min-width:48em) {
    .c-stage-teaser {
        max-height: inherit
    }
}

.c-stage-teaser__picture {
    display: block
}

.c-stage-teaser__picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    font-family: object-fit\:cover;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.c-stage-teaser__inner {
    width: 100%;
    max-width: 73.13rem;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px
}

@media print,
screen and (min-width:48em) {
    .c-stage-teaser__inner {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.c-stage-teaser__box {
    padding: 1.42857rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-color: hsla(0, 0%, 100%, .9);
    -webkit-box-shadow: .71429rem .71429rem 1.42857rem rgba(0, 0, 0, .1);
    box-shadow: .71429rem .71429rem 1.42857rem rgba(0, 0, 0, .1);
    margin: 4.28571rem 1.42857rem
}

@media print,
screen and (min-width:48em) {
    .c-stage-teaser__box {
        margin: 4.28571rem;
        -ms-flex-preferred-size: 28.57143rem;
        flex-basis: 28.57143rem;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.c-stage-teaser__title {
    font-size: 1rem;
    line-height: 1.22;
    margin: 0 0 .71429rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .c-stage-teaser__title {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .c-stage-teaser__title {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        margin: 0 0 1.42857rem
    }

    html[lang=ru] .c-stage-teaser__title {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.c-stage-teaser__content {
    margin-bottom: .71429rem
}

@media print,
screen and (min-width:48em) {
    .c-stage-teaser__content {
        margin-bottom: 1.42857rem
    }
}

.c-stage-teaser__cta {
    background-color: #f39b00;
    color: #fff;
    padding: 15px;
    display: block;
    text-align: center;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

html[lang=ru] .c-stage-teaser__cta {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.c-stage-teaser__cta:active,
.c-stage-teaser__cta:hover {
    background-color: #fb4
}

.site-settings-item ul.c-langmenu {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    left: auto;
    margin: 0;
    right: 0;
    width: 15rem
}

.site-settings-item ul.c-langmenu:before {
    left: auto;
    right: 1rem
}

.site-settings-item .c-langmenu__item {
    text-align: left
}

.site-settings-item .c-langmenu__item.c-langmenu__item--global {
    border-top: 1px solid #e1e1e1;
    margin-top: .5rem;
    padding-top: 1rem
}

.site-settings-item .c-langmenu__item.c-langmenu__item--global>.c-langmenu__link.btn .btn__text {
    margin-left: .5rem;
    text-transform: none
}

.no-touch .site-settings-item:hover ul,
.touch .site-settings-item.is--open ul.c-langmenu {
    display: block
}

.c-tile {
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
    color: #000;
    overflow: hidden;
    position: relative;
    padding: 20px 10px;
    margin-bottom: 20px
}

@media print,
screen and (min-width:48em) {
    .c-tile {
        padding: 40px;
        margin-bottom: 40px
    }
}

.c-tile__content {
    position: relative;
    z-index: 1
}

.c-tile__heading {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px
}

@media print,
screen and (min-width:48em) {
    .c-tile__heading {
        margin: 0 0 20px
    }
}

.c-tile__paragraph {
    margin-bottom: 20px
}

@media print,
screen and (min-width:48em) {
    .c-tile__paragraph {
        margin-bottom: 0
    }
}

.c-tile__action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #efefef;
    padding: .5rem;
    -webkit-transition: border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: border-color .3s ease, box-shadow .3s ease;
    transition: border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

@media print,
screen and (min-width:48em) {
    .c-tile__action {
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: center;
        margin: 0 auto
    }
}

.c-tile__icon {
    margin-right: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    fill: #f39b00;
    height: 2.25rem;
    width: 2.25rem;
    min-width: 2.25rem;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.c-tile__label {
    color: #f39b00;
    display: block;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.c-tile__action:hover {
    border-color: #ccc;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05)
}

.c-tile__action:hover .c-tile__icon {
    fill: #000
}

.c-tile__action:hover .c-tile__label {
    color: #000
}

.c-product-highlights ._description,
.c-product-highlights ._tags {
    margin-bottom: 1.563rem
}

.c-product-highlights ._tags span {
    line-height: 1.3rem;
    display: inline-block;
    padding-right: 1rem
}

.c-product-highlights ._tags span img {
    width: auto;
    height: 1.3rem;
    padding-right: .125rem
}

.c-product-highlights ._tags span label {
    line-height: 1.3rem;
    vertical-align: text-bottom
}

.c-product-highlights ._items {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width:700px) {
    .c-product-highlights ._items {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:500px) {
    .c-product-highlights ._items {
        grid-template-columns: 1fr
    }
}

.c-product-highlights ._items ._article {
    border: 1px solid #9e9f9f;
    padding: 1rem;
    color: #000;
    display: grid;
    grid-template-rows: -webkit-min-content 2px auto -webkit-min-content;
    grid-template-rows: min-content 2px auto min-content
}

.c-product-highlights ._items ._article ._image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-product-highlights ._items ._article hr {
    border-top: 1px solid #7d7e7f;
    width: 100%
}

.c-product-highlights ._items ._article label {
    font-size: 1rem;
    font-weight: 700;
    display: block;
    padding: 1rem 0;
    cursor: pointer
}

.c-product-highlights ._items ._article ._bottom ._tags img {
    margin-right: .5rem
}

.c-product-highlights ._items ._article ._bottom .a ._icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23e99f1f'%3E%3Cpath d='M18 35.7C8.2 35.7.3 27.7.3 18 .3 8.2 8.3.3 18 .3c9.8 0 17.7 8 17.7 17.7 0 9.8-7.9 17.7-17.7 17.7zm0-33C9.5 2.7 2.7 9.5 2.7 18S9.5 33.3 18 33.3 33.3 26.4 33.3 18 26.4 2.7 18 2.7z'/%3E%3Cpath d='M14.1 12.6l5.3 5.4-5.4 5.4 1.8 1.7 5.4-5.4L23 18l-7.1-7.1z'/%3E%3C/svg%3E");
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

.c-product-highlights ._items ._article ._bottom .a ._label {
    color: #000;
    line-height: 36px;
    vertical-align: top;
    margin-left: .5rem;
    font-weight: 700;
    text-transform: uppercase
}

.bew3-search-wrapper {
    width: 100%;
    position: relative
}

.bew3-search-wrapper .btn {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto
}

.bew3-search-wrapper .btn .icon {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem
}

.bew3-job {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

.bew3-job a {
    color: #000
}

.bew3-job svg {
    width: 1em;
    height: 1em
}

.bew3-job header {
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

.bew3-job h4 {
    margin: 0
}

.bew3-job:hover a {
    color: #f39b00
}

.bew3-job:not(:last-child) {
    border-bottom: 2px dotted rgba(0, 0, 0, .1)
}

#bew3-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    margin-top: 2rem;
    width: 100%;
    font-size: 100%
}

#bew3-pagination svg {
    display: inline-block;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem
}

.bew3-page-nums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

#bew3-prev-page {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-num {
    color: #d3d3d3;
    cursor: pointer
}

.active,
.page-num:hover {
    color: #000
}

.bew3-filters .dropdown-item__label::-webkit-input-placeholder {
    color: #000
}

.bew3-filters .dropdown-item__label:-ms-input-placeholder {
    color: #000
}

.bew3-filters .dropdown-item__label::placeholder {
    color: #000
}

.bew3-filter-items {
    position: relative;
    margin: .75rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    line-height: 1.2;
    color: #000;
    cursor: pointer
}

.bew3-filter-items .bew3-checkbox {
    display: block;
    height: 2rem;
    min-width: 2rem;
    border: 2px solid rgba(0, 0, 0, .2)
}

.bew3-filter-items .bew3-label {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-top: .25rem
}

.bew3-filter-items .checked:before {
    display: inline-block;
    position: absolute;
    top: .25rem;
    left: .325rem;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="rgb(243, 155, 0)"><path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg>')
}

.bew3-filter-items:hover {
    color: #f39b00
}

@media screen and (min-width:480px) {
    .bew3-filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        -webkit-column-gap: 1rem;
        column-gap: 1rem
    }

    .bew3-search-wrapper .btn {
        top: -20px;
        right: 10px
    }

    .bew3-search-wrapper .btn .icon {
        height: 1.875rem;
        width: 1.875rem;
        min-width: 1.875rem
    }
}

@media screen and (min-width:720px) {
    .bew3-filters {
        display: grid;
        grid-template-columns: 1fr 2fr 2fr 2fr;
        grid-template-rows: 1fr;
        -webkit-column-gap: 1rem;
        column-gap: 1rem
    }
}

#bew3-set-page-nums,
#bew3-set-page-nums #bew3-set-page-nums-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#bew3-set-page-nums #bew3-set-page-nums-container {
    margin: 0
}

#bew3-set-page-nums #bew3-set-page-nums-container .active {
    color: #000
}

#bew3-set-page-nums .bew3-set-page-num-option {
    display: inline-block;
    text-align: left;
    color: #999;
    cursor: pointer
}

#bew3-set-page-nums .bew3-set-page-num-option:hover {
    color: #f39b00 !important
}

#bew3-set-page-nums-title {
    margin-bottom: 0
}

#bew3-results-per-page {
    padding: 0 1rem;
    text-align: right
}

#bew3-clear-filters-btn {
    cursor: pointer
}

#bew3-active-filters-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    font-size: .6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    color: rgba(0, 0, 0, .2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#bew3-active-filters-container svg {
    max-width: 3rem
}

.bew3-active-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 0 1em 1.2em;
    background-color: #e1e1e1;
    color: #000;
    -webkit-transition: all .4s;
    transition: all .4s
}

.bew3-active-filter p {
    margin: 0
}

.bew3-active-filter svg {
    display: inline-block;
    max-height: 1rem;
    max-width: 1rem;
    fill: #000
}

.bew3-active-filter:hover {
    cursor: pointer;
    color: #999
}

.bew3-active-filter:hover svg {
    fill: #999
}

#bew3-first-page,
#bew3-last-page {
    cursor: pointer;
    pointer-events: auto
}

#bew3-first-page {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: -1em
}

#bew3-last-page {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -1em
}

.bew3-job-detail-title {
    margin: 0;
    padding: 1rem;
    border-bottom: 3px solid #f39b00;
    font-size: 1.5rem;
    text-transform: none;
    text-align: center;
    background-color: #fafafa
}

.bew3-job-details {
    padding: 2rem;
    background-color: #f3f3f3
}

.bew3-job-details * {
    margin: 0
}

.bew3-job-details h3 {
    margin: 1rem 0
}

.bew3-job-details header {
    margin: 2rem 0
}

.bew3-job-details header p {
    margin: 0;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

.bew3-job-details .accordion {
    padding-right: 1rem;
    padding-left: 1rem;
    border: none;
    border-left: 3px solid #f39b00;
    background-color: #fafafa
}

.bew3-job-details .accordion__title {
    border: none
}

.bew3-job-details .accordion__title:hover {
    color: #f39b00
}

.bew3-unsolicited-application {
    margin-top: 3rem
}

.bew3-unsolicited-application button {
    width: 100%;
    color: #000;
    background-color: #f39b00
}

.bew3-unsolicited-application button:hover {
    color: #fff
}

.bew3-unsolicited-application button:hover svg {
    fill: #fff
}

.bew3-unsolicited-application button svg {
    width: 1em;
    height: 1em;
    fill: #000
}

.rotating {
    -webkit-animation: t 1s infinite linear;
    animation: t 1s infinite linear
}

@-webkit-keyframes t {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

@keyframes t {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

.bew3-modal {
    display: none;
    position: fixed;
    z-index: 1001;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.bew3-modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 30px;
    border: 1px solid #888
}

.bew3-modal .bew3-modal-close {
    margin-top: -24px;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.bew3-modal .bew3-modal-close:focus,
.bew3-modal .bew3-modal-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .bew3-modal .modal-content {
        width: 950px;
        height: 300px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .bew3-modal .modal-content {
        width: 500px;
        height: 400px
    }
}

@media screen and (max-width:500px) {
    .bew3-modal .modal-content {
        width: 350px;
        height: 400px
    }
}

.survey-form .frm__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1em 0
}

.survey-form .powermail_label {
    font-weight: 700;
    font-size: 1rem
}

.survey-form .btn-group {
    display: none
}

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

.survey-form .powermail_tab_navigation a {
    font-size: 2.5rem
}

.survey-form .powermail_tab_navigation a:hover .icon {
    fill: #000
}

.survey-form .powermail_tab_navigation .pull-right {
    margin-left: auto
}

.survey-form .powermail_tab_navigation .icon {
    max-height: 1rem
}

.survey-form fieldset h3 {
    margin-top: 0;
    margin-bottom: 1em
}

.survey-form .powermail_input {
    padding: 1em
}

#survey--popup {
    position: fixed;
    bottom: 62px;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 2rem 1rem .5rem;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: -.25rem -.5rem 1.25rem rgba(30, 30, 30, .5);
    box-shadow: -.25rem -.5rem 1.25rem rgba(30, 30, 30, .5);
    z-index: 990
}

#survey--popup .title {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1.1
}

#survey--popup .icon--holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#survey--popup .content {
    margin: 0 auto;
    max-width: 25rem
}

#survey--popup .text {
    margin: 1rem 0;
    font-size: .75rem
}

#survey--popup .link--group {
    margin: 0 auto;
    width: 13rem
}

#survey--popup .link--group a {
    display: block;
    padding: .5rem;
    border-radius: 4px;
    color: #fff
}

#survey--popup .link--group a:first-child {
    background-color: #f39b00;
    border: 1px solid #f39b00
}

#survey--popup .link--group a:first-child:hover {
    background-color: #ffba41;
    color: #000
}

#survey--popup .link--group a:not(:first-child) {
    border: 1px solid #fafafa
}

#survey--popup .link--group a:not(:first-child):hover {
    border: 1px solid #f39b00;
    color: #f39b00
}

#survey--popup .link--group a:not(:last-child) {
    margin-bottom: 1rem
}

#survey--popup .below {
    margin-top: 1.5rem;
    color: #a3a3a3
}

#survey--popup .below a {
    display: inline-block;
    padding: 0 1rem;
    font-size: .75rem;
    color: #a3a3a3
}

#survey--popup .below a:hover {
    color: #f39b00
}

@media screen and (min-width:769px) {
    #survey--popup {
        bottom: 0;
        padding: 2rem 0 1rem
    }

    #survey--popup .title {
        margin-bottom: 2rem;
        font-size: 3rem
    }

    #survey--popup .below {
        margin-top: 3rem
    }

    #survey--popup .link--group a:not(:last-child) {
        margin-bottom: 1.5rem
    }

    #survey--popup .text {
        margin: 2rem 0;
        font-size: .875rem
    }
}

.reference-filters .dropdown-item__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reference-filters .dropdown-item__label h2 {
    font-size: 1rem
}

.reference-filters .dropdown-item__option {
    padding: .5rem 1rem 0
}

.reference-filters .frm__fld__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.reference-filters .frm__fld__label:hover {
    color: #f39b00
}

.reference-active-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 0 1em 1.2em;
    background-color: #e1e1e1;
    color: #000;
    -webkit-transition: all .4s;
    transition: all .4s
}

.reference-active-filter p {
    margin: 0
}

.reference-active-filter svg {
    display: inline-block;
    max-height: 1rem;
    max-width: 1rem;
    fill: #000
}

.reference-active-filter:hover {
    cursor: pointer;
    color: #999
}

.reference-active-filter:hover svg {
    fill: #999
}

@media screen and (min-width:480px) {
    .reference-filters {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1rem
    }
}

.tbl--productdetail td a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    color: #000;
    font-weight: 700;
    white-space: normal
}

.tbl--productdetail td a img {
    max-height: 50px;
    -o-object-fit: contain;
    font-family: object-fit\:contain;
    object-fit: contain
}

.tbl--productdetail td a:hover {
    color: #f39b00
}

.tbl--productdetail .fadeOut {
    position: relative;
    border: none
}

.tbl--productdetail .fadeOut:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, #fff));
    background: -webkit-linear-gradient(transparent, #fff 75%);
    background: linear-gradient(transparent, #fff 75%);
    height: 100%;
    border: none;
    z-index: 100
}

.frm--searchresult-filter .filter {
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1
}

.frm--searchresult-filter .filter .filter-title {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px
}

.frm--searchresult-filter .filter .filter-title .icon {
    float: right;
    height: 2.5rem;
    width: 2.5rem
}

.frm--searchresult-filter .filter .filter-content .filter-hidden {
    display: none
}

#tabbed-content ul.list.list--inline {
    padding-top: 2rem
}

.grid-container {
    margin: 0 auto;
    max-width: 73.13rem
}

.grid-container-padded {
    padding: 0 5px 0 15px
}

body {
    word-wrap: break-word
}

body.has--fixed-content,
body.has--open-categories,
body.has-active-overlay,
body.has-tab-overlay,
body.modal-active {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

body.has--fixed-content,
body.has-active-overlay {
    overflow: hidden;
    position: fixed
}

@media print,
screen and (min-width:64em) {
    body.has-tab-overlay {
        overflow: none;
        position: static
    }
}

.page-content {
    margin-top: 77px;
    min-height: 20rem;
    position: relative
}

@media screen and (min-width:73.125em) {
    .page-content {
        margin-top: 152px
    }
}

@media screen and (max-width:47.9375em) {
    .page-content--home {
        margin-top: 77px
    }
}

.page-content .outer {
    padding: 0 15px
}

.page-content.has--breadcrumb .main-content .section-header:first-of-type,
.page-content.has--breadcrumb .main-content>:first-child,
.page-content.has--breadcrumb .main-content>:first-child>.section-header,
.page-content.has--breadcrumb .main-content>:first-child>:first-child,
.page-content.has--sidebar .main-content .section-header:first-of-type,
.page-content.has--sidebar .main-content>:first-child,
.page-content.has--sidebar .main-content>:first-child>.section-header,
.page-content.has--sidebar .main-content>:first-child>:first-child,
.page-content.has--stage .main-content .section-header:first-of-type,
.page-content.has--stage .main-content>:first-child,
.page-content.has--stage .main-content>:first-child>.section-header,
.page-content.has--stage .main-content>:first-child>:first-child {
    margin-top: 0
}

.page-content.has--breadcrumb .main-content .section-header:first-of-type.product-description,
.page-content.has--breadcrumb .main-content>:first-child.product-description,
.page-content.has--breadcrumb .main-content>:first-child>.section-header.product-description,
.page-content.has--breadcrumb .main-content>:first-child>:first-child.product-description,
.page-content.has--sidebar .main-content .section-header:first-of-type.product-description,
.page-content.has--sidebar .main-content>:first-child.product-description,
.page-content.has--sidebar .main-content>:first-child>.section-header.product-description,
.page-content.has--sidebar .main-content>:first-child>:first-child.product-description,
.page-content.has--stage .main-content .section-header:first-of-type.product-description,
.page-content.has--stage .main-content>:first-child.product-description,
.page-content.has--stage .main-content>:first-child>.section-header.product-description,
.page-content.has--stage .main-content>:first-child>:first-child.product-description {
    margin-top: -15px
}

.page-content.has--breadcrumb .main-content .row[data-mh-group=teaser] .columns:empty,
.page-content.has--sidebar .main-content .row[data-mh-group=teaser] .columns:empty,
.page-content.has--stage .main-content .row[data-mh-group=teaser] .columns:empty {
    display: none
}

@media print,
screen and (min-width:48em) {
    .page-content:not(.has--breadcrumb):not(.has--stage) {
        padding-top: 60px
    }
}

.page-content.has--sidebar .main-content>p:first-child {
    margin-top: -6px
}

@media screen and (max-width:63.9375em) {
    .page-content.has--sidebar .show-for-large {
        display: block !important;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .page-content.has--sidebar .show-for-large .sidebar>.subheadline,
    .page-content.has--sidebar .show-for-large .sidebar>h2 {
        font-size: 1rem;
        margin: 0 0 13px;
        padding: 49px 0 0
    }

    .page-content.has--sidebar .show-for-large .nav {
        display: none
    }

    .page-content.has--sidebar .show-for-large .contact-item {
        margin: 0 0 14px
    }

    .page-content.has--sidebar .show-for-large .contact-item p,
    .page-content.has--sidebar .show-for-large .contact-item picture,
    .page-content.has--sidebar .show-for-large .contact-item picture img {
        display: none
    }

    .page-content.has--sidebar .show-for-large .contact-item .subheadline {
        font-size: 1rem;
        margin: 0 0 12px
    }

    .page-content.has--sidebar .show-for-large .tags {
        margin: 0 0 10px;
        padding: 0
    }

    .page-content.has--sidebar .show-for-large .tags .tag {
        padding: 2px 7px
    }

    .page-content.has--sidebar .show-for-large .contact-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -6px 0 8px
    }

    .page-content.has--sidebar .show-for-large .contact-link .icon {
        height: 2rem;
        left: -6px;
        min-width: 2rem;
        position: relative;
        width: 2rem
    }

    .page-content.has--sidebar .show-for-large .contact-link .btn__text {
        font-size: .775rem;
        margin: 0 0 1px -3px
    }
}

@media screen and (max-width:47.9375em) {
    .page-content.has--breadcrumb:not(.has--stage) {
        padding-top: 20px
    }

    .page-content.has--sidebar .show-for-large .sidebar>.subheadline,
    .page-content.has--sidebar .show-for-large .sidebar>h2 {
        margin: 0 0 12px
    }

    .page-content.has--sidebar .show-for-large .contact-item .subheadline {
        margin: 0 0 11px
    }

    .page-content.has--sidebar .show-for-large .contact-link {
        margin: -4px 0 6px
    }

    .page-content .doctype {
        margin-left: 2.5rem
    }
}

.page-bg-concrete {
    background: #c1c1c1 url(/out/obo/img/bg-concrete.jpg) no-repeat top;
    background-size: cover;
    padding: 25px 0;
    margin-bottom: 60px;
    text-align: center
}

.has--sidebar>:first-child>:first-child>:first-child>h1,
.main-content>.row>.columns .media,
.main-content>.row>.columns>h1:first-child {
    margin-top: 0
}

.doctype {
    color: #999;
    font-size: .9rem;
    margin-left: 2.9rem;
    display: block
}

.doctype-inline {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.doctype-inline>svg {
    margin-top: -17px
}

.page-header {
    background: #f39b00;
    border-bottom: .1875em solid #fff;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%
}

.page-header.is--minimal .logo-link {
    line-height: 0;
    padding: .625rem 0
}

.page-header.is--minimal .logo-link .logo {
    height: 3rem;
    width: auto
}

.page-header.is--minimal .search .result-list.is--active {
    display: none;
    opacity: 0
}

.page-header.is--minimal .search:not(.is--open),
.page-header.is--minimal .site-settings:not(.off-canvas) {
    display: none
}

.page-header.is--minimal .meta-search {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.page-header.is--minimal .main-navigation:not(.is--open),
.page-header.is--minimal .meta-wrapper {
    width: auto
}

.page-header.is--minimal .meta-wrapper {
    height: auto;
    margin-left: auto;
    margin-top: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.page-header.is--minimal .main-navigation {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.page-header.is--sticky {
    position: fixed
}

.is--ios .page-header.is--sticky {
    position: absolute
}

.page-header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:73.125em) {
    .page-header .content {
        position: relative
    }
}

.meta-wrapper,
.navigation-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (min-width:73.125em) {
    .navigation-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width:73.125em) {
    .meta-wrapper {
        height: 3.125rem;
        margin-top: 1.875rem
    }
}

.logo-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 0;
    padding: .8rem 0
}

.ie11-magic .logo-link img[src*=svg] {
    width: 100%
}

.logo-link .logo {
    height: 3rem;
    width: auto
}

.logo-link .logo.logo-print {
    display: none
}

@media screen and (min-width:73.125em) {
    .logo-link .logo {
        height: 5.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .logo-link {
        margin-right: 3rem
    }
}

@media screen and (min-width:73.125em) {
    .logo-link {
        padding: 1.875rem 0;
        margin-right: 8.5rem
    }
}

.search {
    -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    background-color: #fff;
    display: none;
    padding: 1rem;
    width: 100%
}

.search.is--open {
    display: block;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .search.is--open {
        margin-left: auto;
        right: 0
    }

    .page-header:not(.is--minimal) .search.is--open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: static
    }
}

.search .search-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .search .search-form {
        max-width: 26rem
    }
}

.search .search-form input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
    display: inline-block;
    height: 2.5rem;
    line-height: 100%;
    margin: 0;
    padding: 0 1.25em;
    text-align: left;
    width: 100%;
    border: 1px solid #c1c1c1
}

.search .search-form input:focus {
    outline: none
}

@media print,
screen and (min-width:48em) {
    .page-header:not(.is--minimal) .search .search-form input {
        border: 0
    }
}

@media screen and (min-width:73.125em) {
    .search .search-form input {
        height: 3.125rem
    }
}

.search .search-form .input-group {
    width: 100%
}

.search .search-form .input-search-container {
    position: relative;
    width: 100%
}

.search .search-form .input-search-container input {
    padding-right: 4em
}

.search .search-form .input-search-container .btn {
    position: absolute;
    right: .75em;
    margin: auto;
    top: 0;
    bottom: 0
}

.search .btn .icon {
    height: 1.875rem;
    width: 1.875rem;
    min-width: 1.875rem
}

.search .search-wrapper {
    position: relative;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .page-header.is--minimal .search {
        max-width: 26rem
    }

    .page-header:not(.is--minimal) .search {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 1rem;
        padding: 0;
        position: relative
    }
}

@media screen and (min-width:73.125em) {
    .search {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page-header:not(.is--minimal) .search {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-footer {
    padding: 30px 0 0
}

.footermedia {
    margin: 40px 0 20px
}

@media print,
screen and (min-width:48em) {
    .footermedia {
        margin: 62px 0 105px
    }
}

.footermedia h5 {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin: 0 0 10px
}

html[lang=ru] .footermedia h5 {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .footermedia h5 {
        font-size: 2.25rem;
        line-height: .94;
        text-transform: uppercase;
        margin-top: 2.5rem;
        margin-bottom: 1.863rem;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
    }

    html[lang=ru] .footermedia h5 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.footermedia h6 {
    margin: 0 0 20px;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.22;
    position: static;
    text-transform: none;
    top: auto
}

html[lang=ru] .footermedia h6 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .footermedia h6 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        line-height: 1.22;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        margin: 0 0 30px
    }

    html[lang=ru] .footermedia h6 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.footermedia .frm__info {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.22;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
}

html[lang=ru] .footermedia .frm__info {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .footermedia .frm__info {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: .875rem;
        line-height: 1.22;
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif
    }

    html[lang=ru] .footermedia .frm__info {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif;
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.footermedia.footermedia--newsletter .btn {
    background: #f39b00;
    border: none;
    color: #fff;
    height: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 129px
}

.footermedia.footermedia--newsletter .btn:hover {
    background: #fb4
}

.footermedia.footermedia--newsletter .footernewsletter__frm {
    position: relative
}

.footermedia.footermedia--newsletter .footernewsletter__frm input {
    border: 2px solid #f39b00;
    color: #999;
    padding: 0 149px 0 20px;
    width: 100%;
    height: 50px
}

.footermedia.footermedia--newsletter .footernewsletter__frm label {
    padding: 0
}

.footermedia.footermedia--newsletter p {
    color: #000;
    margin: 0 0 16px
}

.footermedia.footermedia--socialmedia:before {
    content: "";
    display: block;
    height: 1px;
    left: 0;
    right: 0;
    margin-top: -25px;
    position: absolute;
    background-color: #d1d5d8
}

@media print,
screen and (min-width:48em) {
    .footermedia.footermedia--socialmedia:before {
        display: none
    }
}

.footermedia.footermedia--socialmedia ul {
    display: block
}

.footermedia.footermedia--socialmedia ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.footermedia.footermedia--socialmedia ul li {
    float: left;
    margin: 2px 20px 0 0
}

.footermedia.footermedia--socialmedia ul li a {
    color: #f39b00;
    text-decoration: none
}

.footermedia.footermedia--socialmedia ul li .mail {
    margin: 2px 0 0
}

.footernavigation {
    border-top: 5px solid #f39b00
}

.footernavigation .footernavigation-row {
    padding: 25px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footernavigation h4 {
    margin: 0 0 25px
}

@media print,
screen and (min-width:64em) {
    .footernavigation h4 {
        margin: 0
    }
}

.footernavigation nav {
    margin: 0 -7px
}

@media print,
screen and (min-width:64em) {
    .footernavigation nav {
        text-align: right
    }
}

.footernavigation nav ul li {
    display: inline;
    padding: 0 7px
}

.footernavigation nav ul li:nth-child(2):not(:last-child):after {
    content: "\A";
    white-space: pre
}

@media print,
screen and (min-width:64em) {
    .footernavigation nav ul li {
        display: inline-block;
        text-align: right
    }

    .footernavigation nav ul li:nth-child(2):not(:last-child) a {
        margin-bottom: 0
    }

    .footernavigation nav ul li:nth-child(2):not(:last-child):after {
        display: none
    }
}

.footernavigation nav ul li a {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: .875rem;
    line-height: 1.22;
    line-height: 2rem;
    display: inline-block;
    text-transform: uppercase
}

html[lang=ru] .footernavigation nav ul li a {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.footernavigation nav ul li:first-of-type {
    margin-left: 0
}

.footer-heading-container h5 {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin: 0 0 10px
}

html[lang=ru] .footer-heading-container h5 {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .footer-heading-container h5 {
        font-size: 2.25rem;
        line-height: .94;
        text-transform: uppercase;
        margin-top: 2.5rem;
        margin-bottom: 1.863rem;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
    }

    html[lang=ru] .footer-heading-container h5 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.footer-banner {
    background-color: #ebebeb;
    padding: 20px 15px 30px 53px;
    position: relative
}

@media print,
screen and (min-width:48em) {
    .footer-banner {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.22;
        padding: 25px 25px 25px 75px
    }

    html[lang=ru] .footer-banner {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

@media print,
screen and (min-width:64em) {
    .footer-banner {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.22;
        padding: 60px 40px
    }

    html[lang=ru] .footer-banner {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }

    .footer-banner>.banner-row {
        min-height: 285px
    }
}

.footer-banner .btn .icon {
    height: .875rem;
    width: .875rem;
    min-width: .875rem
}

.footer-banner .btn .btn-label {
    font-size: .875rem;
    margin-left: .2rem
}

.footer-banner h5 {
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.125;
    margin-top: 2.25rem;
    margin-bottom: 1.563rem;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin: 0 0 .5rem
}

html[lang=ru] .footer-banner h5 {
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .footer-banner h5 {
        margin: 0 0 70px
    }
}

@media print,
screen and (min-width:64em) {
    .footer-banner h5 {
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        font-size: 2.25rem;
        line-height: .94;
        text-transform: uppercase;
        margin-top: 2.5rem;
        margin-bottom: 1.863rem;
        margin: 0 0 .5rem
    }

    html[lang=ru] .footer-banner h5 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.footer-banner h6 {
    font-size: 1rem;
    line-height: 1.22;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin-bottom: 1rem
}

html[lang=ru] .footer-banner h6 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .footer-banner h6 {
        left: 0;
        margin-bottom: 0;
        position: absolute;
        padding: 0 15px;
        right: 0;
        top: 10px;
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .footer-banner h6 {
        font-size: 1.125rem;
        line-height: 1.22;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        position: relative;
        padding: 0;
        left: auto;
        right: auto;
        top: auto;
        width: auto
    }

    html[lang=ru] .footer-banner h6 {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.footer-banner .banner-row,
.footer-banner .headline-row {
    position: relative
}

.footer-banner .shield {
    left: -38px;
    top: 0;
    padding: .5rem;
    position: absolute
}

.footer-banner .shield .icon {
    height: 1.375rem;
    width: 1.375rem;
    min-width: 1.375rem
}

.footer-banner .shield:after {
    bottom: -10px;
    border-width: 10px 19px 0
}

@media print,
screen and (min-width:48em) {
    .footer-banner .shield {
        left: -60px;
        background: #000;
        padding: .75rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        margin-right: 1.25rem;
        position: absolute
    }

    .footer-banner .shield:after {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        width: 0;
        height: 0;
        left: 0;
        border-style: solid;
        border-width: 0.75rem 1.875rem 0;
        border-color: #000 transparent transparent
    }

    .footer-banner .shield .icon {
        height: 2.25rem;
        width: 2.25rem;
        min-width: 2.25rem
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .footer-banner .shield {
        margin-right: 1.875rem
    }
}

@media print,
screen and (min-width:64em) {
    .footer-banner .shield {
        left: -70px
    }
}

.footer-banner .banner-image {
    display: none;
    line-height: 0
}

@media print,
screen and (min-width:64em) {
    .footer-banner .banner-image {
        bottom: -60px;
        display: block;
        left: -75px;
        max-width: 59%;
        position: absolute
    }
}

.footer-banner .pos-relative {
    position: relative
}

.information {
    margin: 1.25em 0
}

.information:first-child {
    margin-top: 0
}

.information .btn .icon {
    height: .875rem;
    width: .875rem;
    min-width: .875rem
}

.information .btn .btn-label {
    font-size: .875rem;
    margin-left: .2rem
}

.information .item {
    display: block
}

.information .item.item--headline {
    font-size: .875rem;
    line-height: 1.22;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    margin: 0 0 5px
}

html[lang=ru] .information .item.item--headline {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:64em) {
    .information .item.item--headline {
        font-size: 1.125rem;
        line-height: 1.22;
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
        margin: 0 0 10px
    }

    html[lang=ru] .information .item.item--headline {
        font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
    }
}

.information .item.item--number {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    margin: 0 0 5px
}

html[lang=ru] .information .item.item--number {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif;
    font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:64em) {
    .information .item.item--number {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem;
        margin: 0 0 .5em
    }

    html[lang=ru] .information .item.item--number {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.information .item.item--times .opening-hours {
    display: block;
    font-size: .875rem
}

.information .item.item--times .opening-hours:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.information .item.item--times .opening-hours__day,
.information .item.item--times .opening-hours__time {
    float: left
}

.information .item.item--times .opening-hours dt {
    width: 75px
}

@media print,
screen and (min-width:64em) {
    .information .item.item--times .opening-hours dt {
        padding: 0 1em 0 0;
        position: relative
    }
}

.information.information--introducton {
    margin: 0;
    padding: 0
}

@media print,
screen and (min-width:64em) {
    .information.information--introducton {
        padding: 0 1em 0 0;
        position: relative
    }
}

@media print,
screen and (min-width:48em) {
    .information.information--linklist {
        margin: 0;
        padding: 0
    }
}

.information.information--linklist .information--linklist-item {
    margin: 0 0 10px
}

.information.information--linklist .information--linklist-item:last-child {
    margin-bottom: 0
}

.information.information--linklist .information--linklist-item .btn__text {
    font-size: .875rem;
    margin-left: .1em
}

@media print,
screen and (min-width:64em) {
    .information.information--hotline {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 1em
    }
}

.information.information--hotline .information--linklist-item {
    margin: 0 0 10px
}

.information.information--fax-mail,
.information.information--hotline .information--linklist-item:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:64em) {
    .information.information--fax-mail {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.information.information--fax-mail .information--fax {
    margin-bottom: 1em
}

@media print,
screen and (min-width:48em) {
    .information.information--fax-mail .information--fax {
        margin-bottom: .5em
    }
}

@media print,
screen and (min-width:64em) {
    .information.information--fax-mail .information--fax {
        margin-bottom: 1em
    }
}

.information.information--fax-mail .information--email .btn__text {
    margin-left: .1rem;
    font-size: .875rem
}

.nav--sidebar {
    border-top: 1px solid #c1c1c1;
    margin-bottom: 50px
}

@media print,
screen and (min-width:64em) {
    .nav--sidebar {
        margin-bottom: 80px
    }
}

.nav--sidebar .nav__item__trigger {
    border-bottom: 1px solid #c1c1c1;
    color: #000;
    padding: 20px 0 20px 10px;
    width: 100%
}

.nav--sidebar a.nav__item__trigger:hover {
    color: #f39b00
}

.nav--sidebar .nav__item.has--arrow {
    position: relative
}

.nav--sidebar .nav__item.has--arrow .icon {
    height: 14px;
    left: 10px;
    min-width: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px
}

.nav--sidebar .nav__item.has--arrow.is--active>.nav__item__trigger,
.nav--sidebar .nav__item.has--arrow.is--trail>.nav__item__trigger {
    padding-left: 30px;
    position: relative
}

.nav--sidebar .nav__item.is--active {
    margin-top: 14px
}

.nav--sidebar .nav__item.is--active>.nav__item__trigger {
    border-bottom: 5px solid #000;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    padding-bottom: 16px
}

html[lang=ru] .nav--sidebar .nav__item.is--active>.nav__item__trigger {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.nav--sidebar .nav__item.is--active .nav__item.has--arrow .nav__item__trigger {
    padding-right: 30px
}

.nav--sidebar .nav__item.is--active .nav__item.has--arrow .icon {
    left: auto;
    right: 10px
}

.nav--sidebar .nav__item.is--highlighted {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .nav--sidebar .nav__item.is--highlighted {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.nav--sidebar .nav__item.is--active--last>.nav__item__trigger {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

html[lang=ru] .nav--sidebar .nav__item.is--active--last>.nav__item__trigger {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

.nav--sidebar .nav__lvl--0>.nav__item:first-child {
    border-top: 1px solid #c1c1c1
}

@media print {
    body {
        -webkit-print-color-adjust: exact !important
    }

    .grid-container.grid-container-padded {
        padding: 0 !important
    }

    .page-header {
        background: none !important;
        border: none !important;
        height: auto !important;
        left: auto !important;
        padding: 25px 0 50px !important;
        position: static !important;
        top: auto !important
    }

    .page-header .logo-link {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .page-header .logo-link .logo {
        display: none !important
    }

    .page-header .logo-link .logo.logo-print {
        display: block !important
    }

    .page-content {
        margin: 0 !important
    }

    .page-content,
    .page-content>.row .columns {
        padding: 0 !important
    }

    .page-content>.row .wishlist-item.quickordersection,
    .page-content>.row>div .main-content>div .button.btn.is--primary.btn-lg {
        display: none
    }

    .page-content>.row>div .main-content>div:first-child {
        margin: 0 !important
    }

    .page-content>.row>div .main-content>div:first-child>div.columns {
        display: block !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        max-width: none !important;
        width: 100% !important
    }

    .page-content>.row>div .main-content>div:first-child>div.columns .section-header {
        margin: 0 !important
    }

    .page-content>.row>div .main-content>div:first-child>div.columns .section-header .shield {
        display: none !important
    }

    .page-content>.row>div .main-content>div:first-child>div.columns .section-header .heading-container {
        width: 100% !important
    }

    .page-content>.row>div .main-content>div:first-child>div.columns .section-header .heading-container .subheadline {
        margin-bottom: 0 !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item .row {
        margin: 0 !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:first-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:first-child .wishlist-item__headline {
        margin-bottom: 10px !important;
        padding-left: 15px !important;
        font-size: 1.125rem
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:first-child h3 {
        padding-left: 15px !important;
        margin-bottom: 1rem
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row {
        max-width: 100% !important;
        padding-left: 15px
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        max-width: 40% !important;
        text-align: right !important;
        width: 40% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child .frm__fld__fake-label {
        float: right !important;
        margin: -21px 0 0 5px !important;
        padding-top: 3px !important;
        text-align: left
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child .frm__fld.frm__fld--amount {
        display: inline-block !important;
        padding-top: 3px !important;
        text-align: left !important;
        width: auto !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child .frm__fld.frm__fld--amount .frm__fld__control {
        display: inline-block !important;
        width: auto !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child .frm__fld.frm__fld--amount .frm__fld__control input,
    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child .frm__fld.frm__fld--amount .frm__fld__control input[type] {
        -webkit-appearance: textfield !important;
        -moz-appearance: textfield !important;
        appearance: textfield !important;
        border: 0 !important;
        display: inline-block !important;
        height: auto !important;
        line-height: normal !important;
        max-width: 31px !important;
        min-width: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        width: auto !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:first-child .frm__fld.frm__fld--amount .btn {
        display: none !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        max-width: 40% !important;
        text-align: right !important;
        width: 40% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:nth-child(2) .wishlist-item--vke {
        padding-top: 8px !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:nth-child(2) .wishlist-item--vke p {
        margin-bottom: 0;
        width: 100%
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:nth-last-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        max-width: 60% !important;
        width: 60% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:nth-last-child(2) .wishlist-prices {
        margin: 0 !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:nth-last-child(2) .wishlist-prices .wishlist-prices__item {
        padding: 0 !important;
        width: 50% !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:last-child,
    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item>.row>div>.row>div:nth-last-child(2)>.row>div:last-child {
        display: none !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item:nth-last-child(2) {
        margin-top: 30px !important
    }

    .page-content>.row>div .main-content>div.load-more-content .load-more-teaser .wishlist-item:last-child {
        margin-bottom: 0 !important
    }

    .page-footer {
        margin: 0 !important;
        padding: 50px 0 0 !important
    }

    .page-footer .footer-banner {
        background: none !important;
        padding: 0 !important
    }

    .page-footer .footer-banner .banner-row>div {
        margin: 0 !important;
        padding: 0 !important
    }

    .page-footer .footer-banner .banner-row>div,
    .page-footer .footer-banner .banner-row>div>.row>.columns {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns .shield {
        display: none !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail,
    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--hotline {
        margin: 0 !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .item.item--number,
    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--hotline .item.item--number {
        font-size: .875rem !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--hotline .item.item--number {
        margin-bottom: 12px !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-flow: row wrap !important;
        flex-flow: row wrap !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--email,
    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--fax {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        margin: 0 !important;
        max-width: 50% !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--email .btn .icon,
    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--fax .btn .icon {
        display: none !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--email .btn .btn__text,
    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--fax .btn .btn__text {
        margin: 0 !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--email {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        margin: 0 !important;
        max-width: 50% !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns .information.information--fax-mail .information--email .item.item--headline {
        margin: 0 0 8px !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns:first-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.3333% !important;
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important
    }

    .page-footer .footer-banner .banner-row>div>.row>.columns:last-child>.row>.columns:last-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 66.6667% !important;
        flex: 0 0 66.6667% !important;
        max-width: 66.6667% !important
    }

    .banner-image,
    .breadcrumb-wrapper,
    .has--refresh-button .btn *,
    .information.information--linklist,
    .navigation-wrapper,
    .page-footer .footernavigation,
    .page-footer>.row {
        display: none !important
    }

    .frm__fld__fake-label {
        display: block !important
    }

    .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .row .single-button-row {
        display: none
    }

    footer {
        margin-top: 1rem
    }

    header {
        padding-top: 1rem
    }

    .tags {
        margin: .5rem
    }

    .tags .tag:last-child {
        display: none
    }

    .col-lg-12 h1,
    main .row .is-belayout {
        margin: 0
    }

    #offcanvas-menu-anchor,
    .c-bottom-bar,
    .c-offcanvas-menu__tabs,
    .o-box {
        display: none
    }

    .c-footer {
        padding: 1rem 0
    }

    .c-footer .row:first-child {
        display: none
    }

    .c-footer .row {
        display: block
    }

    .c-footer .columns:not(:last-child) {
        display: none
    }

    .c-footer .columns {
        max-width: 100%
    }

    .c-footer .columns h5,
    .c-footer .columns ul {
        display: none
    }

    #c3143986 p {
        margin: 0
    }

    .hidden {
        display: none
    }
}

.auto-suggest-result-list {
    -webkit-box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .3);
    background-color: #fff;
    display: none;
    position: absolute;
    top: calc(100% + 57px);
    left: 0;
    right: 0;
    max-height: 450px;
    margin: 0 1rem;
    z-index: 1111;
    overflow-y: auto;
    overscroll-behavior: contain
}

.auto-suggest-result-list svg {
    display: inline-block;
    margin-top: .175rem;
    margin-right: .25rem;
    min-width: 14px;
    width: 14px;
    height: 14px;
    fill: #f39b00
}

.auto-suggest-result-list.is--active {
    display: block
}

.auto-suggest-result-list .suggest-categories,
.auto-suggest-result-list .suggest-cms,
.auto-suggest-result-list .suggest-products {
    padding: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #efefef
}

.auto-suggest-result-list .suggest-categories h3,
.auto-suggest-result-list .suggest-cms h3,
.auto-suggest-result-list .suggest-products h3 {
    margin-top: 0;
    margin-bottom: .5rem
}

.auto-suggest-result-list .suggest-categories ul,
.auto-suggest-result-list .suggest-cms ul,
.auto-suggest-result-list .suggest-products ul {
    margin-bottom: 0
}

.auto-suggest-result-list .suggest-categories a,
.auto-suggest-result-list .suggest-cms a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: .25rem 0;
    font-size: .875rem;
    color: #606060;
    -webkit-transition: all .3s;
    transition: all .3s
}

.auto-suggest-result-list .suggest-categories a:hover,
.auto-suggest-result-list .suggest-cms a:hover {
    color: #f39b00
}

.auto-suggest-result-list .suggest-categories a:hover .product-menu--icon,
.auto-suggest-result-list .suggest-cms a:hover .product-menu--icon {
    fill: #000
}

.auto-suggest-result-list .suggest-products h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.auto-suggest-result-list .suggest-products h3 a {
    font-size: .75rem;
    text-transform: uppercase;
    color: #f39b00
}

.auto-suggest-result-list .suggest-products h3 a:hover {
    color: #606060;
    -webkit-transition: all .3s;
    transition: all .3s
}

.auto-suggest-result-list .suggest-products h5 {
    margin-bottom: 0;
    font-size: .875rem
}

.suggest-products>ul>li:not(:last-child) {
    border-bottom: 1px solid #efefef
}

.auto-suggest--product-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606060;
    -webkit-transition: all .3s;
    transition: all .3s
}

.auto-suggest--product-link:hover {
    color: #f39b00
}

.auto-suggest--product-link picture {
    margin: .25rem .75rem .25rem 0;
    width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auto-suggest--product-link picture img {
    max-width: 4rem;
    max-height: 100%;
    display: block
}

@media print,
screen and (min-width:48em) {
    .auto-suggest-result-list {
        top: calc(100% + 2px);
        max-height: 700px;
        margin: 0
    }

    .auto-suggest-result-list .suggest-products {
        border-right: 1px solid #efefef
    }

    .auto-suggest-result-list.is--active {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:90em) {
    .auto-suggest-result-list {
        max-height: none
    }

    .meta-wrapper {
        position: relative
    }

    .is--minimal .meta-wrapper {
        position: inherit
    }
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .fancybox-bg {
        -webkit-transition: all 0s ease 0s !important;
        transition: all 0s ease 0s !important
    }
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .fancybox-container--ready .fancybox-bg {
        -webkit-transition: all 0s ease 0s !important;
        transition: all 0s ease 0s !important
    }
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,
.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}

.fancybox-slide:before,
.fancybox-slide>* {
    display: inline-block;
    vertical-align: middle
}

.fancybox-slide>* {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: transparent
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,
.fancybox-placeholder,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.fancybox-image,
.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    -webkit-transition: background .2s;
    transition: background .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

@media (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .fancybox-close-small:after {
        -webkit-transition: all 0s ease 0s !important;
        transition: all 0s ease 0s !important
    }
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, .1)), color-stop(40%, rgba(0, 0, 0, .2)), color-stop(80%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    outline: none
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover {
    background: rgba(0, 0, 0, .8)
}

.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled:after,
.fancybox-button--disabled:before {
    opacity: .5
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: u .8s infinite linear;
    animation: u .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes u {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes u {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media (max-width:800px) {
    .fancybox-controls {
        text-align: left
    }

    .fancybox-button--left,
    .fancybox-button--right,
    .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        display: none !important
    }

    .fancybox-container--thumbs .fancybox-caption-wrap,
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}

/*! Flickity v2.0.8
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}

.flickity-enabled.is-draggable {
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 44px;
    border: none;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20
}

.flickity-prev-next-button:hover .arrow {
    fill: #000
}

.flickity-prev-next-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #09f;
    box-shadow: 0 0 0 5px #09f
}

.flickity-prev-next-button:active {
    opacity: .6
}

.flickity-prev-next-button.previous {
    left: -30px
}

.flickity-prev-next-button.next {
    right: -30px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: -30px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: -30px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.flickity-prev-next-button .arrow {
    fill: #f39b00;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.flickity-page-dots {
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    list-style: none;
    margin: 0 15px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: calc(100% - 30px);
    z-index: 20
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    background-clip: padding-box;
    background-color: #f39b00;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    margin: 0 3px 0 2px;
    padding-bottom: 5px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width: 67px
}

.flickity-page-dots .dot.is-selected {
    background-color: #000
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    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;
    -webkit-box-sizing: border-box;
    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-ajax-holder .mfp-content,
.mfp-inline-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-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    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:focus,
.mfp-close:hover {
    opacity: 1
}

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

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

.mfp-iframe-holder .mfp-close,
.mfp-image-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: rgba(0, 0, 0, 0)
}

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

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

.mfp-arrow:after,
.mfp-arrow:before {
    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%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

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

.mfp-figure,
img.mfp-img {
    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;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    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-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .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;
        -webkit-box-sizing: border-box;
        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 (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
    }
}

.u-h2 {
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.22;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    margin-bottom: .313rem;
    word-wrap: break-word;
    text-transform: none
}

html[lang=ru] .u-h2 {
    font-family: DIN Next W10 Medium, Arial, Helvetica, sans-serif
}

@media print,
screen and (min-width:48em) {
    .u-h2 {
        font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.125;
        margin-top: 2.25rem;
        margin-bottom: 1.563rem
    }

    html[lang=ru] .u-h2 {
        font-family: DIN Next W10 Regular, Arial, Helvetica, sans-serif
    }
}

.u-heading-background-lvl1,
.u-heading-background-lvl2,
.u-heading-background-lvl3 {
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    margin: 0 0 1rem;
    padding: 1rem .5rem;
    text-align: center;
    font-family: DIN Next Rounded LT W04 Medium, Arial, Helvetica, sans-serif
}

.u-heading-background-lvl1>span,
.u-heading-background-lvl2>span,
.u-heading-background-lvl3>span {
    display: block;
    font-size: 14px;
    font-family: DIN Next Rounded LT W041448969, Arial, Helvetica, sans-serif;
    margin-top: .5rem
}

.u-heading-background-lvl1 {
    border-bottom: 3px solid #f39b00;
    margin: 2rem 0 1rem;
    font-size: 1.5rem
}

.background-100 .linethrough,
.background-100 .u-heading-background-lvl1,
.background-100 .u-heading-background-lvl2,
.background-100 .u-heading-background-lvl3 {
    margin: 2rem 0 !important
}

.u-heading-background-lvl2 {
    font-size: 1.25rem;
    border-bottom: 2px solid #999
}

.u-heading-background-lvl3 {
    font-size: 1.125rem
}

.u-heading-background-svg {
    width: 24px;
    height: 24px;
    float: right;
    fill: #ccc;
    display: block
}

.u-heading-background-svg:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

obo-hotspot {
    max-height: 100%;
    max-width: 100%
}

.obo-hotspot-image {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

.obo-hotspot-popup-background {
    opacity: 0;
    background-color: #555;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1500;
    visibility: hidden;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.obo-hotspot-popup-background.obo-hotspot-open {
    opacity: .8;
    visibility: visible;
    padding-top: 40px
}

.obo-hotspot-popup {
    position: fixed;
    z-index: 1500;
    max-width: 800px;
    max-height: 90vh;
    width: auto;
    height: auto;
    padding: 15px;
    background-color: #f0f0f0;
    color: #000;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    top: 50%;
    left: 50%;
    overflow: auto
}

.obo-hotspot-popup.obo-hotspot-open {
    opacity: 1;
    visibility: visible;
    padding-top: 40px
}

.obo-hotspot-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.obo-hotspot-close svg {
    stroke-width: 3;
    stroke-linecap: round;
    stroke: #f39b00;
    width: 30px;
    height: 30px
}

.obo-hotspot-select {
    width: 90%;
    height: 2rem
}

@media only screen and (min-width:600px) {
    .obo-hotspot-select {
        display: none
    }
}

.obo-hotspot-header {
    margin: 5px 0
}

.obo-hotspot-marker {
    color: #fff;
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background-color: #f39b00;
    cursor: pointer
}

.obo-hotspot-marker svg {
    fill: #f39b00;
    stroke: #fff
}

@media only screen and (max-width:600px) {
    .obo-hotspot-video {
        max-height: 50%
    }
}

.obo-hotspot-video {
    width: 96%;
    height: 75%;
    max-width: 1024px;
    min-height: 240px;
    min-width: 426px;
    margin: auto
}

.obo-hotspot-popup-inner {
    text-align: left;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    height: 100%
}

.obo-hotspot-youtube {
    width: 100%;
    height: 100%;
    min-height: 240px;
    min-width: 426px
}

.obo-hotspot-picture {
    max-width: 100%;
    height: auto
}

.obo-hotspot-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f39b00;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #e0e0e0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .5rem
}

.obo-hotspot-button:hover {
    color: #000;
    border: 1px solid #000
}

.obo-hotspot-button:hover .obo-hotspot-button-icon {
    fill: #000
}

.obo-hotspot-button-icon {
    fill: #f39b00;
    height: 2rem;
    width: 2rem;
    margin-right: 5px;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.obo-hotspot-marker {
    z-index: 3;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.hotspot-overlay {
    position: absolute;
    top: 0;
    width: 51%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    padding: 0 2.5rem;
    z-index: 4;
    -webkit-animation-name: v;
    animation-name: v;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hotspot-overlay h2 {
    margin-top: 2.5rem
}

.hotspot-overlay svg {
    position: absolute;
    top: 10px;
    right: 10px;
    stroke-width: 3;
    stroke-linecap: round;
    stroke: #f39b00;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.hotspot-overlay svg:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.hotspot-overlay .hotspot-overlay-text {
    margin-bottom: 1rem
}

.hotspot-line {
    position: absolute;
    z-index: 5;
    height: 10px;
    background-color: #f39b00
}

.hotspot-line-1 {
    -webkit-transform: translateY(130%);
    transform: translateY(130%)
}

.hotspot-line-2 {
    left: 51%;
    width: 10px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.hotspot-line-3 {
    width: 20px;
    left: 51%
}

.hotspot-line-4 {
    left: 49%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hotspot-line-5 {
    left: 49%;
    width: 10px
}

.hotspot-line-6 {
    width: 20px;
    left: 48%
}

.animation-1 {
    -webkit-animation-name: y;
    animation-name: y;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-2 {
    -webkit-animation-name: x;
    animation-name: x;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-3,
.animation-4 {
    -webkit-animation-name: w;
    animation-name: w;
    -webkit-animation-duration: 1.75s;
    animation-duration: 1.75s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-5 {
    -webkit-animation-name: x;
    animation-name: x;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.animation-6 {
    -webkit-animation-name: y;
    animation-name: y;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes v {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes v {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes w {
    0% {
        width: 0
    }

    75% {
        width: 0
    }
}

@keyframes w {
    0% {
        width: 0
    }

    75% {
        width: 0
    }
}

@-webkit-keyframes x {
    0% {
        height: 0
    }

    50% {
        height: 0
    }
}

@keyframes x {
    0% {
        height: 0
    }

    50% {
        height: 0
    }
}

@-webkit-keyframes y {
    0% {
        width: 0
    }
}

@keyframes y {
    0% {
        width: 0
    }
}

@media (max-width:1050px) {
    .hotspot-line-6 {
        left: 47.1%
    }
}

@media (max-width:700px) {
    .obo-hotspot-marker {
        -webkit-transform: scale(.75);
        transform: scale(.75);
        font-size: 1.25rem
    }

    .obo-hotspot-mobile-text-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #d3d3d3;
        gap: 1rem;
        padding: 1rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .obo-hotspot-mobile-text-container h3 {
        margin-bottom: 0
    }

    .obo-hotspot-mobile-text-container:nth-child(odd) {
        background-color: #e0e0e0
    }

    .obo-hotspot-mobile-number {
        position: relative;
        margin-bottom: 0;
        z-index: 1
    }

    .obo-hotspot-mobile-number:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 24px;
        height: 24px;
        background-color: #f5f5f5;
        border-radius: 50%;
        z-index: -1
    }
}

@media print,
screen and (min-width:48em) {
    .bim-page .navigation-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media print,
screen and (min-width:48em) {
    .bim-page .meta-wrapper {
        display: none
    }
}

.bim-page footer h4 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 20px
}

.bim-page footer .media {
    margin-top: -.25rem;
    max-width: 12rem
}

#bim-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 50%
}

@media print,
screen and (min-width:48em) {
    #bim-buttons {
        width: auto
    }
}

.monitoring-wrapper {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "e e" "f f" "g h" "i j"
}

.monitoring-wrapper article {
    display: grid;
    place-content: center;
    border: 1px solid #35a559
}

.monitoring-wrapper article>div {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.monitoring-wrapper article span {
    display: block;
    text-align: center
}

#currentPower {
    grid-area: g;
    margin-top: -1px
}

#dataMonth {
    grid-area: i;
    margin-top: -1px
}

#dataToday {
    grid-area: h
}

#dataToday,
#dataTotal {
    margin-top: -1px;
    margin-left: -1px
}

#dataTotal {
    grid-area: j
}

#emissionSaved {
    grid-area: e
}

#emissionSaved>div>div {
    margin-left: 1rem
}

#treesPlanted {
    grid-area: f;
    margin-top: -1px;
    padding-left: 40px
}

#treesPlanted>div>div {
    margin-left: 1rem
}

.monitor-value {
    font-size: 1.5rem;
    color: #35a559
}

@media print,
screen and (min-width:48em) {
    .monitoring-wrapper {
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas: "e e g h" "f f i j"
    }

    #currentPower,
    #dataMonth {
        margin-left: -1px
    }

    #currentPower,
    #dataToday {
        margin-top: 0
    }
}