@import url(//hello.myfonts.net/count/354cb7);

.no-transition, .no-transition *, .sc-page-editor * {
    transition: none !important
}

*, pre {
    word-wrap: break-word
}

.btn, .icon, html {
    -webkit-font-smoothing: antialiased
}

.breadcrumb ol li:first-child span, .invisible, .owl-carousel .owl-stage:after, .owl-carousel.owl-refresh .owl-item, .slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

*, .owl-carousel, .owl-carousel .owl-item, .product-carousel .owl-nav, .slick-slider, .timeline .owl-dots, .timeline .owl-nav {
    -webkit-tap-highlight-color: transparent
}

.bb-icon, .icon, html {
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes scrollArrow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem)
    }

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

    100% {
        opacity: 0;
        -webkit-transform: translateY(1.25rem);
        transform: translateY(1.25rem)
    }
}

@keyframes scrollArrow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem)
    }

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

    100% {
        opacity: 0;
        -webkit-transform: translateY(1.25rem);
        transform: translateY(1.25rem)
    }
}

.sc-page-editor .hero-carousel *, .sc-page-editor .media-hero *, .sc-page-editor .page, .sc-preview .page {
    opacity: 1 !important
}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -ms-transform: translateY(-1.875rem);
        -webkit-transform: translateY(-1.875rem);
        transform: translateY(-1.875rem)
    }

    60% {
        -ms-transform: translateY(-.9375rem);
        -webkit-transform: translateY(-.9375rem);
        transform: translateY(-.9375rem)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -ms-transform: translateY(-1.875rem);
        -webkit-transform: translateY(-1.875rem);
        transform: translateY(-1.875rem)
    }

    60% {
        -ms-transform: translateY(-.9375rem);
        -webkit-transform: translateY(-.9375rem);
        transform: translateY(-.9375rem)
    }
}

.monitor-mq {
    display: block;
    height: .0625rem;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 20em
}

    .monitor-mq.rtl {
        left: auto;
        right: -9999em
    }

.visible-breakpoints .monitor-mq:after {
    background: rgba(0,0,0,.5);
    color: #fff;
    content: '$BPA';
    font-weight: 700;
    padding: .3125rem .625rem;
    position: fixed;
    right: .9375rem;
    bottom: .9375rem;
    text-align: center;
    z-index: 1000
}

.sc-page-editor .rendering-error, .sc-preview .rendering-error {
    border: .0625rem dashed red;
    padding: .5em
}

@media (min-width:30em) {
    .monitor-mq {
        width: 30rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPB';
        background: rgba(205,25,45,.5)
    }
}

@media (min-width:37.5em) {
    .monitor-mq {
        width: 37.5rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPC';
        background: rgba(105,125,245,.5);
        color: #222
    }
}

@media (min-width:48em) {
    .monitor-mq {
        width: 48rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPD';
        background: rgba(25,205,111,.5)
    }
}

@media (min-width:64em) {
    .monitor-mq {
        width: 64rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPE';
        background: rgba(47,25,205,.5)
    }
}

@media (min-width:75em) {
    .monitor-mq {
        width: 75rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPF';
        background: rgba(205,25,205,.5)
    }
}

@media (min-width:85.375em) {
    .monitor-mq {
        width: 85.375rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPG';
        background: rgba(205,52,25,.5);
        color: #fff
    }
}

@media (min-width:102.6875em) {
    .monitor-mq {
        width: 102.6875rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPH';
        background: rgba(25,205,55,.5)
    }
}

@media (min-width:120em) {
    .monitor-mq {
        width: 120rem
    }

    .visible-breakpoints .monitor-mq:after {
        content: '$BPI +';
        background: rgba(12,4,135,.5)
    }
}

.clearfix {
    zoom: 1
}

    .clearfix:after, .clearfix:before {
        content: '';
        display: table
    }

    .clearfix:after {
        clear: both
    }

.csstransforms .vertically-centered {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.csstransforms .horizontally-centered {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.csstransforms .totally-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.sc-page-editor.js .header, .sc-preview.js .header {
    position: static
}

.visible-largescreen, .visible-mediumscreen, .visible-smallscreen {
    display: none
}

.visible-smallscreen {
    display: block
}

@media (min-width:64em) {
    .visible-largescreen {
        display: block
    }
}

@media (min-width:48em) {
    .visible-mediumscreen {
        display: block
    }

    .hidden-mediumscreen {
        display: none
    }
}

@media (min-width:64em) {
    .hidden-largescreen {
        display: none
    }
}

.sc-page-editor {
    background: 0 0 !important
}

    .sc-page-editor * {
        -webkit-animation: none !important;
        animation: none !important
    }

    .sc-page-editor .title--style-a span.scWebEditInput {
        font-size: 2.25rem;
        line-height: 2.625rem;
        letter-spacing: .0625rem;
        font-family: DIN2014-Demi
    }

@media (min-width:48em) {
    .sc-page-editor .title--style-a span.scWebEditInput {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

@media (min-width:85.375em) {
    .sc-page-editor .title--style-a span.scWebEditInput {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

@media (min-width:120em) {
    .sc-page-editor .title--style-a span.scWebEditInput {
        font-size: 6.25rem;
        line-height: 6.875rem
    }
}

.sc-page-editor .step-carousel__title span.scWebEditInput, .sc-page-editor .title--style-b span.scWebEditInput {
    font-size: 1.5rem;
    line-height: 1.875rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .sc-page-editor .step-carousel__title span.scWebEditInput, .sc-page-editor .title--style-b span.scWebEditInput {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (min-width:85.375em) {
    .sc-page-editor .step-carousel__title span.scWebEditInput, .sc-page-editor .title--style-b span.scWebEditInput {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

@media (min-width:120em) {
    .sc-page-editor .step-carousel__title span.scWebEditInput, .sc-page-editor .title--style-b span.scWebEditInput {
        font-size: 3.125rem;
        line-height: 3.75rem;
        letter-spacing: .0625rem
    }
}

.sc-page-editor .section-heading__suptitle .step-carousel__title span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b span.scWebEditInput {
    font-family: DIN2014-Regular;
    font-weight: inherit
}

@media (min-width:48em) {
    .sc-page-editor .section-heading__suptitle .step-carousel__title span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b span.scWebEditInput {
        font-size: .875rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

@media (min-width:85.375em) {
    .sc-page-editor .section-heading__suptitle .step-carousel__title span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b span.scWebEditInput {
        font-size: .9375rem;
        letter-spacing: .0625rem;
        line-height: 1.375rem
    }
}

@media (min-width:102.6875em) {
    .sc-page-editor .section-heading__suptitle .step-carousel__title span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b span.scWebEditInput {
        font-size: .75rem;
        line-height: .9375rem
    }
}

.sc-page-editor .section-heading__suptitle .step-carousel__title b span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b b span.scWebEditInput {
    font-family: DIN2014-Regular;
    font-weight: inherit;
    font-size: 1.5rem;
    line-height: 1.875rem;
    letter-spacing: .03125rem
}

@media (min-width:48em) {
    .sc-page-editor .section-heading__suptitle .step-carousel__title b span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b b span.scWebEditInput {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (min-width:85.375em) {
    .sc-page-editor .section-heading__suptitle .step-carousel__title b span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b b span.scWebEditInput {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

@media (min-width:120em) {
    .sc-page-editor .section-heading__suptitle .step-carousel__title b span.scWebEditInput, .sc-page-editor .section-heading__suptitle .title--style-b b span.scWebEditInput {
        font-size: 3.125rem;
        line-height: 3.75rem;
        letter-spacing: .0625rem
    }
}

.sc-page-editor .cta-block--style-a .cta-block__title span.scWebEditInput {
    font-size: 2.25rem;
    line-height: 2.625rem;
    letter-spacing: .0625rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .sc-page-editor .cta-block--style-a .cta-block__title span.scWebEditInput {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

@media (min-width:85.375em) {
    .sc-page-editor .cta-block--style-a .cta-block__title span.scWebEditInput {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

@media (min-width:120em) {
    .sc-page-editor .cta-block--style-a .cta-block__title span.scWebEditInput {
        font-size: 6.25rem;
        line-height: 6.875rem
    }
}

.sc-page-editor .secondary-nav__title.title--style-c span.scWebEditInput {
    font-family: DIN2014-ExtraBoldItalic;
    font-size: 1.25rem;
    letter-spacing: -.0625rem;
    line-height: 1.375rem
}

.sc-page-editor .title--style-c span.scWebEditInput {
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .sc-page-editor .title--style-c span.scWebEditInput {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

@media (min-width:85.375em) {
    .sc-page-editor .title--style-c span.scWebEditInput {
        font-size: 1.5625rem;
        line-height: 2rem;
        letter-spacing: .0625rem
    }
}

.data-table, .rtf-table table td, .rtf-table table th, ol li, ul li {
    letter-spacing: .03125rem
}

@media (min-width:120em) {
    .sc-page-editor .title--style-c span.scWebEditInput {
        font-size: 2.1875rem;
        line-height: 2.625rem
    }
}

.sc-page-editor .title--style-d span.scWebEditInput {
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Regular
}

@media (min-width:85.375em) {
    .sc-page-editor .title--style-d span.scWebEditInput {
        font-size: 1.375rem;
        line-height: 1.75rem;
        letter-spacing: .0625rem
    }
}

@media (min-width:120em) {
    .sc-page-editor .title--style-d span.scWebEditInput {
        font-size: 1.875rem;
        line-height: 2.375rem
    }
}

.sc-page-editor .title--style-e span.scWebEditInput {
    font-size: 1rem;
    font-family: DIN2014-Regular;
    line-height: .9375rem;
    margin-bottom: .625rem
}

body, figure, form {
    margin: 0
}

.sc-page-editor .legacy-header {
    top: 1.6875rem
}

@media (min-width:61.25em) {
    .sc-page-editor .legacy-header {
        top: 0
    }
}

.sc-page-editor .menu--bike, .sc-page-editor .menu--main {
    top: 4.6875rem
}

.sc-page-editor .multi-block__image .scLooseFrameZone {
    width: 100%;
    display: block;
    overflow: hidden
}

.sc-page-editor .multi-block--style-a .multi-block__image .scLooseFrameZone {
    min-width: 35.625rem;
    min-height: 44.5625rem;
    background: repeating-linear-gradient(55deg,#222,#222 .625rem,#333 .625rem,#333 1.25rem)
}

@media (min-width:1024px) {
    .sc-page-editor .multi-block--style-a .multi-block__image .scLooseFrameZone {
        min-width: 39.375rem;
        min-height: 49.25rem
    }
}

@media (min-width:768px) {
    .sc-page-editor .multi-block--style-a .multi-block__image .scLooseFrameZone {
        min-width: 29.375rem;
        min-height: 36.75rem
    }
}

.sc-page-editor .multi-block--style-b .multi-block__image .scLooseFrameZone {
    min-width: 37.5rem;
    min-height: 21.125rem;
    background: repeating-linear-gradient(-55deg,#333,#333 .625rem,#222 .625rem,#222 1.25rem)
}

@media (min-width:1024px) {
    .sc-page-editor .multi-block--style-b .multi-block__image .scLooseFrameZone {
        min-width: 120rem;
        min-height: 67.5rem
    }
}

@media (min-width:768px) {
    .sc-page-editor .multi-block--style-b .multi-block__image .scLooseFrameZone {
        min-width: 63.9375rem;
        min-height: 35.9375rem
    }
}

.sc-page-editor .feature-block__image .scLooseFrameZone, .sc-page-editor .feature__image .scLooseFrameZone {
    width: 100%;
    display: block;
    overflow: hidden;
    min-width: 31.25rem;
    min-height: 31.25rem;
    background: repeating-linear-gradient(-55deg,#222,#222 .625rem,#333 .625rem,#333 1.25rem)
}

@media (min-width:1366px) {
    .sc-page-editor .feature-block__image .scLooseFrameZone, .sc-page-editor .feature__image .scLooseFrameZone {
        min-width: 48.125rem;
        min-height: 48.125rem
    }
}

@media (min-width:600px) {
    .sc-page-editor .feature-block__image .scLooseFrameZone, .sc-page-editor .feature__image .scLooseFrameZone {
        min-width: 48.125rem;
        min-height: 48.125rem
    }
}

.sc-page-editor .product-card--image .scLooseFrameZone {
    width: 100%;
    display: block;
    overflow: hidden;
    min-width: 37.5rem;
    min-height: 21.125rem;
    background: repeating-linear-gradient(-55deg,#222,#222 .625rem,#333 .625rem,#333 1.25rem)
}

@media (min-width:1366px) {
    .sc-page-editor .product-card--image .scLooseFrameZone {
        min-width: 88.125rem;
        min-height: 49.5625rem
    }
}

@media (min-width:768px) {
    .sc-page-editor .product-card--image .scLooseFrameZone {
        min-width: 72.5rem;
        min-height: 40.8125rem
    }
}

.sc-page-editor .media-hero * .media-hero__description, .sc-page-editor .media-hero * .media-hero__title {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (min-width:64em) {
    .sc-page-editor .media-hero * .media-hero__background-video--animated {
        -webkit-transform: translateX(25%);
        -ms-transform: translateX(25%);
        transform: translateX(25%)
    }

        .sc-page-editor .media-hero * .media-hero__background-video--animated video {
            -webkit-clip-path: inset(1.25rem 0 1.25rem 25%);
            clip-path: inset(1.25rem 0 1.25rem 25%)
        }
}

.sc-page-editor .cta-links__link img {
    left: -1.875rem
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

img, legend {
    border: 0
}

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

audio, canvas, video {
    display: inline-block
}

    [hidden], audio:not([controls]) {
        display: none
    }

a:active, a:focus, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: .0625rem dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

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

small, sub, sup {
    font-size: 75%
}

pre {
    white-space: pre;
    white-space: pre-wrap
}

q {
    quotes: none
}

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

blockquote {
    margin: 1em 2.5rem
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

ol, ul {
    padding: 0 0 0 2.5rem
}

dd {
    margin: 0 0 0 2.5rem
}

nav ol, nav ul {
    list-style: none
}

img {
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    margin: 0 .125rem;
    padding: .35em .625em .75em
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

button, html input[type=button], html input[type=reset], html input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: none
}

    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

table {
    border-spacing: 0
}

* {
    box-sizing: border-box
}

:focus {
    outline: 0
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%;
    background: #2a2a2a;
    -webkit-overflow-scrolling: touch
}

    html.ie10, html.ie11, html.ios {
        -webkit-overflow-scrolling: auto
    }

    .bike-in body, .checkbox input, .hidden-container--hide, .menu-in body, .menu-open.ios body, .radio input, html.sub-menu-open {
        overflow: hidden
    }

@media screen and (max-device-width:480px) {
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
}

html.search-in {
    position: fixed
}

.menu-open.ios, .menu-open.ios body {
    position: relative;
    height: 100%
}

@media (max-width:1023px) {
    html.menu-open {
        overflow: hidden
    }
}

html.edge.sub-menu-open {
    padding-right: .6875rem
}

html.ie11.sub-menu-open {
    padding-right: 1.0625rem
}

body {
    color: #333;
    font-family: DIN2014-Regular,Arial,sans-serif;
    font-weight: 400;
    line-height: .9375rem
}

.bb-grid {
    -webkit-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
    transition: all .3s ease;
    opacity: .5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1
}

.visible-grid-in .bb-grid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(0,0,0,0);
    display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

body:hover .visible-grid-in .bb-grid {
    z-index: 0
}

.visible-grid-in .bb-grid .block, .visible-grid-in .bb-grid .layout, .visible-grid-in .bb-grid .region, .visible-grid-in .bb-grid .region-inner, .visible-grid-in .bb-grid .search-form__container, .visible-grid-in .bb-grid .step-carousel__heading {
    height: 100%
}

.visible-grid-in .bb-grid .block {
    background: #663399
}

.visible-grid-btn {
    display: block;
    position: fixed !important;
    bottom: .9375rem;
    left: .9375rem;
    z-index: 1002
}

.demo-actions .visible-grid-btn {
    position: relative;
    bottom: auto;
    left: auto;
    float: left
}

.hidden-container--show {
    height: auto
}

    .hidden-container--show .hidden-container__inner {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: opacity .5s,-webkit-transform .5s;
        transition: opacity .5s,transform .5s;
        transition: opacity .5s,transform .5s,-webkit-transform .5s
    }

.hidden-container--hide {
    height: 0
}

    .hidden-container--hide .hidden-container__inner {
        opacity: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

button, input[type=submit], label {
    cursor: pointer
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none
}

input[type=search], input[type=text], input[type=email], input[type=tel], input[type=url], input[type=date], input[type=week], input[type=month], input[type=datetime], input[type=datetime-local], input[type=time], input[type=number], input[type=password], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input--large, .input--medium, .input--mini, .input--small, .input--xlarge, .input--xxlarge, .input--xxxlarge, .input--xxxxlarge {
    width: 100%
}

@media (min-width:48em) {
    .input--mini {
        width: 6.875rem
    }

    .input--small {
        width: 10.9375rem
    }

    .input--medium {
        width: 15rem
    }

    .input--large {
        width: 19.0625rem
    }

    .input--xlarge {
        width: 23.125rem
    }

    .input--xxlarge {
        width: 27.1875rem
    }

    .input--xxxlarge {
        width: 31.25rem
    }

    .input--xxxxlarge {
        width: 35.3125rem;
        max-width: 90%
    }
}

input[type=file] {
    width: auto;
    padding: initial;
    line-height: initial;
    background-color: initial;
    border: initial;
    box-shadow: none;
    cursor: pointer
}

.ie11 input[type=file] {
    border: none;
    padding-left: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.field-validation-message {
    font-size: .75rem
}

.form-title {
    font-size: 1.3125rem
}

.important-text {
    color: #2a2a2a
}

.select-replace, input, select, textarea {
    padding: .8125rem 1.25rem;
    max-width: 100%;
    font-size: .9375rem;
    font-weight: 400;
    color: #000;
    background: #fff;
    border: .0625rem solid #DFDFDF;
    border-radius: 0;
    vertical-align: middle;
    display: inline-block;
    transition: all .1s;
    white-space: nowrap;
    outline: 0;
    margin-bottom: .3125rem;
    line-height: 1.3125rem
}

@media (min-width:48em) {
    .select-replace, input, select, textarea {
        padding: .8125rem .9375rem
    }
}

.select-replace:focus, input:focus, select:focus, textarea:focus {
    border: .0625rem solid #000;
    outline: 0;
    color: #000
}

.select-replace:-moz-placeholder, input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #a7a9ac
}

.select-replace::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #a7a9ac
}

.select-replace:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a7a9ac
}

.select-replace::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a7a9ac
}

.select-replace[disabled], input[disabled], select[disabled], textarea[disabled] {
    background: #f0f0f0;
    border-color: #ddd;
    color: #a7a9ac;
    cursor: not-allowed
}

    .select-replace[disabled]:focus, .select-replace[disabled]:hover, input[disabled]:focus, input[disabled]:hover, select[disabled]:focus, select[disabled]:hover, textarea[disabled]:focus, textarea[disabled]:hover {
        border-color: transparent
    }

.select-replace[readonly], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed
}

    .select-replace[readonly]:focus, .select-replace[readonly]:hover, input[readonly]:focus, input[readonly]:hover, select[readonly]:focus, select[readonly]:hover, textarea[readonly]:focus, textarea[readonly]:hover {
        border-color: #ccc
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    box-shadow: none;
    background: 0 0
}

.lt-ie9 input[type=checkbox], .lt-ie9 input[type=radio] {
    display: inline
}

input[type=radio] {
    margin-top: .25rem
}

.checkbox, .radio {
    margin-bottom: .3125rem;
    display: block;
    position: relative;
    padding-left: 1.5625rem;
    padding-top: .4375rem;
    line-height: 1.125rem
}

    .checkbox.disabled, .radio.disabled {
        color: #DFDFDF
    }

    .checkbox .checkbox--replace, .checkbox .radio--replace, .radio .checkbox--replace, .radio .radio--replace {
        position: absolute;
        top: .4375rem;
        left: 0
    }

    .checkbox input, .radio input {
        border: 0;
        clip: rect(0 0 0 0);
        height: .0625rem;
        margin: -.0625rem;
        padding: 0;
        position: absolute;
        width: .0625rem
    }

        .checkbox input.focusable:active, .checkbox input.focusable:focus, .radio input.focusable:active, .radio input.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

.checkbox--replace, .radio--replace {
    width: .9375rem;
    height: .9375rem;
    padding: 0;
    margin: 0;
    outline: 0;
    line-height: normal;
    cursor: pointer;
    background-color: transparent;
    border: .0625rem solid #b5b5b5;
    transition: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .checkbox--replace::-moz-focus-inner, .radio--replace::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .checkbox--replace:hover, .radio--replace:hover, input:active + .checkbox--replace, input:active + .radio--replace, input:focus + .checkbox--replace, input:focus + .radio--replace, input[disabled] + .checkbox--replace:focus, input[disabled] + .checkbox--replace:hover, input[disabled] + .radio--replace:focus, input[disabled] + .radio--replace:hover {
        border-color: #000
    }

input[disabled] + .checkbox--replace, input[disabled] + .radio--replace {
    color: #000;
    cursor: not-allowed
}

input[type=checkbox]:checked .checkbox--replace::after {
    display: block
}

.checkbox--replace:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: .875rem;
    height: .6875rem;
    font-weight: 700;
    font-size: .6875rem;
    line-height: 100%;
    text-align: center;
    font-family: triumph;
    content: "\e914";
    display: none
}

input[disabled] + .checkbox--replace {
    border-color: #DFDFDF
}

input:checked + .radio--replace, input[disabled] + .radio--replace {
    border-color: #000
}

input[disabled] + .checkbox--replace:after {
    color: #DFDFDF
}

input:checked + .checkbox--replace {
    background: #000;
    border-color: #000
}

    input:checked + .checkbox--replace:after {
        display: block;
        color: #fff
    }

.radio--replace {
    border-radius: 100%
}

    .radio--replace:after {
        width: 0;
        height: 0;
        position: absolute;
        top: .4375rem;
        left: .4375rem;
        border-radius: 100%;
        background: #000;
        content: "";
        transition: all .1s
    }

input:checked + .radio--replace:after {
    width: .5625rem;
    height: .5625rem;
    top: .125rem;
    left: .125rem
}

input[disabled] + .radio--replace:after {
    background: #000
}

.checkbox--replace-input, .radio--replace-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem
}

    .checkbox--replace-input.focusable:active, .checkbox--replace-input.focusable:focus, .radio--replace-input.focusable:active, .radio--replace-input.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.input-card .checkbox--replace, .input-card .radio--replace {
    display: none
}

.input-card .control-inline {
    display: inline-block
}

.input-card .input-card__inner {
    display: block;
    border: .0625rem solid #DFDFDF;
    border-radius: .1875rem;
    padding: .625rem .625rem 0;
    height: 100%;
    text-align: center
}

    .input-card .input-card__inner:hover, .input-card input:checked + .checkbox--replace + .input-card__inner, .input-card input:checked + .radio--replace + .input-card__inner {
        border-color: #000
    }

.input-card .input-card__count {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.75rem;
    height: 1.75rem;
    background: #a7a9ac;
    color: #fff;
    font-size: 1.0625rem;
    text-align: center;
    line-height: 1.75rem
}

.input-card input:checked + .checkbox--replace + .input-card__inner .input-card__count, .input-card input:checked + .radio--replace + .input-card__inner .input-card__count {
    background: #000
}

.input-card .input-card__title {
    text-transform: capitalize;
    hypens: auto
}

@media (min-width:48em) {
    .input-card .input-card__inner {
        padding: .3125rem .3125rem .9375rem
    }

    .input-card .input-card__count {
        top: 1.25rem;
        left: 1.25rem
    }

    .input-card .input-card__title {
        margin: 0 .625rem
    }
}

.input-card .input-card__address-layout {
    display: inline-block
}

.input-card .input-card__image {
    margin-bottom: 1.5625rem;
    pointer-events: none
}

.input-card .additional-text {
    color: #a7a9ac
}

.input-card--style-a .input-card__inner {
    text-align: left;
    padding: 1.25rem .625rem 0;
    position: relative
}

@media (min-width:48em) {
    .input-card--style-a .input-card__inner {
        padding: 1.25rem 1.25rem 0 4.375rem
    }
}

.input-card--style-a .input-card__title {
    margin: 0 0 .625rem
}

select {
    text-transform: none;
    font-size: .875rem;
    color: #000;
    text-align: left
}

.btn, .pill-switch, .pill-switch__btn {
    text-align: center
}

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

.select-replace--style-b select {
    color: #fff
}

.select-replace {
    display: block;
    position: relative;
    padding: 0;
    border-radius: 0;
    font-size: 1rem;
    border: .0625rem solid #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    background: #fff
}

textarea, textarea[disabled] {
    white-space: pre
}

@media (min-width:48em) {
    .select-replace {
        display: inline-block;
        padding: 0
    }
}

.select-replace.select-replace--style-b {
    border: none;
    background: #000
}

.select-replace:focus, .select-replace:hover {
    background: 0 0
}

.select-replace.select--small {
    height: 1.875rem
}

    .select-replace.select--small::after {
        height: 1.875rem;
        line-height: 2rem
    }

    .select-replace.select--small select {
        height: 1.875rem;
        top: -.0625rem
    }

.select-replace select {
    background: 0 0;
    position: relative;
    border: 0;
    box-shadow: none;
    text-overflow: '';
    padding-right: 1.875rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    padding-left: 1.25rem;
    cursor: pointer;
    font-weight: 400;
    z-index: 2;
    font-size: .9375rem;
    line-height: 1.3125rem;
    margin: 0
}

    .select-replace select[disabled] {
        cursor: not-allowed
    }

@media (min-width:48em) {
    .select-replace select {
        padding: .8125rem 1.875rem .8125rem .9375rem;
        margin: 0
    }
}

.select-replace select option {
    padding: 0 .625rem
}

.select-replace:after {
    display: block;
    height: .625rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    width: .8125rem;
    font-size: .9375rem;
    color: #000;
    font-family: triumph;
    content: "\e902";
    line-height: 1;
    z-index: 1
}

ol li, ul li {
    line-height: 1.25rem
}

.lt-ie10 .select-replace:after {
    display: none
}

.select-replace.select-replace--style-a {
    display: inline-block;
    height: 2rem;
    border: none
}

    .select-replace.select-replace--style-a select {
        height: 2rem;
        font-size: .8125rem;
        font-family: DIN2014-Demi;
        padding: 0 .9375rem 0 0
    }

    .select-replace.select-replace--style-a:after {
        content: "\e91c";
        width: .5rem;
        height: .5rem;
        font-size: .5rem;
        color: #cd192d;
        right: 0
    }

.select-replace.select-replace--style-b select {
    font-size: 1.0625rem;
    font-family: DIN2014-Demi
}

.select-replace.select-replace--style-b:after {
    content: "\e91c";
    width: .9375rem;
    height: .9375rem;
    font-size: .9375rem;
    color: #cd192d;
    margin-top: -.1875rem
}

select[multiple], select[size] {
    height: auto;
    background: #fff;
    padding-top: .625rem;
    line-height: 1.25rem;
    padding-bottom: .3125rem;
    padding-right: .3125rem
}

textarea {
    resize: none;
    overflow: auto;
    height: 9.375rem;
    margin: 0 0 .3125rem;
    padding: .625rem 1.25rem;
    border-radius: 0;
    background-color: transparent
}

.control__label {
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400
}

@media (min-width:48em) {
    .control__label {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }

    .control-inline {
        display: inline-block;
        margin-right: .9375rem;
        margin-bottom: .3125rem;
        clear: none
    }
}

.control-optional, .control__label label {
    font-weight: 400;
    font-size: .875rem;
    line-height: .9375rem
}

.control__label label {
    display: inline-block;
    cursor: pointer;
    margin-bottom: .3125rem
}

.control--adjacent {
    display: block;
    width: 100%;
    margin-bottom: .3125rem
}

.control-group {
    margin-bottom: .625rem
}

.control-group--block .select-replace, .control-group--block input, .control-group--block select {
    display: block
}

.control-optional {
    color: #999;
    font-family: DIN2014-Regular,Arial,sans-serif;
    text-transform: none
}

.controls .control-optional {
    display: none
}

@media (min-width:48em) {
    .control--adjacent {
        float: left;
        width: auto
    }

        .control--adjacent .control__label, .control--adjacent .controls {
            float: left;
            width: auto;
            margin-right: .625rem
        }

    .controls .control-optional {
        display: inline
    }
}

.controls .control-optional .btn {
    float: left
}

.form-actions .btn {
    margin-bottom: .3125rem
}

.select-replace.input-validation-error, .select-replace.input-validation-error-replace, .select-replace.input-validation-error-replace:focus, .select-replace.input-validation-error-replace:hover, .select-replace.input-validation-error:focus, .select-replace.input-validation-error:hover, input.input-validation-error, input.input-validation-error-replace, input.input-validation-error-replace:focus, input.input-validation-error-replace:hover, input.input-validation-error:focus, input.input-validation-error:hover, textarea.input-validation-error, textarea.input-validation-error-replace, textarea.input-validation-error-replace:focus, textarea.input-validation-error-replace:hover, textarea.input-validation-error:focus, textarea.input-validation-error:hover {
    border: .125rem solid #cd192d;
    color: #cd192d
}

.input-validation-error + .checkbox--replace, .input-validation-error + .radio--replace, .input-validation-error:focus + .checkbox--replace, .input-validation-error:focus + .radio--replace, .input-validation-error:hover + .checkbox--replace, .input-validation-error:hover + .radio--replace {
    border-color: #cd192d
}

.input-validation-error:checked + .checkbox--replace {
    border-color: #000
}

.field-validation-valid {
    display: none
}

.field-validation-error, .validation-summary-errors {
    color: #000;
    display: block;
    max-width: 18.75rem;
    clear: both;
    font-size: .9375rem;
    padding: .8125rem .9375rem;
    background: #DFDFDF;
    position: relative;
    margin-top: .625rem;
    line-height: 1.3125rem
}

    .field-validation-error:before, .validation-summary-errors:before {
        content: "";
        width: .625rem;
        height: .625rem;
        background: #DFDFDF;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: -.3125rem;
        left: .625rem
    }

.visually-hidden {
    position: absolute !important;
    width: .0625rem;
    height: .0625rem;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

    .visually-hidden.focusable:active, .visually-hidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

#skiptocontent a {
    padding: .3125rem 1.25rem;
    position: absolute;
    top: -2.5rem;
    left: 0;
    color: #fff;
    background: 0 0;
    transition: top 1s ease-out,background 1s linear;
    z-index: 100
}

    #skiptocontent a:focus {
        position: absolute;
        left: 0;
        top: 0;
        background: #002c57;
        outline: 0;
        transition: top 1s ease-in,background .5s linear
    }

@media (min-width:48em) {
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .slow, .slower {
        -webkit-animation-fill-mode: both
    }

    .slow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        animation-fill-mode: both
    }

    .slower {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        animation-fill-mode: both
    }

    .slowest {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .delay-50 {
        -webkit-animation-delay: 50ms;
        animation-delay: 50ms
    }

    .delay-100 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .delay-150 {
        -webkit-animation-delay: 150ms;
        animation-delay: 150ms
    }

    .delay-200 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .delay-250 {
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms
    }

    .delay-500 {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .delay-750 {
        -webkit-animation-delay: 750ms;
        animation-delay: 750ms
    }

    .delay-1000 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .delay-1250 {
        -webkit-animation-delay: 1.25s;
        animation-delay: 1.25s
    }

    .delay-1500 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s
    }

    .delay-1750 {
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s
    }

    .delay-2000 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .delay-2500 {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s
    }

    .delay-3000 {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .delay-3500 {
        -webkit-animation-delay: 3.5s;
        animation-delay: 3.5s
    }

    .slideInDown, .slideInLeft, .slideInRight, .slideInUp {
        opacity: 0;
        -webkit-transform: translateX(25rem);
        -ms-transform: translateX(25rem);
        transform: translateX(25rem)
    }

    .sc-page-editor .slideInDown, .sc-page-editor .slideInLeft, .sc-page-editor .slideInRight, .sc-page-editor .slideInUp {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .fadeInDown, .fadeInLeft, .fadeInRight, .fadeInUp {
        opacity: 0;
        -webkit-transform: translateX(25rem);
        -ms-transform: translateX(25rem);
        transform: translateX(25rem)
    }

    .sc-page-editor .fadeInDown, .sc-page-editor .fadeInLeft, .sc-page-editor .fadeInRight, .sc-page-editor .fadeInUp {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .slideInRight.animate-active {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(6.25rem);
        transform: translateX(6.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(6.25rem);
        transform: translateX(6.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25rem)
    }

    60% {
        -webkit-transform: translateX(1.875rem)
    }

    80% {
        -webkit-transform: translateX(-.625rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-6.25rem);
        transform: translateX(-6.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }

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

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }

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

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem)
    }

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

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem)
    }

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

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

    100% {
        opacity: 1;
        display: block
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@media (min-width:48em) {
    .slideInLeft.animate-active {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }

    .slideInUp.animate-active {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }

    .slideInDown.animate-active {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }

    .fadeIn {
        opacity: 0
    }

    .sc-page-editor .fadeIn {
        opacity: 1
    }

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        display: block
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        display: block
    }

    100% {
        opacity: 0
    }
}

@media (min-width:48em) {
    .fadeOut {
        opacity: 1
    }

        .fadeOut.animate-active {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }
}

@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(.2);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes growIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media (min-width:48em) {
    .growIn {
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }

        .growIn.animate-active {
            -webkit-animation-name: growIn;
            animation-name: growIn
        }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25rem)
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25rem);
        transform: translateX(-25rem)
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (min-width:48em) {
    .fadeInLeft {
        opacity: 0;
        -webkit-transform: translateX(-25rem);
        -ms-transform: translateX(-25rem);
        transform: translateX(-25rem)
    }

        .fadeInLeft.animate-active {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft
        }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25rem)
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25rem);
        transform: translateX(25rem)
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (min-width:48em) {
    .fadeInRight {
        opacity: 0;
        -webkit-transform: translateX(25rem);
        -ms-transform: translateX(25rem);
        transform: translateX(25rem)
    }

        .fadeInRight.animate-active {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight
        }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: .4;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }

    50% {
        opacity: .8
    }

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

@keyframes fadeInUp {
    0% {
        opacity: .4;
        -webkit-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }

    50% {
        opacity: .8
    }

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

@media (min-width:48em) {
    .fadeInUp {
        opacity: .4;
        -webkit-transform: translateY(2.5rem);
        -ms-transform: translateY(2.5rem);
        transform: translateY(2.5rem)
    }

        .fadeInUp.animate-active {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp
        }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-25rem);
        -webkit-transform: translateY(-25rem);
        transform: translateY(-25rem)
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-25rem);
        -webkit-transform: translateY(-25rem);
        transform: translateY(-25rem)
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:48em) {
    .fadeInDown {
        opacity: 0;
        -ms-transform: translateY(-25rem);
        -webkit-transform: translateY(-25rem);
        transform: translateY(-25rem)
    }

        .fadeInDown.animate-active {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown
        }
}

@-webkit-keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1.25rem)
    }

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

@keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1.25rem);
        transform: translateY(1.25rem)
    }

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

@media (min-width:48em) {
    .fadeInUpShort {
        opacity: 0;
        -webkit-transform: translateY(1.25rem);
        -ms-transform: translateY(1.25rem);
        transform: translateY(1.25rem)
    }

        .fadeInUpShort.animate-active {
            -webkit-animation-name: fadeInUpShort;
            animation-name: fadeInUpShort
        }
}

@-webkit-keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem)
    }

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

@keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem)
    }

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

@media (min-width:48em) {
    .fadeInDownShort {
        opacity: 0;
        -webkit-transform: translateY(-1.25rem);
        -ms-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem)
    }

        .fadeInDownShort.animate-active {
            -webkit-animation-name: fadeInDownShort;
            animation-name: fadeInDownShort
        }
}

@-webkit-keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1.25rem);
        transform: translateX(1.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (min-width:48em) {
    .fadeInRightShort {
        opacity: 0;
        -webkit-transform: translateX(1.25rem);
        -ms-transform: translateX(1.25rem);
        transform: translateX(1.25rem)
    }

        .fadeInRightShort.animate-active {
            -webkit-animation-name: fadeInRightShort;
            animation-name: fadeInRightShort
        }
}

@-webkit-keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1.25rem);
        transform: translateX(-1.25rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (min-width:48em) {
    .fadeInLeftShort {
        opacity: 0;
        -webkit-transform: translateX(-1.25rem);
        -ms-transform: translateX(-1.25rem);
        transform: translateX(-1.25rem)
    }

        .fadeInLeftShort.animate-active {
            -webkit-animation-name: fadeInLeftShort;
            animation-name: fadeInLeftShort
        }

    .animate-in {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: 650ms;
        animation-delay: 650ms
    }

    .animate-out {
        -webkit-animation-duration: 750ms;
        animation-duration: 750ms;
        -webkit-animation-delay: 750ms;
        animation-delay: 750ms
    }
}

.btn--icon i, .styleguide-colours .styleguide-colours__inner {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

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

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

.btn {
    background: #cd192d;
    border: .125rem solid #cd192d;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: DIN2014-Demi;
    font-size: 1.0625rem;
    font-weight: inherit;
    line-height: 2.375rem;
    margin-bottom: 0;
    min-height: 2.375rem;
    height: 2.375rem;
    padding: 0 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    border-radius: 0;
    transition: background 250ms,border-color 250ms
}

.list--unstyled li::before, .pill-switch__toggle {
    display: none
}

.edge .btn, .ie10 .btn, .ie11 .btn, .ios .btn, .win .btn {
    line-height: 2.1875rem
}

@media (min-width:85.375em) {
    .btn {
        min-height: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem
    }

    .edge .btn, .ie10 .btn, .ie11 .btn, .ios .btn, .win .btn {
        line-height: 2.1875rem
    }
}

@media (min-width:102.6875em) {
    .btn {
        min-height: 3rem;
        height: 3rem;
        line-height: 3rem
    }

    .edge .btn, .ie10 .btn, .ie11 .btn, .ios .btn, .win .btn {
        line-height: 2.6875rem
    }
}

.btn:focus, .btn:hover {
    background: #8F111F;
    border-color: #8F111F;
    box-shadow: none;
    outline-color: #8F111F
}

.btn.active, .btn:active {
    box-shadow: none;
    outline: 0
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .65;
    box-shadow: none;
    cursor: default;
    pointer-events: none
}

.btn--icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    transform: translate(-50%,-50%);
    transition: all 250ms cubic-bezier(.4,0,1,1)
}

.btn--icon::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: 0 0 0 .125rem #8F111F;
    transition: opacity .2s,-webkit-transform .2s;
    transition: transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s,-webkit-transform .2s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    box-sizing: content-box
}

.btn--icon-large {
    font-size: 1rem;
    width: 4.6875rem;
    height: 4.6875rem;
    padding: 0;
    line-height: 3.75rem;
    border-radius: 50%
}

@media (min-width:85.375em) {
    .btn--icon::after {
        box-shadow: 0 0 0 .25rem #8F111F
    }

    .btn--icon-large {
        font-size: 1.25rem;
        width: 6.25rem;
        height: 6.25rem;
        padding: 0;
        line-height: 6.25rem
    }
}

.btn--type-a {
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
    line-height: 3.75rem;
    border-radius: 50%
}

@media (min-width:85.375em) {
    .btn--type-a {
        font-size: 1.25rem;
        width: 6.25rem;
        height: 6.25rem;
        padding: 0;
        line-height: 6.25rem
    }
}

.btn--icon-small {
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
    line-height: 3.125rem;
    border-radius: 50%
}

@media (min-width:85.375em) {
    .btn--icon-small {
        font-size: 1.25rem;
        width: 3.75rem;
        height: 3.75rem;
        padding: 0;
        line-height: 3.75rem
    }
}

@media (min-width:48em) {
    .no-touch .btn--icon:hover::after {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 1
    }

    .no-touch .btn--icon-small:hover .icon--hover {
        font-size: 1rem
    }
}

@media (min-width:48em) and (min-width:85.375em) {
    .no-touch .btn--icon-small:hover .icon--hover {
        font-size: 1.25rem
    }
}

.icon--hover {
    font-size: 0
}

.btn--style-a {
    background-color: #000;
    border-color: #000;
    color: #fff
}

@media (min-width:48em) {
    .no-touch .btn--icon-small:hover .icon--show {
        font-size: 0
    }

    .btn--style-a:focus, .btn--style-a:hover {
        background: #505050;
        border-color: #505050;
        outline-color: #505050
    }
}

.btn--style-a::after {
    box-shadow: 0 0 0 .125rem #505050
}

@media (min-width:85.375em) {
    .btn--style-a::after {
        box-shadow: 0 0 0 .25rem #505050
    }
}

.btn--style-b {
    background-color: #0062c8;
    border-color: #0062c8;
    color: #fff
}

@media (min-width:48em) {
    .btn--style-b:focus, .btn--style-b:hover {
        background: #00448B;
        border-color: #00448B;
        outline-color: #00448B
    }
}

.btn--style-b::after {
    box-shadow: 0 0 0 .125rem #00448B
}

@media (min-width:85.375em) {
    .btn--style-b::after {
        box-shadow: 0 0 0 .25rem #00448B
    }
}

.btn--style-c {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

@media (min-width:48em) {
    .btn--style-c:focus, .btn--style-c:hover {
        background: #a7a9ac;
        border-color: #a7a9ac;
        outline-color: #a7a9ac
    }

    .btn--style-d:focus, .btn--style-d:hover {
        background: #fff;
        border-color: #fff;
        outline-color: #fff
    }
}

.btn--style-c::after {
    box-shadow: 0 0 0 .125rem #a7a9ac
}

@media (min-width:85.375em) {
    .btn--style-c::after {
        box-shadow: 0 0 0 .25rem #a7a9ac
    }
}

.btn--style-d {
    background-color: #fff;
    border-color: #fff;
    color: #cd192d
}

    .btn--style-d::after {
        box-shadow: 0 0 0 .125rem #fff
    }

@media (min-width:85.375em) {
    .btn--style-d::after {
        box-shadow: 0 0 0 .25rem #fff
    }
}

.btn--style-e {
    background-color: #cd192d;
    border-color: #cd192d;
    color: #fff
}

@media (min-width:48em) {
    .btn--style-e:focus, .btn--style-e:hover {
        background: #cd192d;
        border-color: #cd192d;
        outline-color: #cd192d
    }
}

.btn--style-e::after {
    box-shadow: 0 0 0 .125rem #cd192d
}

@media (min-width:85.375em) {
    .btn--style-e::after {
        box-shadow: 0 0 0 .25rem #cd192d
    }
}

.btn--style-e.disabled, .btn--style-e[disabled], fieldset[disabled] .btn--style-e {
    opacity: 1;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
    background: #F4F4F4;
    border-color: #F4F4F4;
    outline-color: #F4F4F4;
    color: #a7a9ac
}

@font-face {
    font-family: DIN2014-Bold;
    src: url(../_styles/fonts/din2014/354cb7_0_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_0_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_0_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_0_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_0_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-ExtraLight;
    src: url(../_styles/fonts/din2014/354cb7_1_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_1_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_1_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_1_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_1_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-ExtraLightItalic;
    src: url(../_styles/fonts/din2014/354cb7_2_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_2_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_2_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_2_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_2_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-Light;
    src: url(../_styles/fonts/din2014/354cb7_3_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_3_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_3_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_3_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_3_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-LightItalic;
    src: url(../_styles/fonts/din2014/354cb7_4_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_4_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_4_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_4_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_4_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-Regular;
    src: url(../_styles/fonts/din2014/354cb7_5_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_5_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_5_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_5_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_5_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-Italic;
    src: url(../_styles/fonts/din2014/354cb7_6_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_6_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_6_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_6_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_6_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-Demi;
    src: url(../_styles/fonts/din2014/354cb7_7_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_7_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_7_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_7_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_7_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-DemiItalic;
    src: url(../_styles/fonts/din2014/354cb7_8_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_8_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_8_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_8_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_8_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-ExtraBold;
    src: url(../_styles/fonts/din2014/354cb7_9_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_9_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_9_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_9_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_9_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-BoldItalic;
    src: url(../_styles/fonts/din2014/354cb7_a_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_a_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_a_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_a_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_a_0.ttf) format("truetype")
}

@font-face {
    font-family: DIN2014-ExtraBoldItalic;
    src: url(../_styles/fonts/din2014/354cb7_b_0.eot);
    src: url(../_styles/fonts/din2014/354cb7_b_0.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/din2014/354cb7_b_0.woff2) format("woff2"),url(../_styles/fonts/din2014/354cb7_b_0.woff) format("woff"),url(../_styles/fonts/din2014/354cb7_b_0.ttf) format("truetype")
}

@font-face {
    font-family: triumph;
    src: url(../_styles/fonts/triumph.eot);
    src: url(../_styles/fonts/triumph.eot?#iefix) format("embedded-opentype"),url(../_styles/fonts/triumph.ttf) format("truetype"),url(../_styles/fonts/triumph.woff) format("woff"),url(../_styles/fonts/triumph.svg#@{icon-font}) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: triumph;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

    .icon b {
        border: 0;
        clip: rect(0 0 0 0);
        height: .0625rem;
        margin: -.0625rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: .0625rem
    }

        .icon b.focusable:active, .icon b.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

ol, ul {
    margin: .625rem 0
}

.pill-switch__btn, .pill-switch__tray {
    overflow: hidden;
    height: 3rem;
    border-radius: 6.25rem
}

.icon--ftr:before {
    content: "\e924"
}

.icon--arrow-handle:before {
    content: "\e923"
}

.icon--home:before {
    content: "\e922"
}

.icon--arrow-head-left:before {
    content: "\e919"
}

.icon--arrow-head-up:before {
    content: "\e91a"
}

.icon--arrow-head-right:before {
    content: "\e91b"
}

.icon--arrow-head-down:before {
    content: "\e91c"
}

.icon--minus:before {
    content: "\e916"
}

.icon--plus:before {
    content: "\e917"
}

.icon--search:before {
    content: "\e918"
}

.icon--checkmark-a:before {
    content: "\e914"
}

.icon--cross-a:before {
    content: "\e915"
}

.icon--mail:before {
    content: "\e910"
}

.icon--twitter:before {
    content: "\e911"
}

.icon--youtube:before {
    content: "\e912"
}

.icon--facebook:before {
    content: "\e913"
}

.icon--arrow-left-a:before {
    content: "\e90e"
}

.icon--arrow-right-a:before {
    content: "\e90f"
}

.icon--location:before {
    content: "\e90b"
}

.icon--chevron-left-round:before {
    content: "\e90c"
}

.icon--chevron-up-round:before {
    content: "\e91d"
}

.icon--chevron-right-round:before {
    content: "\e91e"
}

.icon--chevron-down-round:before {
    content: "\e91f"
}

.icon--checkmark:before {
    content: "\e90d"
}

.icon--chevron-down:before {
    content: "\e907"
}

.icon--chevron-left:before {
    content: "\e908"
}

.icon--chevron-up:before {
    content: "\e909"
}

.icon--chevron-right:before {
    content: "\e90a"
}

.icon--back:before {
    content: "\e900"
}

.icon--down:before {
    content: "\e920"
}

.icon--up:before {
    content: "\e921"
}

.icon--forward:before {
    content: "\e901"
}

.icon--arrow-down:before {
    content: "\e902"
}

.icon--arrow-up:before {
    content: "\e903"
}

.icon--arrow-left:before {
    content: "\e904"
}

.icon--arrow-right:before {
    content: "\e905"
}

.icon--play:before {
    content: "\e906"
}

.icon--share:before {
    content: "\ea82"
}

.icon--google-plus:before {
    content: "\ea8b"
}

.icon--instagram:before {
    content: "\ea92"
}

.icon--whatsapp:before {
    content: "\ea93"
}

.icon--renren:before {
    content: "\ea99"
}

.icon--weibo:before {
    content: "\ea9a"
}

.icon--vimeo:before {
    content: "\eaa0"
}

.icon--flickr:before {
    content: "\eaa4"
}

.icon--skype:before {
    content: "\eac5"
}

.bb-icon {
    font-family: bb-icon !important
}

ul {
    padding-left: 0;
    list-style: none
}

    ul li {
        padding-left: 1.25rem;
        font-size: .9375rem;
        position: relative
    }

@media (min-width:48em) {
    ul li {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (min-width:85.375em) {
    ul li {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

ul li::before {
    position: absolute;
    content: "\25CF";
    left: 0;
    top: 0;
    color: #cd192d
}

ol {
    padding-left: 1.875rem
}

    ol li {
        font-size: .9375rem;
        position: relative
    }

@media (min-width:48em) {
    ol li {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.list--unstyled {
    list-style: none;
    margin: 0;
    padding: 0
}

    .list--unstyled li {
        padding-left: 0
    }

@media (min-width:85.375em) {
    ol li {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }

    .list--unstyled li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

.list--unstyled li li {
    padding-left: 1.25rem
}

.pill-switch.pill-switch--inactive {
    opacity: .5
}

.pill-switch__select-box {
    text-align: center;
    display: block
}

@media (min-width:48em) {
    .list--unstyled li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }

    .pill-switch__toggle {
        display: block
    }

    .pill-switch__select-box {
        display: none
    }
}

.pill-switch__tray {
    position: relative;
    display: inline-block;
    background: #F4F4F4
}

.pill-switch__btn {
    color: #000;
    font-family: DIN2014-Demi;
    font-size: 1.0625rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    position: relative;
    float: left;
    transition: color .2s ease-in-out;
    z-index: 2
}

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

.pill-switch__btn:not(.btn) {
    color: #000
}

    .pill-switch__btn:not(.btn):hover {
        color: #000;
        text-decoration: none
    }

.pill-switch__btn span {
    position: relative;
    z-index: 2;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 0 1.25rem;
    margin-top: 1.0625rem
}

.no-macos .pill-switch__btn span {
    margin-top: .9375rem
}

.pill-switch__btn.pill-switch__btn--active:not(.btn) {
    color: #fff
}

.pill-switch__pill {
    position: absolute;
    border-radius: 6.25rem;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    background: #000;
    z-index: 1
}

.rtf-table, table {
    margin: 1rem 0;
    width: 100%
}

.rtf-table {
    overflow-y: hidden
}

    .rtf-table table {
        max-width: 100%;
        margin: 0
    }

        .rtf-table table td, .rtf-table table th {
            padding: 0 0 .3125rem;
            text-align: left;
            vertical-align: top;
            font-size: .9375rem;
            line-height: 1.25rem;
            font-weight: inherit;
            min-width: 11.875rem
        }

.data-table {
    position: relative;
    text-align: left
}

    .data-table table {
        margin: 0;
        min-width: 43.75rem
    }

.data-table--style-a.data-table table {
    min-width: 0
}

.data-table caption, .data-table thead {
    border: 0;
    clip: rect(0 0 0 0);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem
}

    .data-table caption.focusable:active, .data-table caption.focusable:focus, .data-table thead.focusable:active, .data-table thead.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.data-table tbody td, .data-table tbody th {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.data-table tbody th {
    font-weight: 400;
    color: #505050;
    background-color: #F4F4F4;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    border-top: solid .0625rem #DFDFDF;
    border-left: solid .0625rem #DFDFDF;
    width: 20%;
    vertical-align: top;
    text-align: left;
    font-size: .75rem;
    line-height: .9375rem
}

.data-table--style-a.data-table tbody th {
    width: 75%
}

@media (min-width:48em) {
    .data-table--style-a.data-table tbody th {
        width: 50%
    }
}

@media (min-width:85.375em) {
    .data-table--style-a.data-table tbody th {
        width: 33.333%
    }
}

@media (min-width:30em) {
    .data-table tbody td, .data-table tbody th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .data-table tbody th {
        font-size: .875rem;
        line-height: 1.125rem
    }
}

.data-table tbody th.data-table__row-header {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 400;
    border-top: none;
    border-left: none;
    max-width: calc(100vw - 1.875rem)
}

.data-table tbody td {
    border-top: solid .0625rem #DFDFDF;
    border-right: solid .0625rem #DFDFDF;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: .9375rem;
    line-height: 1.25rem
}

.data-table--style-a.data-table tbody td {
    width: 25%;
    text-align: center
}

@media (min-width:48em) {
    .data-table--style-a.data-table tbody td {
        width: 50%
    }

    .data-table tbody td {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (min-width:120em) {
    .data-table tbody td {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

@media (max-width:1365px) {
    .data-table tbody td[data-col-id=colB] {
        display: none !important
    }
}

.data-table tbody tr:nth-child(2) > td, .data-table tbody tr:nth-child(2) > th {
    border-top: none
}

.data-table tbody tr:last-child > td, .data-table tbody tr:last-child > th {
    border-bottom: solid .0625rem #DFDFDF
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    font-weight: inherit
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none
    }

.title--style-a-large {
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: DIN2014-Bold;
    letter-spacing: auto
}

@media (min-width:48em) {
    .title--style-a-large {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

@media (min-width:85.375em) {
    .data-table--style-a.data-table tbody td {
        width: 33.333%
    }

    .title--style-a-large {
        font-size: 7.5rem;
        line-height: 8.125rem
    }
}

@media (min-width:120em) {
    .title--style-a-large {
        font-size: 11.25rem;
        line-height: 11.875rem
    }
}

.giga, .title--style-a, h1 {
    font-size: 2.25rem;
    line-height: 2.625rem;
    letter-spacing: .0625rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .giga, .title--style-a, h1 {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

@media (min-width:85.375em) {
    .giga, .title--style-a, h1 {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

@media (min-width:120em) {
    .giga, .title--style-a, h1 {
        font-size: 6.25rem;
        line-height: 6.875rem
    }
}

.mega, .step-carousel__title, .title--style-b, h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .mega, .step-carousel__title, .title--style-b, h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (min-width:85.375em) {
    .mega, .step-carousel__title, .title--style-b, h2 {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

@media (min-width:120em) {
    .mega, .step-carousel__title, .title--style-b, h2 {
        font-size: 3.125rem;
        line-height: 3.75rem;
        letter-spacing: .0625rem
    }
}

.title--style-b1 {
    font-family: DIN2014-Regular
}

.alpha, .title--style-c, h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .alpha, .title--style-c, h3 {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

@media (min-width:85.375em) {
    .alpha, .title--style-c, h3 {
        font-size: 1.5625rem;
        line-height: 2rem;
        letter-spacing: .0625rem
    }
}

@media (min-width:120em) {
    .alpha, .title--style-c, h3 {
        font-size: 2.1875rem;
        line-height: 2.625rem
    }
}

.beta, .title--style-d, h4 {
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Regular
}

@media (min-width:85.375em) {
    .beta, .title--style-d, h4 {
        font-size: 1.375rem;
        line-height: 1.75rem;
        letter-spacing: .0625rem
    }
}

@media (min-width:120em) {
    .beta, .title--style-d, h4 {
        font-size: 1.875rem;
        line-height: 2.375rem
    }
}

.gamma, .title--style-e, h5 {
    font-size: 1rem;
    font-family: DIN2014-Regular;
    line-height: .9375rem;
    margin-bottom: .625rem
}

strong {
    font-family: DIN2014-Bold
}

em {
    font-family: DIN2014-Italic
}

.title--underline span, .title--underline-a span, .title--underline-b span, .title--underline-c span {
    display: block;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: .03125rem;
    line-height: 1.25rem;
    font-family: DIN2014-Regular;
    padding: 0 1.25rem
}

@media (min-width:48em) {
    .title--underline span, .title--underline-a span, .title--underline-b span, .title--underline-c span {
        padding: 0;
        font-size: .875rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

.title--underline b, .title--underline-a b, .title--underline-b b, .title--underline-c b {
    position: relative;
    display: block;
    padding: 0 1.25rem .625rem
}

    .title--underline-a b::before, .title--underline-a::after, .title--underline-a::before {
        background: #0062c8
    }

    .title--underline-b b::before, .title--underline-b::after, .title--underline-b::before {
        background: #cd192d
    }

    .title--underline-c b::before, .title--underline-c::after, .title--underline-c::before {
        background: #fff
    }

p {
    margin-top: 0;
    font-size: .9375rem;
    line-height: 1.25rem;
    letter-spacing: .03125rem
}

@media (min-width:48em) {
    .title--underline b, .title--underline-a b, .title--underline-b b, .title--underline-c b {
        display: inline-block;
        padding: 0 0 .625rem
    }

        .title--underline b::before, .title--underline-a b::before, .title--underline-b b::before, .title--underline-c b::before {
            position: absolute;
            display: block;
            content: "";
            left: 0;
            right: 0;
            bottom: 0;
            height: .1875rem
        }

    p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (min-width:85.375em) {
    p {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

@media (min-width:120em) {
    p {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

a:not(.btn) {
    color: #cd192d;
    text-decoration: none;
    transition: all .3s ease
}

    a:not(.btn):hover {
        color: #a11d2c;
        text-decoration: underline
    }

.feature-block__content-primary p, .font-size-a, .media-hero__description {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    letter-spacing: .03125rem
}

@media (min-width:48em) {
    .feature-block__content-primary p, .font-size-a, .media-hero__description {
        font-size: 1.0625rem;
        line-height: 1.4375rem
    }
}

@media (min-width:85.375em) {
    .feature-block__content-primary p, .font-size-a, .media-hero__description {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

@media (min-width:120em) {
    .feature-block__content-primary p, .font-size-a, .media-hero__description {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.font-size-b {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .03125rem
}

@media (min-width:48em) {
    .font-size-b {
        font-size: .875rem;
        line-height: 1.375rem
    }
}

@media (min-width:85.375em) {
    .font-size-b {
        font-size: .9375rem;
        line-height: 1.375rem
    }
}

@media (min-width:120em) {
    .font-size-b {
        font-size: .9375rem;
        line-height: 1.375rem
    }

    .font-size-c {
        font-size: .75rem;
        line-height: .9375rem
    }
}

.font-size-c {
    font-size: .75rem;
    line-height: .9375rem;
    letter-spacing: .0625rem
}

@media (min-width:48em) {
    .font-size-c {
        font-size: .75rem;
        line-height: .9375rem
    }
}

@media (min-width:85.375em) {
    .font-size-c {
        font-size: .75rem;
        line-height: .9375rem
    }
}

.header--stylesheet {
    border-bottom: .0625rem solid #CCC;
    color: #bbb;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
    padding-top: 1.875rem;
    padding-bottom: .625rem;
    padding-left: 1.25rem;
    text-align: left;
    position: relative;
    float: left;
    clear: both;
    width: 100%
}

    .header--stylesheet:after, .header--stylesheet:before {
        display: table;
        content: ""
    }

    .header--stylesheet:after {
        clear: both
    }

    .header--stylesheet:first-child {
        padding-top: 0
    }

.styleguide-colours {
    height: 9.375rem;
    position: relative;
    padding: 0 .625rem;
    color: #D6D6D6;
    text-align: center;
    font-size: .75rem
}

.section-block--style-a .styleguide-colours {
    border: .0625rem solid #000
}

.section-block--style-b .styleguide-colours, .section-block--style-c .styleguide-colours, .section-block--style-d .styleguide-colours {
    border: .0625rem solid #2a2a2a
}

.section-block--angle-top.section-block--style-a::before, .section-block--angle-top::before {
    border-color: transparent transparent #2a2a2a
}

.styleguide-colours span {
    display: block;
    font-size: 1rem
}

.styleguide-colours .styleguide-colours__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.section-block--angle-top::before {
    content: "";
    border-style: solid;
    border-width: 0 102vw 2.5rem 0;
    top: -2.4375rem;
    left: 0;
    position: absolute;
    height: 0;
    width: 0;
    z-index: 5
}

.block, .page {
    width: 100%;
    position: relative
}

@media (min-width:48em) {
    .section-block--angle-top::before {
        border-width: 0 101vw 6.25rem 0;
        top: -6.25rem
    }
}

@media (min-width:85.375em) {
    .section-block--angle-top::before {
        border-width: 0 101vw 9.375rem 0;
        top: -9.375rem
    }
}

.section-block--angle-top.section-block--style-b::before {
    border-color: transparent transparent #000
}

.section-block--angle-top.section-block--style-c::before {
    border-color: transparent transparent #fff
}

.section-block--angle-top.section-block--style-d::before {
    border-color: transparent transparent #F6eede
}

.main {
    overflow: hidden;
    position: relative;
    z-index: 3;
    min-height: 100vh;
    display: block
}

    .layout:after, .layout:before, .main:after, .main:before, .search-form__container:after, .search-form__container:before, .step-carousel__heading:after, .step-carousel__heading:before {
        display: table;
        content: ""
    }

    .main:after {
        clear: both
    }

.bb-component-page .main {
    padding-top: 0 !important
}

.page {
    clear: both;
    background-color: #fff;
    margin-top: 3.75rem;
    opacity: 0
}

.header-init .page {
    transition: opacity 330ms linear,margin 330ms linear;
    opacity: 1
}

.ie11 .page {
    overflow-x: hidden;
    overflow-y: hidden
}

.layout, .search-form__container, .step-carousel__heading {
    position: relative;
    margin: 0 .9375rem;
    max-width: 96.25rem
}

    .layout:after, .search-form__container:after, .step-carousel__heading:after {
        clear: both
    }

@media (min-width:48em) {
    .layout, .search-form__container, .step-carousel__heading {
        margin: 0 2.125rem
    }

    .region {
        position: relative;
        float: left
    }
}

@media (min-width:85.375em) {
    .layout, .search-form__container, .step-carousel__heading {
        margin: 0 3.3125rem
    }
}

@media (min-width:102.6875em) {
    .layout, .search-form__container, .step-carousel__heading {
        margin: 0 auto
    }
}

@media (min-width:120em) {
    .section-block--angle-top::before {
        border-width: 0 101vw 12.5rem 0;
        top: -12.5rem
    }

    .layout, .search-form__container, .step-carousel__heading {
        margin: 0 auto
    }
}

.masonry {
    overflow: hidden;
    clear: both
}

@media (min-width:48em) {
    .rtl .region {
        float: right
    }

    .js .masonry .block {
        margin-bottom: 0 !important
    }
}

.region-inner {
    position: relative
}

.block {
    float: left;
    max-width: 100%;
    z-index: 2
}

.rtl .block {
    float: right
}

.block img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.block.block--last + .block {
    clear: both
}

.js .masonry .block {
    margin-right: 0 !important
}

.region--a .block--single, .region--b .block--single, .region--c .block--single {
    margin-bottom: 0
}

.block-sizer, .gutter-sizer {
    float: left;
    max-width: 100%
}

.block-last-clear {
    clear: both
}

@media (min-width:37.5em) {
    .region--a {
        position: relative;
        float: left;
        width: 100%
    }

        .region--a .region-inner {
            position: relative;
            width: 101.2987%
        }

        .region--a .block {
            margin-right: 1.28205%
        }

    .rtl .region--a .block {
        margin-right: 0;
        margin-left: 1.28205%
    }

    .region--a .gutter-sizer {
        width: 1.28205%
    }
}

@media (max-width:599px) {
    .region--a .block--single {
        width: 3.4482759%;
        margin-right: 0
    }

        .region--a .block--single:nth-child(4n) {
            margin-right: 3.4482759%
        }

        .region--a .block--single:last-child {
            margin-right: 0
        }
}

@media (min-width:37.5em) {
    .region--a .block--single {
        width: 2.88462%
    }

    .region--a .block--size-a {
        width: 98.71795%
    }
}

@media (min-width:48em) {
    .region--a .block--size-b {
        width: 65.38462%
    }

    .region--a .block--size-c {
        width: 32.05128%
    }
}

@media (min-width:64em) {
    .region--a .block--size-d {
        width: 44.55128%
    }
}

@media (min-width:37.5em) {
    .region--a .block--size-e {
        width: 98.71795%
    }
}

@media (min-width:85.375em) {
    .region--a .block--size-e {
        width: 86.21795%
    }
}

@media (min-width:48em) {
    .region--a .block--size-f {
        width: 98.71795%
    }
}

@media (min-width:75em) {
    .region--a .block--size-f {
        width: 65.38462%
    }
}

@media (min-width:85.375em) {
    .region--a .block--size-f {
        width: 57.05128%
    }
}

@media (min-width:37.5em) {
    .region--a .block--size-g {
        width: 48.71795%
    }
}

@media (min-width:48em) {
    .region--a .block--size-g {
        width: 32.05128%
    }
}

@media (min-width:64em) {
    .region--a .block--size-g {
        width: 23.71795%
    }
}

@media (min-width:48em) {
    .region--a .block--size-h {
        width: 11.21795%
    }
}

@media (min-width:37.5em) {
    .region--a .block--size-i {
        width: 98.71795%
    }
}

@media (min-width:64em) {
    .region--a .block--size-i {
        width: 23.71795%
    }
}

@media (min-width:37.5em) {
    .region--a .block--size-j {
        width: 98.71795%
    }
}

@media (min-width:48em) {
    .region--a .block--size-j {
        width: 65.38462%
    }
}

@media (min-width:64em) {
    .region--a .block--size-j {
        width: 73.71795%
    }
}

@media (min-width:37.5em) {
    .region--a .block--size-k {
        width: 48.71795%
    }
}

@media (min-width:64em) {
    .region--a .block--size-k {
        width: 36.21795%
    }

    .region--a .block--size-m {
        width: 90.38462%
    }
}

@media (min-width:37.5em) {
    .region--a .block--size-n {
        width: 48.71795%
    }
}

@media (min-width:64em) {
    .region--a .block--size-n {
        width: 40.38462%
    }

    .region--a .block--size-o {
        width: 48.71795%
    }

    .region--a .block--size-p {
        width: 73.71795%;
        margin-left: 12.5%;
        margin-right: 12.5%
    }

    .region--a .block--m-offset-one {
        margin-left: 4.16667%
    }
}

@media (min-width:85.375em) {
    .region--a .block--l-offset-one {
        margin-left: 4.16667%
    }

    .region--a .block--l-offset-two {
        margin-left: 7.05128%
    }
}

@media (min-width:48em) and (max-width:1365px) {
    .region--a .block--m-offset-two {
        margin-left: 7.05128%
    }
}

@media (min-width:75em) {
    .region--a .block--m-offset-four {
        margin-left: 16.66667%
    }
}

@media (min-width:48em) and (max-width:1365px) {
    .region--a .block--m-offset-three {
        margin-left: 8.33333%
    }
}

@media (min-width:85.375em) {
    .region--a .block--l-offset-three {
        margin-left: 8.33333%
    }

    .region--a .block--l-offset-five {
        margin-left: 20.83333%
    }
}

@media (min-width:48em) {
    .region--b {
        position: relative;
        float: left;
        width: 66.23377%
    }

        .region--b .region-inner {
            position: relative;
            width: 101.96078%
        }

        .region--b .block {
            margin-right: 1.92308%
        }

    .rtl .region--b .block {
        margin-right: 0;
        margin-left: 1.92308%
    }

    .region--b .gutter-sizer {
        width: 1.92308%
    }
}

@media (max-width:599px) {
    .region--b .block--single {
        width: 3.4482759%;
        margin-right: 0
    }

        .region--b .block--single:nth-child(4n) {
            margin-right: 3.4482759%
        }

        .region--b .block--single:last-child {
            margin-right: 0
        }
}

@media (min-width:37.5em) {
    .region--b .block--single {
        width: 4.32692%
    }

    .region--b .block--size-a {
        width: 148.07692%
    }
}

@media (min-width:48em) {
    .region--b .block--size-b {
        width: 98.07692%
    }

    .region--b .block--size-c {
        width: 48.07692%
    }
}

@media (min-width:64em) {
    .region--b .block--size-d {
        width: 66.82692%
    }
}

@media (min-width:37.5em) {
    .region--b .block--size-e {
        width: 148.07692%
    }
}

@media (min-width:85.375em) {
    .region--b .block--size-e {
        width: 129.32692%
    }
}

@media (min-width:48em) {
    .region--b .block--size-f {
        width: 148.07692%
    }
}

@media (min-width:75em) {
    .region--b .block--size-f {
        width: 98.07692%
    }
}

@media (min-width:85.375em) {
    .region--b .block--size-f {
        width: 85.57692%
    }
}

@media (min-width:37.5em) {
    .region--b .block--size-g {
        width: 73.07692%
    }
}

@media (min-width:48em) {
    .region--b .block--size-g {
        width: 48.07692%
    }
}

@media (min-width:64em) {
    .region--b .block--size-g {
        width: 35.57692%
    }
}

@media (min-width:48em) {
    .region--b .block--size-h {
        width: 16.82692%
    }
}

@media (min-width:37.5em) {
    .region--b .block--size-i {
        width: 148.07692%
    }
}

@media (min-width:64em) {
    .region--b .block--size-i {
        width: 35.57692%
    }
}

@media (min-width:37.5em) {
    .region--b .block--size-j {
        width: 148.07692%
    }
}

@media (min-width:48em) {
    .region--b .block--size-j {
        width: 98.07692%
    }
}

@media (min-width:64em) {
    .region--b .block--size-j {
        width: 110.57692%
    }
}

@media (min-width:37.5em) {
    .region--b .block--size-k {
        width: 73.07692%
    }
}

@media (min-width:64em) {
    .region--b .block--size-k {
        width: 54.32692%
    }

    .region--b .block--size-m {
        width: 135.57692%
    }
}

@media (min-width:37.5em) {
    .region--b .block--size-n {
        width: 73.07692%
    }
}

@media (min-width:64em) {
    .region--b .block--size-n {
        width: 60.57692%
    }

    .region--b .block--size-o {
        width: 73.07692%
    }

    .region--b .block--size-p {
        width: 110.57692%;
        margin-left: 18.75%;
        margin-right: 18.75%
    }

    .region--b .block--m-offset-one {
        margin-left: 6.25%
    }
}

@media (min-width:85.375em) {
    .region--b .block--l-offset-one {
        margin-left: 6.25%
    }

    .region--b .block--l-offset-two {
        margin-left: 10.57692%
    }
}

@media (min-width:48em) and (max-width:1365px) {
    .region--b .block--m-offset-two {
        margin-left: 10.57692%
    }
}

@media (min-width:75em) {
    .region--b .block--m-offset-four {
        margin-left: 25%
    }
}

@media (min-width:48em) and (max-width:1365px) {
    .region--b .block--m-offset-three {
        margin-left: 12.5%
    }
}

@media (min-width:85.375em) {
    .region--b .block--l-offset-three {
        margin-left: 12.5%
    }

    .region--b .block--l-offset-five {
        margin-left: 31.25%
    }
}

@media (min-width:48em) {
    .region--c {
        position: relative;
        float: right;
        margin: 0;
        width: 32.46753%
    }

        .region--c .region-inner {
            position: relative;
            width: 104%
        }

        .region--c .block {
            margin-right: 3.84615%
        }

    .rtl .region--c .block {
        margin-right: 0;
        margin-left: 3.84615%
    }

    .region--c .gutter-sizer {
        width: 3.84615%
    }
}

@media (max-width:599px) {
    .region--c .block--single {
        width: 3.4482759%;
        margin-right: 0
    }

        .region--c .block--single:nth-child(4n) {
            margin-right: 3.4482759%
        }

        .region--c .block--single:last-child {
            margin-right: 0
        }
}

@media (min-width:37.5em) {
    .region--c .block--single {
        width: 8.65385%
    }

    .region--c .block--size-a {
        width: 296.15385%
    }
}

@media (min-width:48em) {
    .region--c .block--size-b {
        width: 196.15385%
    }

    .region--c .block--size-c {
        width: 96.15385%
    }
}

@media (min-width:64em) {
    .region--c .block--size-d {
        width: 133.65385%
    }
}

@media (min-width:37.5em) {
    .region--c .block--size-e {
        width: 296.15385%
    }
}

@media (min-width:85.375em) {
    .region--c .block--size-e {
        width: 258.65385%
    }
}

@media (min-width:48em) {
    .region--c .block--size-f {
        width: 296.15385%
    }
}

@media (min-width:75em) {
    .region--c .block--size-f {
        width: 196.15385%
    }
}

@media (min-width:85.375em) {
    .region--c .block--size-f {
        width: 171.15385%
    }
}

@media (min-width:37.5em) {
    .region--c .block--size-g {
        width: 146.15385%
    }
}

@media (min-width:48em) {
    .region--c .block--size-g {
        width: 96.15385%
    }
}

@media (min-width:64em) {
    .region--c .block--size-g {
        width: 71.15385%
    }
}

@media (min-width:48em) {
    .region--c .block--size-h {
        width: 33.65385%
    }
}

@media (min-width:37.5em) {
    .region--c .block--size-i {
        width: 296.15385%
    }
}

@media (min-width:64em) {
    .region--c .block--size-i {
        width: 71.15385%
    }
}

@media (min-width:37.5em) {
    .region--c .block--size-j {
        width: 296.15385%
    }
}

@media (min-width:48em) {
    .region--c .block--size-j {
        width: 196.15385%
    }
}

@media (min-width:64em) {
    .region--c .block--size-j {
        width: 221.15385%
    }
}

@media (min-width:37.5em) {
    .region--c .block--size-k {
        width: 146.15385%
    }
}

@media (min-width:64em) {
    .region--c .block--size-k {
        width: 108.65385%
    }

    .region--c .block--size-m {
        width: 271.15385%
    }
}

@media (min-width:37.5em) {
    .region--c .block--size-n {
        width: 146.15385%
    }
}

@media (min-width:64em) {
    .region--c .block--size-n {
        width: 121.15385%
    }

    .region--c .block--size-o {
        width: 146.15385%
    }

    .region--c .block--size-p {
        width: 221.15385%;
        margin-left: 37.5%;
        margin-right: 37.5%
    }

    .region--c .block--m-offset-one {
        margin-left: 12.5%
    }
}

@media (min-width:85.375em) {
    .region--c .block--l-offset-one {
        margin-left: 12.5%
    }

    .region--c .block--l-offset-two {
        margin-left: 21.15385%
    }
}

@media (min-width:48em) and (max-width:1365px) {
    .region--c .block--m-offset-two {
        margin-left: 21.15385%
    }
}

@media (min-width:75em) {
    .region--c .block--m-offset-four {
        margin-left: 50%
    }
}

@media (min-width:48em) and (max-width:1365px) {
    .region--c .block--m-offset-three {
        margin-left: 25%
    }
}

@media (min-width:85.375em) {
    .region--c .block--l-offset-three {
        margin-left: 25%
    }

    .region--c .block--l-offset-five {
        margin-left: 62.5%
    }
}

.gridblock {
    background: #a7a9ac;
    color: #FFF;
    padding: .625rem .9375rem;
    text-align: center;
    margin-bottom: 1.25rem
}

    .gridblock p {
        margin: 0
    }

.gridblock__title {
    color: #FFF;
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1.5625rem
}

.owl-carousel, .owl-carousel .owl-item {
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: .0625rem;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            min-width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

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

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 5rem;
    width: 5rem;
    left: 50%;
    top: 50%;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        -webkit-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.section-block {
    position: relative;
    width: 100%;
    margin-top: -.0625rem;
    float: left;
    clear: both
}

@media (min-width:37.5em) {
    .section-block {
        margin-top: 0
    }
}

.section-block.section-block--angle-top {
    padding-top: 2.5rem
}

@media (min-width:48em) {
    .section-block.section-block--angle-top {
        padding-top: 3.125rem
    }
}

@media (min-width:85.375em) {
    .section-block.section-block--angle-top {
        padding-top: 6.875rem
    }
}

@media (min-width:120em) {
    .section-block.section-block--angle-top {
        padding-top: 7.5rem
    }
}

.section-block--padding-a {
    padding: 1.875rem 0
}

.section-block--padding-top {
    padding-top: 3.125rem
}

@media (min-width:48em) {
    .section-block--padding-top {
        padding-top: 6.25rem
    }
}

@media (min-width:85.375em) {
    .section-block--padding-top {
        padding-top: 9.375rem
    }
}

.section-block--padding-bottom {
    padding-bottom: 3.125rem
}

@media (min-width:48em) {
    .section-block--padding-bottom {
        padding-bottom: 6.25rem
    }
}

@media (min-width:85.375em) {
    .section-block--padding-bottom {
        padding-bottom: 9.375rem
    }
}

@media (min-width:120em) {
    .section-block--padding-top {
        padding-top: 12.5rem
    }

    .section-block--padding-bottom {
        padding-bottom: 12.5rem
    }
}

.section-block--style-a {
    background-color: #2a2a2a;
    color: #fff;
    border-bottom: solid .0625rem #2a2a2a
}

@media (min-width:48em) {
    .section-block--style-a {
        border: none
    }
}

.section-block--style-b {
    background-color: #000;
    color: #fff;
    border-bottom: solid .0625rem #000
}

@media (min-width:48em) {
    .section-block--style-b {
        border: none
    }
}

.section-block--style-c {
    background-color: #fff;
    color: #000;
    border-bottom: solid .0625rem #fff
}

@media (min-width:48em) {
    .section-block--style-c {
        border: none
    }
}

.section-block--style-d {
    background-color: #F6eede;
    color: #000;
    border-bottom: solid .0625rem #F6eede
}

@media (min-width:48em) {
    .section-block--style-d {
        border: none
    }
}

.section-block--style-e {
    background-color: #F4F4F4;
    color: #000;
    border-bottom: solid .0625rem #F4F4F4
}

.section-navigation--block::after {
    position: absolute;
    content: "";
    display: block;
    top: 100%;
    height: 1000vh;
    left: 0;
    right: 0
}

.accordion, .accordion__title, .slick-list, .slick-slider, .slick-track {
    position: relative
}

.section-navigation--block.section-block--style-a::after {
    background-color: #2a2a2a
}

.section-navigation--block.section-block--style-b::after {
    background-color: #000
}

.section-navigation--block.section-block--style-c::after {
    background-color: #fff
}

.section-navigation--block.section-block--style-d::after {
    background-color: #F6eede
}

.section-navigation--block.section-block--style-e::after {
    background-color: #F4F4F4
}

.section-block--color-a {
    color: #fff
}

.section-block--style-c .section-block--color-a, .section-block--style-d .section-block--color-a {
    color: #000
}

.section-block--color-a a:not(.btn) {
    color: #fff
}

.section-block--style-c .section-block--color-a a:not(.btn), .section-block--style-d .section-block--color-a a:not(.btn) {
    color: #000
}

.section-block--color-a a:not(.btn):hover {
    color: #fff
}

.section-block--style-c .section-block--color-a a:not(.btn):hover, .section-block--style-d .section-block--color-a a:not(.btn):hover {
    color: #000
}

.basic-carousel .owl-next.disabled .icon, .basic-carousel .owl-prev.disabled .icon {
    color: #DFDFDF
}

.section-block__heading {
    position: relative;
    text-align: center;
    padding: 2.8125rem 1.25rem 2.1875rem
}

@media (min-width:48em) {
    .section-block--style-e {
        border: none
    }

    .section-block__heading {
        padding: 2.8125rem 1.25rem 4.375rem
    }
}

@media (min-width:85.375em) {
    .section-block__heading {
        padding: 5.625rem 1.25rem 4.375rem
    }
}

.section-block__heading .section-block__title {
    line-height: 1.625rem;
    font-size: 1.25rem;
    letter-spacing: .03125rem;
    margin-bottom: .625rem
}

@media (min-width:48em) {
    .section-block__heading .section-block__title {
        line-height: 1.625rem;
        font-size: 1.25rem;
        display: block;
        clear: both;
        width: 100%;
        margin: 0 auto;
        max-width: 38.75rem
    }

        .section-block__heading .section-block__title + p {
            margin-top: 1.25rem
        }
}

@media (min-width:85.375em) {
    .section-block__heading .section-block__title {
        font-size: 1.5625rem;
        letter-spacing: .0625rem;
        line-height: 2rem
    }
}

@media (min-width:120em) {
    .section-block__heading {
        padding: 5.625rem 1.25rem
    }

        .section-block__heading .section-block__title {
            font-size: 2.1875rem;
            letter-spacing: .0625rem;
            line-height: 2.625rem;
            max-width: 47.5rem
        }
}

.section-block__heading p {
    font-size: .9375rem;
    letter-spacing: .03125rem;
    line-height: 1.25rem
}

@media (min-width:48em) {
    .section-block__heading p {
        font-size: 1rem;
        letter-spacing: .0275rem;
        line-height: 1.5625rem;
        display: block;
        clear: both;
        width: 100%;
        max-width: 32.5rem;
        margin: 0 auto .9375rem
    }
}

.section-block__heading p:last-child {
    margin-bottom: 0
}

.slick-slider {
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

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

    .slick-list:focus {
        outline: 0
    }

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

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

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

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

    .slick-track:after {
        clear: both
    }

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

.accordion {
    width: 100%;
    float: left
}

.accordion__title {
    display: block;
    cursor: pointer;
    width: 100%;
    overflow: hidden
}

    .accordion__title span {
        display: block
    }

.accordion__content {
    display: none;
    width: 100%
}

.accordion__item {
    display: block;
    width: 100%
}

.accordion__action {
    display: block
}

@-webkit-keyframes animate-in-left {
    from {
        -webkit-transform: translate3d(-6.25rem,0,0);
        transform: translate3d(-6.25rem,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes animate-in-left {
    from {
        -webkit-transform: translate3d(-6.25rem,0,0);
        transform: translate3d(-6.25rem,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate-in-left.animate-active {
    -webkit-animation: 1s animate-in-left 350ms ease-in-out 1;
    animation: 1s animate-in-left 350ms ease-in-out 1;
    opacity: 1
}

@-webkit-keyframes animate-in-right {
    from {
        -webkit-transform: translate3d(6.25rem,0,0);
        transform: translate3d(6.25rem,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes animate-in-right {
    from {
        -webkit-transform: translate3d(6.25rem,0,0);
        transform: translate3d(6.25rem,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.animate-in-right.animate-active {
    -webkit-animation: 1s animate-in-right 350ms ease-in-out 1;
    animation: 1s animate-in-right 350ms ease-in-out 1;
    opacity: 1
}

@-webkit-keyframes fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fade-in-up.animate-active {
    -webkit-animation: fade-in-up 750ms ease-in-out 1;
    animation: fade-in-up 750ms ease-in-out 1;
    opacity: 1
}

@-webkit-keyframes fade-in-down {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fade-in-down {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fade-in-down.animate-active {
    -webkit-animation: fade-in-down 750ms ease-in-out 1;
    animation: fade-in-down 750ms ease-in-out 1;
    opacity: 1
}

@keyframes bounce {
    10%,16%,20%,4%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    8% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-.9375rem,0);
        transform: translate3d(0,-.9375rem,0)
    }

    14% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-.625rem,0);
        transform: translate3d(0,-.625rem,0)
    }

    18% {
        -webkit-transform: translate3d(0,-.25rem,0);
        transform: translate3d(0,-.25rem,0)
    }
}

.bounce {
    -webkit-animation: bounce 10s infinite;
    animation: bounce 10s infinite;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes arrow-movement-right {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes arrow-movement-right {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes arrow-movement-left {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-200%,0,0);
        transform: translate3d(-200%,0,0)
    }
}

@keyframes arrow-movement-left {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-200%,0,0);
        transform: translate3d(-200%,0,0)
    }
}

.basic-carousel .owl-next {
    position: absolute;
    top: 4.8125rem;
    right: 2.5rem
}

    .basic-carousel .owl-next .btn {
        display: none
    }

@media (min-width:48em) {
    .basic-carousel .owl-next {
        top: auto;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        right: 1.25rem
    }

        .basic-carousel .owl-next.disabled {
            display: none
        }

        .basic-carousel .owl-next .btn {
            display: block
        }
}

.basic-carousel .owl-prev {
    position: absolute;
    top: 4.8125rem;
    right: 4.6875rem
}

    .basic-carousel .owl-prev .btn {
        display: none
    }

@media (min-width:48em) {
    .basic-carousel .owl-prev {
        top: auto;
        right: auto;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        left: 1.25rem
    }

        .basic-carousel .owl-prev.disabled {
            display: none
        }

        .basic-carousel .owl-prev .btn {
            display: block
        }
}

.basic-carousel.owl-carousel .owl-item img {
    width: auto;
    min-width: auto;
    display: inline
}

.basic-carousel .basic-carousel__mobile-next, .basic-carousel .basic-carousel__mobile-prev {
    color: #000;
    font-size: 1.25rem;
    margin-top: -.1875rem
}

@media (min-width:48em) {
    .basic-carousel .basic-carousel__mobile-next, .basic-carousel .basic-carousel__mobile-prev {
        display: none
    }
}

.basic-carousel .basic-carousel__dots {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 5.3125rem;
    left: 2.5rem;
    width: 53.57143%
}

@media (min-width:48em) {
    .basic-carousel .basic-carousel__dots {
        top: auto;
        left: auto;
        bottom: 0;
        width: 30%;
        right: 10%;
        margin-bottom: .9375rem
    }
}

@media (min-width:64em) {
    .basic-carousel .basic-carousel__dots {
        margin-bottom: 1.25rem;
        width: 25%;
        right: 12.5%
    }
}

@media (min-width:85.375em) {
    .basic-carousel .basic-carousel__dots {
        margin-bottom: 2.5rem
    }
}

.basic-carousel .basic-carousel__dots .owl-dot {
    height: .1875rem;
    background: #DFDFDF;
    width: 100%;
    margin-right: .625rem
}

    .basic-carousel .basic-carousel__dots .owl-dot.active {
        background: #cd192d
    }

.breadcrumb {
    position: relative;
    display: none;
    width: 100%;
    clear: both
}

@media (min-width:48em) {
    .breadcrumb {
        display: block;
        margin-bottom: -3.4375rem;
        z-index: 9;
        padding: 0 1.25rem
    }
}

@media (min-width:64em) {
    .breadcrumb {
        padding: 0 1.4375rem
    }
}

@media (min-width:85.375em) {
    .breadcrumb {
        padding: 0 1.875rem
    }
}

.breadcrumb ol {
    padding: 1.5625rem 0 0;
    margin: 0
}

    .breadcrumb ol li {
        list-style: none;
        display: inline-block;
        text-transform: uppercase;
        font-family: DIN2014-Demi;
        font-size: .875rem;
        letter-spacing: .0125rem;
        line-height: 1.375rem
    }

        .breadcrumb ol li:first-child span {
            font-size: 0
        }

        .breadcrumb ol li a {
            color: #fff
        }

.breadcrumb--style-a.breadcrumb ol li a {
    color: #a7a9ac
}

.breadcrumb ol li a:hover {
    text-decoration: none
}

.breadcrumb ol li span {
    padding-right: .1875rem
}

.breadcrumb ol li > span {
    color: #fff
}

.breadcrumb--style-a.breadcrumb ol li > span {
    color: #a7a9ac
}

.breadcrumb ol li i {
    font-size: 1.125rem;
    position: relative
}

    .breadcrumb ol li i.icon--home {
        top: .125rem;
        padding-right: .1875rem
    }

    .breadcrumb ol li i.icon--chevron-right {
        font-size: .5rem;
        padding-right: .3125rem;
        top: -.0625rem
    }

.card-container {
    width: 98.71795%
}

.card {
    margin-bottom: 1.5625rem
}

    .card.card--content-a {
        margin-bottom: 2.5rem
    }

.card__content + .card__cta, .card__content + .card__scroll, .card__content + .media-hero__scroll, .card__content + .turntable__scroll {
    margin-top: 1.25rem
}

@media (min-width:48em) {
    .card-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .card-container .card__content + .card__cta, .card-container .card__content + .card__scroll, .card-container .card__content + .media-hero__scroll, .card-container .card__content + .turntable__scroll {
            margin-top: auto;
            padding-top: 1.25rem
        }

    .card--content:not(.card--content-a) {
        margin-bottom: 0
    }
}

.card__content .card__title {
    padding-top: .1875rem
}

.card--intro {
    width: 100%
}

@media (min-width:64em) {
    .card--intro {
        padding-right: 0
    }
}

.card--intro .card__title {
    padding-top: 0
}

@media (min-width:37.5em) {
    .card--intro {
        padding-right: 0
    }

        .card--intro .card__text {
            padding-right: 33.76623%
        }
}

@media (min-width:64em) {
    .card--intro .card__text {
        padding-right: 16.66667%
    }
}

.card--content:not(.card--content-a) {
    overflow: hidden
}

@media (min-width:85.375em) {
    .card--content:not(.card--content-a) {
        padding-right: 4.16667%
    }
}

@media (min-width:64em) {
    .card--content:not(.card--content-a).block--size-c {
        padding-right: 4.22078%
    }
}

@media (min-width:120em) {
    .card--intro .card__title {
        letter-spacing: 0
    }

    .card--content:not(.card--content-a).block--size-c {
        padding-right: 12.5%;
        width: 36.21795%
    }

        .card--content:not(.card--content-a).block--size-c:nth-child(3) {
            padding-right: 0;
            float: right;
            width: 23.71795%
        }
}

.card__title {
    text-transform: inherit
}

@media (min-width:64em) {
    .card--content:not(.card--content-a).block--size-k {
        padding-right: 4.22078%
    }

    .card__text {
        padding: 0
    }
}

.card__text p:last-child {
    margin-bottom: 0
}

.card--content-text, .card__image {
    margin-bottom: 1.25rem
}

.card__link:not(.btn) {
    display: block;
    color: inherit
}

@media (min-width:48em) {
    .card-container .card__link:not(.btn) {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

.card__link:not(.btn):hover {
    text-decoration: none;
    color: inherit
}

    .card__link:not(.btn):hover .card__cta, .section-block--style-a .card__link:not(.btn), .section-block--style-b .card__link:not(.btn) {
        color: #DFDFDF
    }

@media (min-width:37.5em) {
    .section-block--style-a .card__link:not(.btn), .section-block--style-b .card__link:not(.btn) {
        color: #fff
    }
}

.section-block--style-a .card__link:not(.btn) .card__title, .section-block--style-a .card__link:not(.btn) p, .section-block--style-b .card__link:not(.btn) .card__title, .section-block--style-b .card__link:not(.btn) p {
    color: #DFDFDF
}

.section-block--style-a .card__link:not(.btn):hover, .section-block--style-b .card__link:not(.btn):hover {
    color: #fff;
    text-decoration: none
}

@media (min-width:37.5em) {
    .section-block--style-a .card__link:not(.btn) .card__title, .section-block--style-a .card__link:not(.btn) p, .section-block--style-b .card__link:not(.btn) .card__title, .section-block--style-b .card__link:not(.btn) p {
        color: #fff
    }

    .section-block--style-a .card__link:not(.btn):hover, .section-block--style-b .card__link:not(.btn):hover {
        color: #DFDFDF
    }
}

.section-block--style-a .card__link:not(.btn):hover .card__title, .section-block--style-a .card__link:not(.btn):hover p, .section-block--style-b .card__link:not(.btn):hover .card__title, .section-block--style-b .card__link:not(.btn):hover p {
    color: #fff
}

@media (min-width:37.5em) {
    .section-block--style-a .card__link:not(.btn):hover .card__title, .section-block--style-a .card__link:not(.btn):hover p, .section-block--style-b .card__link:not(.btn):hover .card__title, .section-block--style-b .card__link:not(.btn):hover p {
        color: #DFDFDF
    }
}

.section-block--style-a .card__link:not(.btn):hover .card__cta, .section-block--style-b .card__link:not(.btn):hover .card__cta {
    text-decoration: none;
    color: #DFDFDF
}

.section-block--style-c .card__link:not(.btn), .section-block--style-d .card__link:not(.btn) {
    color: #505050
}

@media (min-width:37.5em) {
    .section-block--style-c .card__link:not(.btn), .section-block--style-d .card__link:not(.btn) {
        color: #000
    }

        .section-block--style-c .card__link:not(.btn):hover .card__title, .section-block--style-c .card__link:not(.btn):hover p, .section-block--style-d .card__link:not(.btn):hover .card__title, .section-block--style-d .card__link:not(.btn):hover p {
            color: #DFDFDF
        }
}

.section-block--style-c .card__link:not(.btn):hover, .section-block--style-d .card__link:not(.btn):hover {
    color: #DFDFDF;
    text-decoration: none
}

    .section-block--style-c .card__link:not(.btn):hover .card__title, .section-block--style-c .card__link:not(.btn):hover p, .section-block--style-d .card__link:not(.btn):hover .card__title, .section-block--style-d .card__link:not(.btn):hover p {
        color: #DFDFDF
    }

    .section-block--style-c .card__link:not(.btn):hover .card__cta, .section-block--style-d .card__link:not(.btn):hover .card__cta {
        text-decoration: none;
        color: #DFDFDF
    }

.card__link:not(.btn):hover .card__image:before {
    background: rgba(0,0,0,.2)
}

.card__link .card__image::before, .card__no-link .card__image::before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 5;
    transition: all .2s ease-in-out;
    width: 100%
}

.card__link:not(.btn):hover .card__image img {
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.card__link:not(.btn):hover .card__image-hover {
    opacity: 1;
    color: #fff
}

.card__image {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.card__link .card__image {
    padding-top: 100%
}

.edge .card__link .card__image, .firefox .card__link .card__image {
    padding-top: 0
}

.card__link .card__image::before {
    position: absolute
}

.edge .card__link .card__image::before, .firefox .card__link .card__image::before {
    position: relative;
    padding-top: 100%
}

.card__no-link .card__image {
    padding-top: 65%
}

.edge .card__no-link .card__image, .firefox .card__no-link .card__image {
    padding-top: 0
}

.card__no-link .card__image::before {
    position: absolute
}

.card__link .card__image img, .card__no-link .card__image img {
    max-width: none;
    transition: .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    left: 50%;
    top: 50%;
    display: block
}

.edge .card__no-link .card__image::before, .firefox .card__no-link .card__image::before {
    position: relative;
    padding-top: 100%
}

.card__link--style-a .card__image {
    padding-top: 65%
}

@media (min-width:48em) {
    .card__image.animated {
        opacity: 0
    }
}

.sc-page-editor .card__image.animated {
    opacity: 1
}

.card__image img {
    width: 100%;
    max-width: none;
    display: block
}

.card__link .card__image img {
    width: 100%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    backface-visibility: hidden
}

@media (min-width:48em) {
    .card__link .card__image img {
        width: auto
    }
}

.card__no-link .card__image img {
    width: 100%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    backface-visibility: hidden
}

@media (min-width:48em) {
    .card__no-link .card__image img {
        width: auto
    }
}

.card__image-hover {
    opacity: 0;
    z-index: 6;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    transition: opacity .3s ease-in-out;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cookie-policy, .header {
    transition: -webkit-transform 330ms linear
}

@media (min-width:37.5em) {
    .card__image-hover {
        font-size: 1.0625rem
    }
}

.card__image-hover .icon {
    display: block;
    margin-top: .3125rem;
    font-weight: 700
}

.card__title {
    margin-bottom: .9375rem
}

.card__cta {
    position: relative;
    width: 100%
}

    .card__cta i {
        font-weight: 700;
        display: inline-block;
        vertical-align: text-top;
        font-size: 1.0625rem;
        margin-left: .3125rem
    }

.comparison-table__carousel .slick-arrow:before, .footer__article .accordion__action::after, .menu__section-nav .accordion .accordion__action::after {
    font-weight: 400;
    speak: none;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased
}

.card__scroll, .media-hero__scroll, .turntable__scroll {
    display: none
}

@media (min-width:48em) {
    .card__scroll, .media-hero__scroll, .turntable__scroll {
        display: block;
        height: auto;
        float: left;
        z-index: 99
    }
}

.card__scroll a, .media-hero__scroll a, .turntable__scroll a {
    display: block;
    text-decoration: none
}

    .card__scroll a:hover, .media-hero__scroll a:hover, .turntable__scroll a:hover {
        text-decoration: none
    }

.section-block--style-a .card__scroll a, .section-block--style-a .media-hero__scroll a, .section-block--style-a .turntable__scroll a, .section-block--style-b .card__scroll a, .section-block--style-b .media-hero__scroll a, .section-block--style-b .turntable__scroll a {
    color: #fff
}

.section-block--style-c .card__scroll a, .section-block--style-c .media-hero__scroll a, .section-block--style-c .turntable__scroll a, .section-block--style-d .card__scroll a, .section-block--style-d .media-hero__scroll a, .section-block--style-d .turntable__scroll a {
    color: #000
}

.card__scroll b, .media-hero__scroll b, .turntable__scroll b {
    display: block;
    padding-bottom: 1.875rem;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .0625rem;
    line-height: .9375rem
}

    .card__scroll b:hover, .media-hero__scroll b:hover, .turntable__scroll b:hover {
        text-decoration: underline
    }

.card__scroll i, .media-hero__scroll i, .turntable__scroll i {
    font-size: 1rem;
    display: block
}

.comparison-table__checkmark {
    color: #0062c8
}

.comparison-table__cross {
    color: #DFDFDF
}

.comparison-table__data-cell {
    display: none;
    width: 33.333%
}

    .comparison-table__data-cell.comparison-table__data-cell--active {
        display: table-cell
    }

.comparison-table__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48em) {
    .comparison-table__header {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        border-left: solid .0625rem #DFDFDF;
        border-top: solid .0625rem #DFDFDF;
        border-right: solid .0625rem #DFDFDF
    }
}

.comparison-table__header-cell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 1.875rem
}

@media (min-width:48em) {
    .comparison-table__header-cell {
        width: 50%;
        border-right: solid .0625rem #DFDFDF
    }

        .comparison-table__header-cell:nth-of-type(1) {
            border-right: none
        }
}

.comparison-table__header-cell:nth-of-type(1) {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.comparison-table__header-cell:nth-of-type(2) {
    display: block;
    border-left: solid .0625rem #DFDFDF;
    border-top: solid .0625rem #DFDFDF;
    border-right: solid .0625rem #DFDFDF
}

@media (min-width:48em) {
    .comparison-table__header-cell:nth-of-type(2) {
        border-left: none;
        border-top: none;
        border-right: none
    }
}

@media (min-width:85.375em) {
    .comparison-table__header-cell {
        width: 33.333%
    }

        .comparison-table__header-cell:nth-of-type(2) {
            border-left: solid .0625rem #DFDFDF;
            border-right: solid .0625rem #DFDFDF
        }
}

.comparison-table__header-cell:last-of-type {
    border-right: none;
    display: none
}

.comparison-table__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    letter-spacing: .0625rem;
    text-align: center;
    margin: 0 auto
}

@media (min-width:48em) {
    .comparison-table__title {
        font-size: 2.5rem;
        line-height: 3.125rem;
        text-align: left;
        margin-left: 0
    }
}

@media (min-width:85.375em) {
    .comparison-table__header-cell:last-of-type {
        display: block
    }

    .comparison-table__title {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

@media (min-width:120em) {
    .comparison-table__title {
        font-size: 4.375rem;
        line-height: 5rem
    }
}

.comparison-table__carousel {
    position: relative;
    display: none;
    overflow: hidden
}

    .comparison-table__carousel.slick-initialized {
        display: block
    }

    .comparison-table__carousel .slick-arrow {
        position: absolute;
        border: none;
        font-size: 0;
        bottom: 1.4375rem;
        z-index: 1;
        background-color: transparent
    }

        .comparison-table__carousel .slick-arrow:before {
            font-family: triumph;
            line-height: 1;
            text-transform: none;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.125rem
        }

    .comparison-table__carousel .slick-next {
        right: 0
    }

        .comparison-table__carousel .slick-next:before {
            content: "\e90f"
        }

    .comparison-table__carousel .slick-prev {
        left: 0
    }

        .comparison-table__carousel .slick-prev:before {
            content: "\e90e"
        }

.comparison-table__carousel-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.comparison-table__carousel-image {
    margin: 0 auto .625rem;
    max-width: 15rem
}

@media (min-width:85.375em) {
    .comparison-table__carousel-image {
        max-width: 16.25rem
    }
}

.comparison-table__carousel-body {
    text-align: center
}

.comparison-table__carousel-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: .03125rem;
    margin-bottom: .1875rem
}

.comparison-table__carousel-description {
    font-size: .875rem;
    line-height: 1.125rem;
    letter-spacing: .03125rem;
    color: #505050;
    margin-bottom: 0
}

.cookie-policy {
    position: relative;
    width: 100vw;
    background: #2a2a2a;
    color: #fff;
    overflow: hidden;
    z-index: 6;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 330ms linear;
    transition: transform 330ms linear,-webkit-transform 330ms linear
}

.cta-links__link img, .feature__centre .feature__content {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.js .cookie-policy {
    position: fixed;
    top: 0
}

.sitecore-editor-mode .cookie-policy {
    position: relative !important;
    width: 100%
}

.cookie-policy.cookie-policy--priority {
    z-index: 101
}

.search-in .cookie-policy.cookie-policy--priority {
    z-index: 100
}

.cookie-policy .cookie-policy__inner {
    position: relative;
    width: 100%;
    max-width: 96.25rem;
    float: left;
    padding: 1.5625rem 1.5625rem 1.875rem
}

@media (min-width:48em) {
    .cookie-policy .cookie-policy__inner {
        padding: 1.5625rem 1.875rem 1.25rem
    }
}

@media (min-width:85.375em) {
    .cookie-policy .cookie-policy__inner {
        padding: 1.5625rem 2.5rem 1.25rem;
        margin: 0 auto;
        float: none;
        overflow: hidden
    }
}

@media (min-width:102.6875em) {
    .cookie-policy .cookie-policy__inner {
        margin: 0 auto
    }

    .comparison-block-a .comparison-block__image-a img {
        left: 0
    }
}

@media (min-width:120em) {
    .cookie-policy .cookie-policy__inner {
        padding: 1.5625rem 0 1.25rem;
        margin: 0 auto
    }
}

.cookie-policy .cookie-policy__text {
    float: left;
    width: 100%;
    text-align: left;
    font-size: .875rem;
    margin-bottom: 0
}

.cta-block, .cta-links__link {
    text-align: center
}

@media (min-width:48em) {
    .cookie-policy .cookie-policy__text {
        width: 60%
    }
}

@media (min-width:85.375em) {
    .cookie-policy .cookie-policy__text {
        width: 83%
    }
}

@media (min-width:120em) {
    .cookie-policy .cookie-policy__text {
        width: 87.3376623%
    }
}

.cookie-policy .cookie-policy__text h1, .cookie-policy .cookie-policy__text h2, .cookie-policy .cookie-policy__text h3, .cookie-policy .cookie-policy__text p {
    color: #fff
}

.cookie-policy .cookie-policy__text p {
    font-size: .75rem;
    position: relative;
    display: inline;
    letter-spacing: .02063rem;
    line-height: 1.25rem
}

.cookie-policy .cookie-policy__text a:not(.btn) {
    color: #fff;
    text-decoration: underline
}

    .cookie-policy .cookie-policy__text a:not(.btn):hover {
        text-decoration: none
    }

@media (min-width:85.375em) {
    .cookie-policy .cookie-policy__heading {
        width: 20%;
        position: relative;
        display: block;
        float: left;
        margin-bottom: 0
    }
}

@media (min-width:120em) {
    .cookie-policy .cookie-policy__heading {
        width: 22.6765799%
    }
}

.cookie-policy .cookie-policy__title {
    font-family: DIN2014-Bold;
    font-size: 1rem;
    letter-spacing: .03125rem;
    text-transform: none;
    line-height: 1.25rem;
    margin-bottom: 1.25rem
}

@media (min-width:85.375em) {
    .cookie-policy .cookie-policy__title {
        margin-bottom: 0
    }

    .cookie-policy .cookie-policy__description {
        width: 75%;
        position: relative;
        display: block;
        float: right;
        margin-bottom: 0
    }
}

.cookie-policy .btn {
    margin-top: 1.5625rem
}

@media (min-width:48em) {
    .cookie-policy .btn {
        float: right;
        margin-top: 0
    }

    .cta-block__title {
        max-width: 36.25rem;
        margin: auto
    }
}

@media (min-width:85.375em) {
    .cta-block__title {
        max-width: 58.75rem
    }
}

@media (min-width:120em) {
    .cta-block__title {
        max-width: 71.875rem
    }
}

.cta-block__title:after {
    content: "";
    height: .1875rem;
    width: 2.5rem;
    display: block;
    margin: 1.875rem auto
}

@media (min-width:48em) {
    .cta-block__title:after {
        margin: 2.5rem auto;
        width: 7.6875rem
    }
}

.cta-block__copy {
    margin-bottom: 1.875rem
}

    .cta-block__copy p {
        font-size: 1.125rem
    }

@media (min-width:48em) {
    .cta-block__copy {
        margin: auto auto 2.5rem;
        max-width: 39.375rem
    }

        .cta-block__copy p {
            font-size: 1.0625rem
        }
}

@media (min-width:85.375em) {
    .cta-block__copy p {
        font-size: 1.25rem
    }
}

.cta-block--style-a .cta-block__title {
    font-size: 2.25rem;
    line-height: 2.625rem;
    letter-spacing: .0625rem;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .cta-block--style-a .cta-block__title {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

@media (min-width:85.375em) {
    .cta-block--style-a .cta-block__title {
        font-size: 5rem;
        line-height: 5.625rem
    }
}

.cta-block--style-a .cta-block__title:after {
    margin: 1.25rem auto
}

@media (min-width:48em) {
    .cta-block--style-a .cta-block__title:after {
        margin: 1.875rem auto 2.1875rem
    }
}

@media (min-width:120em) {
    .cta-block--style-a .cta-block__title {
        font-size: 6.25rem;
        line-height: 6.875rem
    }

        .cta-block--style-a .cta-block__title:after {
            margin: 2.5rem auto 2.8125rem
        }
}

.cta-block--style-a .cta-block__copy {
    margin-bottom: 1.5625rem
}

@media (min-width:48em) {
    .cta-block--style-a .cta-block__copy {
        margin-bottom: 1.875rem;
        max-width: 28.75rem
    }
}

@media (min-width:85.375em) {
    .cta-block--style-a .cta-block__copy {
        margin-bottom: 3.125rem;
        max-width: 38.75rem
    }
}

@media (min-width:120em) {
    .cta-block--style-a .cta-block__copy {
        margin-bottom: 2.5rem;
        max-width: 39.375rem
    }
}

.cta-links {
    display: none
}

@media (min-width:64em) {
    .cta-links {
        display: inline-block;
        position: relative;
        vertical-align: top;
        border-top: solid .0625rem #505050
    }
}

.cta-links ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 1.3125rem 0;
    margin: .125rem 0 0
}

.feature, .feature__content, .feature__sub-content {
    margin-bottom: 0
}

.cta-links__link {
    text-transform: uppercase;
    font-family: DIN2014-Demi;
    font-size: 1.0625rem;
    letter-spacing: .03125rem;
    line-height: 2.25rem;
    display: table-cell;
    list-style: none;
    position: relative;
    padding: 0;
    -webkit-align-content: middle;
    -ms-flex-line-pack: middle;
    align-content: middle
}

    .cta-links__link::before, .cta-links__link:last-child::after {
        display: none
    }

    .cta-links__link::after {
        position: absolute;
        content: "";
        top: -.125rem;
        bottom: -.125rem;
        right: 0;
        width: .0625rem;
        background: rgba(255,255,255,.4)
    }

    .cta-links__link a {
        display: inline-block;
        color: rgba(255,255,255,.6);
        position: relative;
        padding: 0 .625rem
    }

@media (min-width:85.375em) {
    .cta-links__link a {
        padding: 0 1.25rem
    }
}

.cta-links__link a:hover {
    color: inherit;
    text-decoration: none
}

.cta-links__link img {
    max-width: 1.75rem;
    width: 1.75rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

    .cta-links__link img + span {
        padding-left: 2.5rem
    }

.cta-links__link span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5625rem
}

.powered-by-eb {
    display: none
}

@media (min-width:64em) {
    .feature--layout-a + .feature--layout-b .feature__image {
        margin-top: -3.125rem
    }
}

@media (min-width:85.375em) {
    .feature--layout-a + .feature--layout-b .feature__image {
        margin-top: -6.25rem
    }
}

@media (min-width:120em) {
    .feature--layout-a + .feature--layout-b .feature__image {
        margin-top: -9.375rem
    }
}

@media (min-width:64em) {
    .feature--layout-b + .feature--layout-a .feature__image {
        margin-top: -1.5625rem
    }
}

@media (min-width:85.375em) {
    .feature--layout-b + .feature--layout-a .feature__image {
        margin-top: -3.125rem
    }
}

@media (min-width:120em) {
    .feature--layout-b + .feature--layout-a .feature__image {
        margin-top: -4.6875rem
    }
}

@media (min-width:37.5em) {
    .feature:last-child .feature__container, .feature:last-child .feature__sub-content {
        padding-bottom: 0 !important
    }

    .feature__block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

        .feature__block:after, .feature__block:before {
            display: table;
            content: ""
        }

        .feature__block:after {
            clear: both
        }
}

@media (min-width:85.375em) {
    .feature__block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:599px) {
    .feature + .feature {
        padding-top: 1.25rem
    }

    .feature__image {
        width: 87.93103%
    }
}

@media (min-width:37.5em) {
    .feature__image {
        width: 50%
    }

        .feature__image img {
            width: 100%
        }
}

.feature__image img {
    width: 100%;
    display: block
}

.feature--layout-a .feature__image {
    -webkit-transform: translateX(-.9375rem);
    -ms-transform: translateX(-.9375rem);
    transform: translateX(-.9375rem)
}

@media (min-width:37.5em) {
    .feature--layout-a .feature__image {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        float: left;
        margin-bottom: 0
    }
}

.feature--layout-b .feature__image {
    -webkit-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    transform: translateX(.9375rem);
    float: right
}

@media (min-width:37.5em) {
    .feature--layout-b .feature__image {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        float: right;
        margin-bottom: 0;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto
    }
}

@media (min-width:85.375em) {
    .feature--layout-b .feature__image {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.feature__container {
    width: 100%;
    clear: both;
    margin-top: 1.25rem;
    float: left
}

@media (min-width:37.5em) {
    .feature__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 50%;
        margin-top: 1.875rem
    }

    .feature--layout-a .feature__content {
        width: 90.25974%;
        margin-left: 9.74026%
    }
}

@media (min-width:64em) {
    .feature__container {
        margin-top: 0;
        padding-top: 1.875rem;
        padding-bottom: 4.375rem
    }
}

@media (min-width:85.375em) {
    .feature__container {
        padding-top: 6.25rem;
        padding-bottom: 7.5rem
    }

    .feature--layout-a .feature__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:120em) {
    .feature__container {
        padding-top: 6.25rem;
        padding-bottom: 10.625rem
    }
}

@media (min-width:64em) {
    .feature--layout-b .feature__container {
        padding-bottom: 2.8125rem
    }
}

@media (min-width:85.375em) {
    .feature--layout-b .feature__container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 4.0625rem
    }
}

@media (min-width:75em) {
    .feature--layout-a .feature__content {
        width: 48.05195%;
        margin-left: 18.18182%
    }
}

@media (min-width:120em) {
    .feature--layout-b .feature__container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 5.625rem
    }

    .feature--layout-a .feature__content {
        width: 39.61039%;
        margin-left: 18.18182%
    }
}

.feature--layout-b .feature__content {
    margin-left: 0
}

@media (min-width:37.5em) {
    .feature--layout-b .feature__content {
        width: 92.85714%
    }

    .feature__sub-content {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-bottom: 1.25rem
    }
}

@media (min-width:75em) {
    .feature--layout-b .feature__content {
        margin-left: 16.88312%;
        width: 48.05195%
    }
}

@media (min-width:120em) {
    .feature--layout-b .feature__content {
        width: 39.61039%
    }
}

.feature__sub-content p {
    margin-bottom: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    font-size: .875rem
}

    .feature__sub-content p:last-of-type {
        margin-bottom: 0
    }

@media (min-width:37.5em) {
    .feature--layout-a .feature__sub-content {
        margin-left: 9.74026%
    }
}

@media (min-width:85.375em) {
    .feature--layout-a .feature__sub-content {
        padding-bottom: 0;
        text-align: right;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-top: auto;
        margin-left: auto;
        width: 48.05195%
    }
}

@media (min-width:120em) {
    .feature--layout-a .feature__sub-content {
        width: 39.61039%
    }
}

.feature--layout-b .feature__sub-content {
    margin-left: 0
}

@media (min-width:37.5em) {
    .feature--layout-b .feature__sub-content {
        width: 92.85714%
    }
}

@media (min-width:85.375em) {
    .feature--layout-b .feature__sub-content {
        padding-bottom: 0;
        text-align: left;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: auto;
        width: 48.05195%
    }
}

@media (min-width:120em) {
    .feature--layout-b .feature__sub-content {
        width: 39.61039%
    }
}

.feature__title {
    margin-bottom: .9375rem;
    position: relative
}

.feature__copy {
    position: relative
}

.feature__link {
    margin-bottom: 1.25rem;
    margin-right: 1rem;
    padding-top: .0625rem
}

    .feature__link:last-child {
        margin-right: 0
    }

.feature__text {
    margin-bottom: .9375rem
}

.feature-block, .feature-block__content {
    margin-bottom: 0
}

.section-block--style-a .feature__image--gradient-a:before {
    background-image: radial-gradient(65% 67% at 35% 37%,transparent 30%,#2a2a2a 92%)
}

.section-block--style-b .feature__image--gradient-a:before {
    background-image: radial-gradient(65% 67% at 35% 37%,transparent 30%,#000 92%)
}

.section-block--style-c .feature__image--gradient-a:before {
    background-image: radial-gradient(65% 67% at 35% 37%,transparent 30%,#fff 92%)
}

.section-block--style-d .feature__image--gradient-a:before {
    background-image: radial-gradient(65% 67% at 35% 37%,transparent 30%,#F6eede 92%)
}

.section-block--style-a .feature__image--gradient-b:before {
    background-image: radial-gradient(87% 84% at 80% 77%,transparent 60%,#2a2a2a 92%)
}

.section-block--style-b .feature__image--gradient-b:before {
    background-image: radial-gradient(87% 84% at 80% 77%,transparent 60%,#000 92%)
}

.section-block--style-c .feature__image--gradient-b:before {
    background-image: radial-gradient(87% 84% at 80% 77%,transparent 60%,#fff 92%)
}

.section-block--style-d .feature__image--gradient-b:before {
    background-image: radial-gradient(87% 84% at 80% 77%,transparent 60%,#F6eede 92%)
}

.feature-block {
    position: relative;
    overflow: hidden
}

    .feature-block.section-block--angle-top {
        overflow: visible
    }

@media (min-width:64em) {
    .feature__sub-content {
        padding-bottom: 0
    }

    .feature-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

        .feature-block:after, .feature-block:before {
            display: table;
            content: ""
        }

        .feature-block:after {
            clear: both
        }
}

@media (min-width:48em) {
    .feature-block + .feature-block {
        padding-top: 5.3125rem
    }
}

@media (min-width:64em) {
    .feature-block + .feature-block {
        padding-top: 0
    }

    .feature-block__image {
        width: 50%;
        margin-bottom: 0
    }
}

.feature-block + .feature-block.section-block--angle-top {
    padding-top: 2.5rem
}

@media (min-width:48em) {
    .feature-block + .feature-block.section-block--angle-top {
        padding-top: 3.125rem
    }
}

@media (min-width:85.375em) {
    .feature-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .feature-block + .feature-block.section-block--angle-top {
            padding-top: 6.875rem
        }
}

@media (min-width:120em) {
    .feature-block + .feature-block.section-block--angle-top {
        padding-top: 7.5rem
    }
}

.feature-block__image img {
    width: 100%;
    display: block
}

@media (min-width:37.5em) {
    .feature-block__image img {
        width: 100%
    }
}

@media (min-width:64em) {
    .feature-block--layout-a .feature-block__image {
        float: left;
        margin-bottom: 0
    }

    .feature-block--layout-b .feature-block__image {
        float: right;
        margin-bottom: 0;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto
    }
}

@media (min-width:85.375em) {
    .feature-block--layout-b .feature-block__image {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.feature-block__container {
    width: 100%;
    clear: both;
    float: left;
    padding: 2.5rem .9375rem 1.25rem
}

@media (min-width:48em) {
    .feature-block__container {
        padding: 6.25rem 0
    }
}

@media (min-width:64em) {
    .feature-block__container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 50%;
        -webkit-align-content: centre;
        -ms-flex-line-pack: centre;
        align-content: centre;
        margin-top: 0;
        padding-top: .625rem;
        padding-bottom: .625rem;
        margin-left: 0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.feature-block--style-a .feature-block__container {
    background: #2a2a2a;
    color: #fff
}

.feature-block--style-b .feature-block__container {
    background: #000;
    color: #fff
}

.feature-block--style-c .feature-block__container {
    background: #fff;
    color: #000
}

.feature-block--style-d .feature-block__container {
    background: #F6eede;
    color: #000
}

@media (min-width:48em) {
    .feature-block__content {
        width: 59.8958333%;
        margin-left: 19.7916667%
    }
}

@media (min-width:64em) {
    .feature-block__content {
        width: 51.9765739%;
        margin-left: 24.8046875%
    }
}

@media (min-width:120em) {
    .feature-block__content {
        width: 38.8541667%;
        margin-left: 31.25%
    }
}

@media (min-width:64em) {
    .feature-block--layout-b .feature-block__content {
        margin-left: 23.2796486%
    }

    .feature-comparison-block .region-inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:120em) {
    .feature-block--layout-b .feature-block__content {
        margin-left: 31.25%
    }
}

.feature-block__title {
    margin-bottom: .9375rem
}

.feature-block__link {
    margin-bottom: 1.25rem;
    margin-right: 1rem
}

    .feature-block__link:last-child {
        margin-right: 0
    }

.feature-block__text {
    margin-bottom: .9375rem
}

.feature-block__cta {
    position: relative;
    width: 100%;
    clear: both
}

.feature-comparison-block img {
    display: block;
    max-width: 100%
}

.feature-comparison-block .block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

@media (max-width:1023px) {
    .feature-comparison-block .block {
        width: calc(100% - .625rem)
    }
}

.comparison-block-a {
    margin-top: 3.125rem
}

@media (min-width:48em) {
    .comparison-block-a {
        margin-top: 7.8125rem
    }
}

.comparison-block__media {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 2.5rem
}

@media (min-width:37.5em) {
    .feature-comparison-block .block {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 2.5rem
    }

    .comparison-block__media {
        width: 48.71795%;
        margin-bottom: 0
    }
}

@media (min-width:48em) {
    .comparison-block__media {
        width: 49.35065%
    }
}

@media (min-width:64em) {
    .feature-comparison-block .block {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .comparison-block-a {
        margin-top: 0;
        margin-left: 8.44156%
    }

    .comparison-block__media {
        width: 43.639576%
    }
}

.comparison-block__image-a {
    width: 42.8571429%
}

@media (min-width:48em) {
    .comparison-block__image-a {
        width: 65.38462%
    }
}

@media (min-width:64em) {
    .comparison-block__image-a {
        width: 100%
    }
}

.comparison-block-a .comparison-block__image-a {
    margin-left: auto
}

@media (min-width:37.5em) {
    .comparison-block-a .comparison-block__media {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto
    }

    .comparison-block-a .comparison-block__image-a {
        margin-left: auto
    }
}

.comparison-block__image-a img {
    margin-left: -.9375rem;
    width: calc(100% + 1.5625rem);
    max-width: calc(100% + 1.5625rem);
    position: relative
}

.comparison-block-a .comparison-block__image-a img {
    margin-left: auto;
    margin-right: -.9375rem
}

@media (min-width:48em) {
    .comparison-block-a .comparison-block__image-a img {
        margin-right: -2.125rem
    }

    .comparison-block__image-a img {
        margin-left: -2.125rem;
        width: calc(100% + 2.125rem);
        max-width: calc(100% + 2.125rem)
    }
}

@media (min-width:64em) {
    .comparison-block__image-a img {
        margin-left: -2.125rem
    }
}

@media (min-width:85.375em) {
    .comparison-block__image-a img {
        margin-left: -3.3125rem;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .comparison-block__image-a img {
        margin-left: 0;
        left: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }
}

.comparison-block__image-b {
    position: absolute;
    width: 82.7586207%;
    bottom: -1.875rem;
    right: 0
}

@media (min-width:64em) {
    .comparison-block__image-b {
        position: absolute;
        width: 164.893617%;
        margin-left: 64.3617021%;
        right: auto
    }

    .comparison-block-a .comparison-block__image-b {
        margin-left: calc(-128.7234042% + 1.25rem)
    }
}

.feature__centre, .feature__centre .feature__image {
    position: relative
}

.comparison-block-a .comparison-block__image-b {
    right: auto;
    left: 0
}

.comparison-block__image-b img {
    width: 100%;
    max-width: 100%;
    position: relative
}

.comparison-block-a .comparison-block__image-b img {
    float: right
}

@media (min-width:64em) {
    .comparison-block-a .comparison-block__image-b img {
        margin-left: -1.25rem;
        float: left
    }
}

@media (min-width:37.5em) {
    .comparison-block__image-b img {
        width: 100%;
        max-width: 100%
    }

    .comparison-block__text {
        width: 45.12987%;
        margin-left: auto
    }
}

@media (min-width:48em) {
    .comparison-block__text {
        width: 31.16883%;
        margin-left: 5.44872%
    }
}

@media (min-width:64em) {
    .comparison-block__text {
        width: 43.639576%;
        margin-left: auto;
        padding-bottom: 13.125rem
    }
}

@media (min-width:75em) {
    .comparison-block__text {
        padding-bottom: 17.1875rem
    }
}

@media (min-width:85.375em) {
    .comparison-block__text {
        padding-bottom: 18.75rem
    }
}

.comparison-block-a .comparison-block__text {
    padding-left: 17.2413793%
}

@media (min-width:37.5em) {
    .comparison-block-a .comparison-block__text {
        margin-left: 0;
        padding-left: 8.44156%
    }
}

@media (min-width:48em) {
    .comparison-block-a .comparison-block__text {
        padding-left: 0;
        margin-left: 8.44156%
    }
}

@media (min-width:64em) {
    .comparison-block-a .comparison-block__text {
        padding-left: 0;
        margin-left: 0
    }
}

.comparison-block__text .comparison-block__title {
    margin-bottom: 1.25rem;
    padding-right: 34.4827586%
}

@media (min-width:48em) {
    .comparison-block__text .comparison-block__title {
        padding-right: 0
    }
}

@media (min-width:102.6875em) {
    .comparison-block__text {
        padding-bottom: 25rem
    }

        .comparison-block__text * {
            margin-right: 16.88312%
        }

        .comparison-block__text .comparison-block__title {
            margin-right: 0
        }
}

.comparison-block__text p {
    padding-right: 17.2413793%
}

.comparison-block-a .comparison-block__text p {
    padding-right: 0
}

.comparison-block__text .comparison-block__cta .btn {
    margin-bottom: .625rem;
    margin-right: 1rem
}

@media (min-width:37.5em) {
    .comparison-block__text .comparison-block__cta .btn {
        margin-bottom: 1.25rem
    }

    .feature__centre {
        overflow: hidden
    }
}

.feature__centre {
    margin-bottom: 0
}

    .feature__centre:last-of-type {
        margin-bottom: 0
    }

@media (max-width:599px) {
    .feature__centre .feature__image {
        width: 100%;
        margin-bottom: -.0625rem
    }

    .feature__centre .feature__link {
        display: inline-block
    }
}

@media (min-width:37.5em) {
    .feature__centre .feature__image {
        width: 100%;
        margin-bottom: 0
    }

        .feature__centre .feature__image.feature__image--type-a, .feature__centre .feature__image.feature__image--type-b {
            width: 50%;
            float: left
        }
}

.feature__centre .feature__image.feature__image--gradient-a:before, .feature__centre .feature__image.feature__image--gradient-b:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.feature__centre .feature__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 10;
    width: 100%;
    max-width: 18.125rem;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.footer__article, .footer__article .accordion__action {
    position: relative
}

@media (min-width:37.5em) {
    .feature__centre .feature__content {
        max-width: 18.75rem
    }
}

@media (min-width:48em) {
    .comparison-block__text p {
        padding-right: 0
    }

    .feature-video__content {
        width: 44.55128%
    }
}

@media (min-width:85.375em) {
    .feature-video__content {
        width: 26.24113%
    }
}

.feature-video__title {
    margin-bottom: .9375rem
}

.feature-video__text {
    margin-bottom: 1.25rem
}

.footer {
    background: #fff;
    padding-top: .9375rem;
    border-top: .0625rem solid #DFDFDF
}

@media (min-width:48em) {
    .feature-video__text {
        margin-bottom: 3.4375rem
    }

    .footer {
        padding-top: 1.5625rem
    }
}

@media (min-width:64em) {
    .footer {
        padding-top: 4.0625rem;
        padding-bottom: 5rem
    }
}

@media (min-width:120em) {
    .feature__centre .feature__content {
        max-width: 19.0625rem
    }

    .feature-video__content {
        width: 21.63121%
    }

    .footer {
        padding-top: 5.3125rem
    }
}

.footer__article {
    width: 100%
}

@media (min-width:64em) {
    .footer__article {
        width: 25%;
        float: left
    }

        .footer__article .footer__article-body {
            display: block !important;
            height: auto !important
        }
}

.footer__article .accordion__action::after {
    position: absolute;
    font-family: triumph;
    line-height: 1;
    text-transform: none;
    content: "\e907";
    display: block;
    font-size: 1.0625rem;
    right: 1.5625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: content .3s ease
}

.footer__article-title, .footer__social ul li, .form--style-a .control-label, .form--style-a .control-title {
    font-family: DIN2014-Demi
}

.footer__article .accordion__action.active::after {
    content: "\e909"
}

.footer__article-title {
    font-size: .9375rem;
    color: #505050;
    letter-spacing: .03125rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    padding: .9375rem 0;
    cursor: pointer
}

@media (min-width:64em) {
    .footer__article .accordion__action.active::after, .footer__article .accordion__action::after {
        display: none
    }

    .footer__article-title {
        cursor: text;
        pointer-events: none;
        font-size: 1.0625rem;
        line-height: 1.375rem
    }
}

.carousel-modal__navigation .carousel-modal__next, .gallery-carousel__item-container.modal__open, .header__menu-action {
    cursor: pointer
}

.footer__article-body ul li, .footer__social ul li {
    color: #a7a9ac;
    line-height: 1.25rem;
    text-transform: uppercase;
    letter-spacing: .03125rem
}

.footer__article-body ul {
    display: block;
    margin: 0;
    padding: 0
}

    .footer__article-body ul li {
        font-size: .875rem;
        display: block;
        padding: 0
    }

        .footer__article-body ul li a {
            color: #a7a9ac;
            padding: .9375rem 0;
            display: block
        }

@media (min-width:64em) {
    .footer__article-body ul li {
        font-size: 1.0625rem;
        font-family: DIN2014-Demi
    }

        .footer__article-body ul li a {
            padding: .625rem 0
        }
}

.footer__article-body ul li a:hover {
    text-decoration: none
}

.footer__article-body ul li::before {
    display: none
}

.footer__social {
    padding: 1.25rem 0
}

@media (min-width:64em) {
    .footer__social {
        padding: 2.8125rem 0 .3125rem
    }
}

@media (min-width:120em) {
    .footer__social {
        padding: 3.75rem 0 .3125rem
    }
}

.footer__social ul {
    display: block;
    margin: 0;
    padding: 0
}

    .footer__social ul li {
        font-size: .875rem;
        display: block;
        padding: 0;
        float: left
    }

        .footer__social ul li.country-selector:hover a, .footer__social ul li.social-mail:hover a {
            color: #0062c8
        }

        .footer__social ul li.social-mail {
            width: 100%
        }

@media (min-width:48em) {
    .footer__social ul li.social-mail {
        width: auto;
        margin-right: 2.8125rem
    }
}

@media (min-width:64em) {
    .footer__social ul li {
        font-size: 1.0625rem;
        line-height: 1.375rem
    }

        .footer__social ul li.social-mail {
            width: auto;
            margin-right: 1.25rem
        }
}

.footer__social ul li.country-selector {
    width: 100%
}

@media (min-width:48em) {
    .footer__social ul li.country-selector {
        width: auto;
        float: right;
        padding-left: 2.5rem
    }
}

.footer__social ul li.country-selector img {
    position: relative;
    top: .125rem;
    width: 1.25rem;
    min-width: 1.25rem;
    max-width: 1.25rem;
    margin-right: 1.125rem;
    display: inline-block
}

@media (min-width:48em) {
    .footer__social ul li.country-selector img {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .footer__social ul li.country-selector span {
        position: relative;
        margin-top: .25rem;
        display: block
    }

    .edge .footer__social ul li.country-selector span, .ie11 .footer__social ul li.country-selector span {
        margin-top: 0
    }

    .footer__social ul li a i.icon--facebook {
        top: .1875rem
    }
}

.footer__social ul li a {
    color: #a7a9ac;
    padding: .9375rem 0;
    display: block;
    transition: none
}

    .footer__social ul li a:not(.btn) {
        transition: none
    }

    .footer__social ul li a:hover {
        text-decoration: none
    }

    .footer__social ul li a i {
        font-size: 1.25rem;
        padding-right: 1.25rem;
        position: relative
    }

        .footer__social ul li a i.icon--mail {
            color: #333;
            top: .1875rem
        }

@media (min-width:64em) {
    .footer__social ul li a i.icon--mail {
        padding-right: .625rem
    }
}

.footer__social ul li a i.icon--mail:hover {
    color: #000
}

.footer__social ul li a i.icon--facebook {
    color: #002c57
}

    .footer__social ul li a i.icon--facebook:hover {
        color: #000
    }

.footer__social ul li a i.icon--twitter {
    color: #0062c8
}

    .footer__social ul li a i.icon--twitter:hover {
        color: #000
    }

.footer__social ul li a i.icon--youtube {
    color: #cd192d
}

    .footer__social ul li a i.icon--youtube:hover {
        color: #000
    }

.footer__social ul li a i.icon--ftr {
    color: #2a2a2a
}

    .footer__social ul li a i.icon--ftr:hover {
        color: #000
    }

.footer__social ul li::before {
    display: none
}

.footer__copyright {
    border-top: .1875rem solid #000;
    padding: 1.5625rem 0
}

    .footer__copyright ul {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%
    }

@media (min-width:48em) {
    .footer__social ul li a i.icon--ftr, .footer__social ul li a i.icon--twitter, .footer__social ul li a i.icon--youtube {
        top: .1875rem
    }

    .footer__copyright ul {
        width: auto;
        float: left
    }
}

.footer__copyright ul li {
    font-size: .8125rem;
    color: #a7a9ac;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    display: block;
    padding: 0;
    float: left;
    width: 100%
}

@media (min-width:48em) {
    .footer__copyright ul li {
        width: auto;
        margin-left: .625rem
    }
}

@media (min-width:64em) {
    .footer__copyright ul li {
        margin-left: 1.5625rem
    }

        .footer__copyright ul li:first-child {
            margin-left: 0
        }
}

.footer__copyright ul li a {
    color: #a7a9ac;
    padding: .3125rem 0;
    display: block
}

@media (min-width:48em) {
    .footer__copyright ul li:first-child {
        margin-left: 0
    }

    .footer__copyright ul li a {
        padding: 0
    }
}

.footer__copyright ul li a:hover {
    text-decoration: none
}

.footer__copyright ul li::before {
    display: none
}

.footer__company-data-link:not(.btn), .footer__copyright p {
    font-size: .8125rem;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    display: block
}

.footer__copyright p {
    color: #505050;
    padding-top: 1.5625rem;
    position: relative;
    width: 100%;
    clear: both
}

@media (min-width:48em) {
    .footer__copyright p {
        width: auto;
        float: right;
        clear: none;
        padding-top: 0
    }

    .footer__links {
        max-width: 75%
    }
}

.footer__copyright p:last-child {
    margin-bottom: 0
}

.footer__links {
    float: left
}

.footer__company-data-link:not(.btn) {
    clear: both;
    float: left;
    margin-top: .625rem;
    color: #a7a9ac;
    padding: .3125rem 0
}

    .footer__company-data-link:not(.btn):hover {
        text-decoration: none
    }

.form--style-a {
    left: calc(((100vw - 100%)/ 2)/ -1);
    right: calc(((100vw - 100%)/ 2)/ -1);
    width: calc(100% + (100vw - 100%));
    max-width: calc(100% + (100vw - 100%))
}

@media (min-width:48em) {
    .footer__company-data-link:not(.btn) {
        padding: 0
    }

    .form--style-a {
        max-width: 100%;
        width: 98.71795%;
        left: 0;
        right: 0
    }
}

@media (min-width:85.375em) {
    .form--style-a {
        width: 73.71795%;
        margin-left: 12.5%
    }
}

@media (min-width:120em) {
    .form--style-a {
        width: 57.05128%;
        margin-left: 20.83333%
    }
}

.form--style-a .control-group__outer {
    width: calc(100% + 2.5641%)
}

.form--style-a .controls--style-a, .form--style-a .input-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .625rem
}

@media (min-width:48em) {
    .form--style-a .controls--style-a, .form--style-a .input-card {
        margin-top: 1.25rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:120em) {
    .form--style-a .controls--style-a, .form--style-a .input-card {
        margin-top: 1.875rem
    }
}

.form--style-a .controls--style-a .control-inline, .form--style-a .input-card .control-inline {
    width: 47.4359%;
    margin-bottom: .625rem;
    padding: 0;
    margin-right: 2.5641%
}

@media (min-width:48em) {
    .form--style-a .controls--style-a .control-inline, .form--style-a .input-card .control-inline {
        width: 30.76923%;
        margin-bottom: .9375rem
    }

    .form--style-a .controls--style-c .checkbox, .form--style-a .controls--style-c .radio {
        min-width: 12.5rem
    }
}

@media (min-width:85.375em) {
    .form--style-a .controls--style-a .control-inline, .form--style-a .input-card .control-inline {
        width: 22.4359%;
        margin-bottom: 1.25rem
    }

    .form--style-a .controls--style-c .checkbox, .form--style-a .controls--style-c .radio {
        min-width: 15.625rem
    }
}

.form--style-a .controls--style-b {
    margin-top: .625rem;
    margin-bottom: 1.25rem
}

    .form--style-a .controls--style-b input {
        width: 100%
    }

.form--style-a .controls--style-c {
    margin-top: .625rem;
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .form--style-a .input-card--style-a {
        width: 51.60256%
    }

        .form--style-a .input-card--style-a .control-inline {
            margin-right: 0
        }
}

@media (min-width:85.375em) {
    .form--style-a .input-card--style-a {
        width: 45.83333%
    }
}

@media (min-width:120em) {
    .form--style-a .input-card--style-a {
        width: 47.4359%
    }
}

.form--style-a .input-card--style-a .control-inline {
    width: 100%
}

.form--style-a .control-label, .form--style-a .control-subtitle, .form--style-a .control-subtitle--style-a, .form--style-a .control-title {
    display: block;
    text-transform: none;
    margin-right: 2.5641%
}

.form--style-a .control-label {
    line-height: 1.3125rem
}

.form--style-a .control-title {
    margin-bottom: .625rem
}

.form--style-a .form__next-section {
    display: block;
    text-transform: none;
    padding: 1.875rem;
    border: .0625rem solid #DFDFDF;
    border-radius: .1875rem
}

.form--style-a .control-subtitle {
    font-size: .9375rem
}

.form--style-a .controls--style-a .text, .form--style-a .form-summary .input-card__count {
    display: none
}

@media (min-width:48em) {
    .form--style-a .control-subtitle {
        font-size: 1rem
    }
}

@media (min-width:120em) {
    .form--style-a .control-title--style-a {
        margin-bottom: .9375rem
    }
}

.form--style-a .control-title--style-a {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .form--style-a .control-title--style-a {
        margin-bottom: 1.875rem
    }
}

@media (min-width:85.375em) {
    .form--style-a .control-subtitle {
        font-size: 1.0625rem
    }

    .form--style-a .control-title--style-a {
        margin-bottom: 2.5rem
    }
}

@media (min-width:120em) {
    .form--style-a .control-title--style-a {
        margin-bottom: 2.8125rem
    }
}

.form--style-a .form__title {
    text-align: center;
    margin: 1.875rem 0
}

@media (min-width:48em) {
    .form--style-a .form__title {
        margin: 3.75rem 0 2.5rem
    }
}

@media (min-width:85.375em) {
    .form--style-a .form__title {
        margin: 5rem 0 3.75rem
    }
}

@media (min-width:120em) {
    .form--style-a .form__title {
        margin: 6.25rem 0 3.75rem
    }
}

.form--style-a .form__inner {
    padding: 1.875rem .9375rem 1.25rem;
    margin-bottom: 1.875rem;
    background: #fff
}

@media (min-width:48em) {
    .form--style-a .form__inner {
        padding: 2.5rem 2.5rem 1.875rem
    }
}

@media (min-width:85.375em) {
    .form--style-a .form__inner {
        padding: 6.25rem 5rem 2.8125rem;
        margin-bottom: 3.75rem
    }
}

@media (min-width:120em) {
    .form--style-a .form__inner {
        padding: 6.25rem 4.0625rem 2.8125rem
    }
}

.form--style-a .control-group--style-a {
    margin-right: 2.5641%
}

.form--style-a .control-group__btn {
    width: calc(100% - 2.5641%);
    margin-bottom: .625rem
}

.form--style-a .form-summary {
    border: .0625rem solid #DFDFDF;
    border-radius: .1875rem;
    text-align: center;
    padding: 1.25rem;
    position: relative;
    margin-bottom: 1.875rem;
    margin-right: 2.5641%
}

@media (min-width:85.375em) {
    .form--style-a .form-summary {
        padding: 1.25rem 1.875rem
    }
}

.form--style-a .form-summary .additional-text {
    color: #a7a9ac
}

.form--style-a .form-summary--style-a {
    text-align: left;
    overflow: hidden
}

    .form--style-a .form-summary--style-a .form-summary__text-style-c {
        padding-top: .3125rem
    }

.form--style-a .form-summary__title {
    text-align: left;
    margin-bottom: 1.25rem;
    padding-right: 1.5625rem;
    text-transform: inherit
}

    .form--style-a .form-summary__title::before {
        font-family: triumph;
        content: "\e914";
        position: absolute;
        top: -.1875rem;
        right: 0;
        width: 1.5625rem;
        height: 1.25rem;
        color: #0062c8;
        font-size: 1.375rem
    }

.form--style-a .form-summary__img {
    margin-bottom: .9375rem
}

.form--style-a .form-summary__text-style-a {
    margin-bottom: .625rem
}

.form--style-a .form-summary__text-style-b {
    color: #505050;
    margin-bottom: 0
}

.form--style-a .form-summary__info .location-infobox__summary-title, .form--style-a .form-summary__text-style-c {
    margin-bottom: .625rem;
    font-family: DIN2014-Demi
}

.form--style-a .form-summary__info .location-infobox__summary-title {
    font-size: 1rem;
    line-height: 1.0625rem
}

.form--style-a .form-summary__Edit {
    position: absolute;
    right: 1.25rem
}

@media (min-width:48em) {
    .form--style-a .form-summary__info .location-infobox__summary-title {
        font-size: 1.0625rem
    }

    .form--style-a .form-summary__Edit {
        bottom: .625rem
    }
}

.form--style-a .controls--style-a {
    margin-right: 2.5641%;
    margin-bottom: 1.25rem
}

    .form--style-a .controls--style-a input {
        width: 100%;
        margin-bottom: 1.25rem
    }

@media (min-width:48em) {
    .form--style-a .controls--style-a input {
        width: 52.88462%;
        margin-right: 1.25rem
    }

    .form--style-a .controls--style-a .field-validation-message {
        margin-right: calc(100% - 18.75rem)
    }
}

.form--style-a .controls--style-a .btn {
    min-height: 3.0625rem
}

.form--style-a .controls--style-a .field-validation-message {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1.25rem
}

.form--style-a .controls--style-a .btn--width-a {
    width: 100%;
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .form--style-a .controls--style-a .btn--width-a {
        width: auto
    }
}

.form--style-a .controls--style-a .btn--width-b {
    width: 100%;
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .form--style-a .controls--style-a .btn--width-b {
        width: auto
    }

    .form--style-a .controls--style-a .text {
        display: block;
        margin: .5rem .9375rem 0
    }
}

.form--style-a .map-container--style-a {
    height: 12.5rem;
    margin-top: 0;
    width: 100%;
    margin-bottom: .9375rem
}

@media (min-width:48em) {
    .form--style-a .map-container--style-a {
        width: 44.55128%;
        height: 46.25rem
    }
}

@media (min-width:85.375em) {
    .form--style-a .form-summary--style-a .form-summary__text-style-c {
        padding-top: 0
    }

    .form--style-a .form-summary__Edit {
        right: 1.875rem;
        bottom: 1.25rem
    }

    .form--style-a .map-container--style-a {
        width: 50%;
        height: 48.75rem
    }
}

@media (min-width:120em) {
    .form--style-a .map-container--style-a {
        width: 48.71795%;
        height: 55.25rem
    }
}

.form--style-a .map-container--style-a .map {
    height: 100%
}

.form--style-a .map-container--style-b {
    display: none
}

@media (min-width:48em) {
    .form--style-a .map-container--style-b {
        display: block;
        height: 9.375rem;
        width: 15.625rem;
        float: left;
        margin-top: 0;
        margin-right: 1.875rem;
        margin-bottom: 0
    }
}

@media (min-width:85.375em) {
    .form--style-a .map-container--style-b {
        margin-right: 3.125rem;
        margin-bottom: 1.25rem
    }
}

.form--style-a .form-actions, .form-submit-error {
    margin-right: 2.5641%
}

.form--style-a .map-container--style-b .map {
    height: 100%
}

.form--style-a .form-actions .btn {
    width: 100%
}

.form--style-a .form-subtext {
    color: #505050;
    margin-bottom: 0;
    margin-top: 1.25rem;
    margin-right: 2.5641%
}

.location__loader, .submission__loader {
    text-align: center;
    width: 100%;
    visibility: hidden;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    opacity: 0;
    height: 0
}

.location__loader--in .location__loader, .submission__loader--in .submission__loader {
    opacity: 1;
    visibility: visible;
    height: auto
}

@media (min-width:48em) {
    .location__loader, .submission__loader {
        width: auto;
        margin-left: 1.875rem;
        margin-top: -.3125rem
    }
}

@media (min-width:85.375em) {
    .location__loader, .submission__loader {
        margin-top: .3125rem
    }

        .location__loader img, .submission__loader img {
            margin-left: -.3125rem
        }
}

.location__loader span, .submission__loader span {
    display: block;
    margin-top: .625rem;
    font-family: DIN2014-Demi;
    font-size: .625rem;
    line-height: .9375rem;
    letter-spacing: .0625rem;
    color: #505050;
    text-transform: uppercase
}

.location__loader--in .location__loader img {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.submission__loader {
    margin-top: .3125rem
}

.submission__loader--in .submission__loader img {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.form-submit-error {
    display: none
}

.submission__error .form-submit-error {
    display: block
}

.form-received {
    margin-bottom: 7.8125rem
}

@media (min-width:85.375em) {
    .submission__loader {
        margin-top: .3125rem
    }

    .form-received .form__inner {
        padding-top: 3.125rem
    }
}

@media (min-width:120em) {
    .form-received .form__inner {
        padding-top: 5rem
    }
}

.form-received .form-summary {
    margin-right: 0
}

@media (min-width:48em) {
    .submission__loader {
        margin-top: .3125rem
    }

    .form-received {
        margin-bottom: 12.5rem
    }

        .form-received .form-summary {
            margin-bottom: 2.5rem
        }
}

.form-received__description {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .form-received__description {
        margin-bottom: 2.5rem
    }
}

.form-received__list {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .form-received__list {
        margin-bottom: 2.5rem
    }
}

.form-received__btn {
    margin: 1.25rem 0
}

.form-received__cta {
    display: block;
    color: #000;
    font-size: .875rem;
    font-family: DIN2014-Demi;
    padding-right: 1.25rem;
    line-height: 1.25rem;
    position: relative;
    z-index: 10;
    text-transform: uppercase
}

    .form-received__cta:not(.btn) {
        color: #000
    }

    .form-received__cta i {
        color: #cd192d;
        font-size: .625rem
    }

.form-received__img {
    margin-bottom: -7.8125rem;
    margin-left: 4.0625rem
}

@media (min-width:48em) {
    .form-received__img {
        margin-top: -3.125rem;
        margin-bottom: -15.625rem;
        margin-left: 12.5rem
    }
}

@media (min-width:85.375em) {
    .form-received__img {
        margin-top: -7.8125rem;
        margin-bottom: -28.125rem;
        margin-left: 31.25rem
    }
}

.gallery-carousel {
    left: calc(((100vw - 100%)/ 2)/ -1);
    right: calc(((100vw - 100%)/ 2)/ -1);
    width: calc(100% + (100vw - 100%));
    max-width: calc(100% + (100vw - 100%));
    position: relative;
    padding-top: 1.875rem
}

    .gallery-carousel .owl-stage {
        right: 1.25rem
    }

@media (min-width:48em) {
    .gallery-carousel {
        padding-top: 2.5rem
    }

        .gallery-carousel .owl-stage {
            right: 0
        }
}

@media (min-width:64em) {
    .gallery-carousel .owl-stage {
        right: 3.4375rem
    }
}

@media (min-width:120em) {
    .gallery-carousel .owl-stage {
        right: 12.5rem
    }
}

.gallery-carousel .owl-item:nth-child(even) {
    margin-top: 2.5rem
}

@media (min-width:64em) {
    .gallery-carousel .owl-item:nth-child(even) {
        margin-top: 3.75rem
    }
}

.gallery-carousel .owl-prev {
    display: block;
    position: absolute;
    top: 40%;
    left: .625rem;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

    .gallery-carousel .owl-prev.disabled {
        display: none
    }

.gallery-carousel .owl-next {
    display: block;
    position: absolute;
    top: 40%;
    right: .625rem;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%)
}

    .carousel-modal__navigation .carousel-modal__prev, .gallery-carousel .owl-next.disabled {
        display: none
    }

.carousel-modal__navigation {
    background: #F4F4F4;
    padding: 1.25rem 2.5rem;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 20
}

@media (min-width:48em) {
    .carousel-modal__navigation {
        background: 0 0;
        padding: 0;
        width: auto;
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        height: 16.25rem
    }

        .carousel-modal__navigation .carousel-modal__prev {
            display: block;
            position: absolute;
            top: 0;
            padding: 1.25rem;
            right: 3.75rem;
            width: 3.75rem;
            z-index: 10;
            overflow: hidden;
            background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
            margin-right: 0;
            transition: margin-right .5s
        }
}

@media (min-width:64em) {
    .carousel-modal__navigation .carousel-modal__prev {
        padding: 1.25rem 1.5625rem;
        right: 4.375rem;
        width: 4.375rem
    }
}

@media (min-width:85.375em) {
    .gallery-carousel .owl-item:nth-child(even) {
        margin-top: 5.3125rem
    }

    .carousel-modal__navigation .carousel-modal__prev {
        padding: 1.25rem 2.1875rem;
        right: 5.625rem;
        width: 5.625rem
    }
}

@media (min-width:120em) {
    .carousel-modal__navigation .carousel-modal__prev {
        padding: 1.25rem 2.5rem;
        right: 6.25rem;
        width: 6.25rem
    }
}

@media (min-width:48em) {
    .carousel-modal__navigation .carousel-modal__next {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0 1.25rem;
        z-index: 10;
        overflow: hidden;
        margin-right: 0;
        width: 3.125rem
    }

    .carousel-modal__navigation .carousel-modal__next, .carousel-modal__navigation .carousel-modal__prev {
        text-transform: uppercase;
        font-family: DIN2014-Demi;
        font-size: .9375rem;
        letter-spacing: .03125rem;
        bottom: 0;
        transition: background .2s ease-in-out
    }
}

@media (min-width:85.375em) {
    .carousel-modal__navigation .carousel-modal__next {
        width: 5rem
    }
}

.carousel-modal__navigation .carousel-modal__next.disabled {
    display: none
}

.carousel-modal__navigation .carousel-modal__next, .carousel-modal__navigation .carousel-modal__prev {
    color: #000
}

    .carousel-modal__navigation .carousel-modal__next .carousel-modal__next-text, .carousel-modal__navigation .carousel-modal__next:hover, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-text {
        color: #cd192d
    }

    .carousel-modal__navigation .carousel-modal__next .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__next .carousel-modal__prev-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__prev-title {
        line-height: 1rem
    }

@media (min-width:48em) {
    .carousel-modal__navigation .carousel-modal__next .carousel-modal__next-text, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-text {
        display: none
    }

    .carousel-modal__navigation .carousel-modal__next .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__next .carousel-modal__prev-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__prev-title {
        left: 50%;
        -webkit-transform: rotate(90deg) translate(2.5rem,-50%);
        -ms-transform: rotate(90deg) translate(2.5rem,-50%);
        transform: rotate(90deg) translate(2.5rem,-50%);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        position: absolute;
        width: 15.625rem;
        margin-top: -1.25rem;
        text-align: right
    }

    .carousel-modal__navigation .carousel-modal__next .icon, .carousel-modal__navigation .carousel-modal__prev .icon {
        font-size: 1.25rem;
        left: 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
        position: absolute;
        bottom: 1.25rem
    }
}

.carousel-modal__navigation .carousel-modal__next .carousel-modal__next-pre-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-pre-title {
    color: #cd192d;
    margin-right: .625rem
}

.carousel-modal__navigation .carousel-modal__next .icon, .carousel-modal__navigation .carousel-modal__prev .icon {
    float: right
}

.carousel-modal__navigation .carousel-modal__next .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-title {
    display: inline-block
}

.carousel-modal__navigation .carousel-modal__prev:hover .icon {
    -webkit-animation: arrow-movement-left 1s ease-in-out infinite;
    animation: arrow-movement-left 1s ease-in-out infinite
}

.carousel-modal__navigation .carousel-modal__next:hover .icon {
    -webkit-animation: arrow-movement-right 1s ease-in-out infinite;
    animation: arrow-movement-right 1s ease-in-out infinite
}

@media (min-width:85.375em) {
    .carousel-modal__navigation .carousel-modal__next .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__next .carousel-modal__prev-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__prev-title {
        margin-top: -2.5rem
    }

    .carousel-modal__navigation .carousel-modal__next .icon, .carousel-modal__navigation .carousel-modal__prev .icon {
        bottom: 2.5rem
    }

    .gallery-carousel__next {
        margin-right: 5rem
    }
}

@media (min-width:120em) {
    .gallery-carousel__next {
        margin-right: 22.5rem
    }
}

.gallery-carousel__next span {
    display: none;
    font-family: DIN2014-Demi;
    font-size: .75rem
}

.gallery-carousel__next .icon {
    font-size: 1.1875rem
}

.gallery-carousel__wrapper .gallery-carousel__header {
    text-align: center;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .gallery-carousel__wrapper .gallery-carousel__header {
        margin-bottom: 2.5rem
    }
}

@media (min-width:48em) {
    .carousel-modal__navigation .carousel-modal__next .carousel-modal__next-title, .carousel-modal__navigation .carousel-modal__prev .carousel-modal__next-title {
        width: 11.25rem;
        margin-left: -.125rem
    }

    .gallery-carousel__next span {
        display: inline;
        margin-right: .3125rem
    }

    .gallery-carousel__next .icon {
        vertical-align: middle;
        font-size: .9375rem
    }

    .gallery-carousel__tabs {
        text-align: center
    }

        .gallery-carousel__tabs .select {
            display: none
        }
}

.gallery-carousel__tabs .select {
    width: 9.375rem;
    margin: auto
}

.gallery-carousel__tabs .list {
    display: none;
    font-family: DIN2014-Demi
}

@media (min-width:48em) {
    .gallery-carousel__tabs .list {
        display: block
    }
}

.gallery-carousel__tabs .list .list__item {
    display: inline-block;
    color: #a7a9ac;
    cursor: pointer
}

@media (min-width:64em) {
    .gallery-carousel__tabs .list .list__item {
        margin: 0 1.25rem;
        padding: 0
    }

        .gallery-carousel__tabs .list .list__item:after {
            content: ""
        }
}

.gallery-carousel__tabs .list .list__item:before {
    content: none
}

.ambient-hero__title:before, .gallery-carousel__tabs .list .list__item.list__item--active:after, .header__inner:after, .header__inner:before, .hero--image .hero__body .title--style-a::after, .hero-carousel .hero-carousel--opacity:before, .hero.hero--image.hero--gradient-a::after, .hero__body .hero__body-sup-title::after {
    content: ""
}

.gallery-carousel__tabs .list .list__item.list__item--active, .gallery-carousel__tabs .list .list__item:hover {
    color: #fff;
    text-decoration: none
}

    .gallery-carousel__tabs .list .list__item.list__item--active:after, .gallery-carousel__tabs .list .list__item:hover:after {
        width: 100%;
        height: .125rem;
        background: #cd192d;
        margin: auto;
        display: block
    }

.gallery-carousel__item-container {
    margin-left: .625rem
}

@media (min-width:48em) {
    .gallery-carousel__item-container {
        margin-left: .625rem;
        margin-right: 3.125rem
    }
}

@media (min-width:64em) {
    .gallery-carousel__item-container {
        margin-right: 3.75rem
    }
}

@media (min-width:85.375em) {
    .gallery-carousel__item-container {
        margin-right: 6.25rem
    }
}

@media (min-width:120em) {
    .gallery-carousel__item-container {
        margin-right: 9.375rem
    }
}

.gallery-carousel__item-container.modal__open .gallery-carousel__media-container {
    overflow: hidden
}

.gallery-carousel__item-container.modal__open .gallery-carousel__image {
    position: relative;
    opacity: .65;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 250ms ease-in-out
}

.gallery-carousel__item-container.modal__open:hover .gallery-carousel__image {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.gallery-carousel__item-container .gallery-carousel__media-container {
    margin-bottom: .625rem;
    position: relative
}

@media (min-width:64em) {
    .gallery-carousel__item-container .gallery-carousel__media-container {
        margin-bottom: .9375rem
    }
}

.gallery-carousel__item-container .gallery-carousel__media-container .modal__header-img {
    width: auto;
    min-width: auto;
    height: auto;
    min-height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.gallery-carousel__title {
    text-align: center;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: DIN2014-Demi;
    padding: 0 1.5625rem;
    z-index: 1
}

.gallery-carousel__text {
    text-align: center;
    font-family: DIN2014-Demi;
    color: #a7a9ac
}

.header {
    background: #000;
    z-index: 9;
    width: 100vw;
    transition: transform 330ms linear;
    transition: transform 330ms linear,-webkit-transform 330ms linear
}

.js .header {
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.sitecore-editor-mode .header {
    margin-top: 0 !important;
    height: auto !important;
    width: 100%;
    position: relative !important
}

.menu-in .header {
    z-index: 999
}

.header.headroom {
    transition: -webkit-transform 330ms linear;
    transition: transform 330ms linear;
    transition: transform 330ms linear,-webkit-transform 330ms linear
}

.header__inner {
    position: relative;
    width: 100vw;
    padding: 1.0625rem .625rem;
    background: #000;
    height: 3.75rem
}

    .header__inner:after, .header__inner:before {
        display: table
    }

    .header__inner:after {
        clear: both
    }

@media (min-width:64em) {
    .header__inner {
        padding: 1.0625rem 1.875rem 0;
        height: 5rem;
        background: 0 0;
        margin: 0 auto
    }
}

@media (min-width:75em) {
    .header__inner {
        margin: 0 auto;
        height: 5rem
    }

    .header__logo a {
        text-align: center
    }
}

@media (min-width:85.375em) {
    .header__inner {
        margin: 0;
        height: 4.375rem;
        padding: 1.0625rem 2.5rem 0
    }
}

@media (min-width:102.6875em) {
    .header__inner {
        margin: 0;
        padding: 1.0625rem 2.5rem 0
    }
}

@media (max-width:1023px) {
    .menu-open .header__inner {
        background-color: #000;
        transition: all .3s ease-in,background .5s ease-in;
        transition-delay: .25s;
        overflow: visible
    }
}

.header-utility-search {
    position: relative;
    width: auto;
    float: right;
    margin-top: .3125rem;
    margin-right: .125rem
}

    .header-utility-search input {
        max-width: 13.75rem;
        margin-bottom: 0;
        height: 2rem
    }

    .header-utility-search button {
        color: #fff;
        background: #2a2a2a;
        padding: .25rem .375rem
    }

.header__logo {
    margin: 0 auto;
    font-size: 0;
    max-width: 7.75rem;
    position: relative;
    width: 100%;
    z-index: 99
}

@media (min-width:64em) {
    .header__logo {
        margin: 0 .9375rem 0 0;
        display: inline-block;
        float: left;
        max-width: 6.5rem
    }
}

@media (min-width:85.375em) {
    .header__logo {
        margin: .4375rem 2.5rem 0 0
    }
}

.header__logo a {
    display: block;
    transition: none
}

    .header__logo a span {
        border: 0;
        clip: rect(0 0 0 0);
        height: .0625rem;
        margin: -.0625rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: .0625rem
    }

        .header__logo a span.focusable:active, .header__logo a span.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

.header__logo img {
    display: block
}

.header__menu-action {
    width: 1.5rem;
    height: 1rem;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: .5s ease-in-out;
    position: absolute;
    display: block;
    top: 1.375rem;
    left: 1.5625rem;
    z-index: 20;
    color: #fff
}

@media (min-width:48em) {
    .header__menu-action {
        left: 1.875rem
    }
}

@media (min-width:64em) {
    .header__menu-action {
        display: none
    }
}

.header__menu-action .mm-toggle, .header__menu-action .mobile-nav-action {
    display: block;
    width: 100%;
    height: 100%
}

.header__menu-action span {
    display: block;
    position: absolute;
    height: .125rem;
    width: 100%;
    border-radius: .5625rem;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background: #fff;
    transition: .25s ease-in-out
}

.hero.hero--image.hero--gradient-a::after, .section-block--style-a .hero.hero--image.hero--gradient-a::after {
    background-image: radial-gradient(50% 47%,#2a2a2a 50%,rgba(34,34,34,0) 100%)
}

.header__menu-action span:nth-child(1) {
    top: 0
}

.menu-open .header__menu-action span:nth-child(1) {
    top: .625rem;
    width: 0%;
    left: 50%
}

.header__menu-action span:nth-child(2) {
    top: .4375rem;
    width: 1rem;
    left: 50%;
    margin-left: -.5rem
}

.menu-open .header__menu-action span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 1.375rem;
    margin-left: -.6875rem
}

.header__menu-action span:nth-child(3) {
    top: .4375rem;
    width: 1rem;
    left: 50%;
    margin-left: -.5rem
}

.menu-open .header__menu-action span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1.375rem;
    margin-left: -.6875rem
}

.header__menu-action span:nth-child(4) {
    top: .875rem;
    width: .5rem;
    left: 50%;
    margin-left: -.25rem
}

.menu-open .header__menu-action span:nth-child(4) {
    top: .625rem;
    width: 0%;
    left: 50%
}

.header__search {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.25rem;
    right: 2.5rem;
    z-index: 30;
    transition: all .5s ease-in-out
}

@media (min-width:48em) {
    .header__search {
        right: 3.75rem;
        left: 10.9375rem;
        height: 1.75rem;
        line-height: 1.75rem;
        top: .9375rem;
        bottom: auto
    }
}

@media (min-width:64em) {
    .header__search {
        left: 12.5rem
    }
}

@media (min-width:75em) {
    .header__search {
        left: 50%;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 37.5rem
    }
}

.ambient-hero__video, .hero--image .hero__body {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

@media (min-width:85.375em) {
    .header__search {
        float: right;
        top: 0;
        width: 30.3125rem;
        transition: all 150ms ease-in
    }
}

.header__utility {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    opacity: 0;
    visibility: hidden;
    margin-top: .625rem;
    transition: all 250ms ease-in
}

.menu-open .header__utility {
    visibility: visible;
    opacity: 1
}

@media (min-width:64em) {
    .header__utility {
        display: block;
        position: absolute;
        width: auto;
        right: 2.5rem;
        margin-top: 0;
        float: right;
        opacity: 1;
        visibility: visible;
        top: .9375rem
    }
}

@media (min-width:85.375em) {
    .header__utility {
        position: relative;
        width: auto;
        right: 2.5rem;
        float: right;
        clear: none;
        margin-top: .3125rem;
        top: 0;
        transition-delay: 150ms
    }
}

@media (min-width:120em) {
    .header__utility {
        right: 3.125rem
    }
}

.header__utility ul {
    list-style: none;
    margin: 0
}

    .header__utility ul li {
        display: block;
        transition: all 150ms ease-in;
        padding: .625rem 1.5625rem
    }

        .header__utility ul li a:not(.btn) {
            font-size: .875rem;
            letter-spacing: .03125rem;
            line-height: 1.375rem;
            color: #a7a9ac
        }

@media (min-width:64em) {
    .header__utility ul li {
        display: inline-block;
        padding: 0
    }

        .header__utility ul li:first-child a {
            padding-left: 0
        }

        .header__utility ul li a:not(.btn) {
            padding-left: .625rem;
            color: #fff
        }
}

.header__utility ul li a:not(.btn):hover {
    text-decoration: none;
    color: #8f8f8f
}

.header__utility ul li::before {
    display: none
}

.hero {
    position: relative;
    overflow: hidden;
    padding: 1.875rem 0;
    z-index: 2
}

@media (min-width:48em) {
    .hero {
        padding: 3.125rem 0
    }

    .hero__body {
        max-width: 43.75rem
    }
}

@media (min-width:85.375em) {
    .hero {
        padding: 4.6875rem 0
    }
}

.hero.hero--image {
    height: 28.75rem;
    padding: 0
}

@media (min-width:64em) {
    .hero.hero--image {
        height: 37rem;
        padding: 0
    }
}

@media (min-width:85.375em) {
    .hero.hero--image {
        height: 49.375rem;
        padding: 0
    }

    .hero__body {
        max-width: 71.875rem
    }
}

.hero.hero--image.hero--gradient-a::after {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .6;
    z-index: 7
}

.section-block--style-b .hero.hero--image.hero--gradient-a::after {
    background-image: radial-gradient(50% 47%,#000 50%,rgba(34,34,34,0) 100%)
}

.section-block--style-c .hero.hero--image.hero--gradient-a::after {
    background-image: radial-gradient(50% 47%,#fff 50%,rgba(34,34,34,0) 100%);
    opacity: .25
}

.section-block--style-d .hero.hero--image.hero--gradient-a::after {
    background-image: radial-gradient(50% 47%,#F6eede 50%,rgba(34,34,34,0) 100%);
    opacity: .25
}

.hero.hero--type-a {
    padding: .3125rem 0 0
}

.hero__body {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    z-index: 3
}

.hero--image .hero__body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9
}

.hero--type-a .hero__body {
    text-align: left;
    position: relative;
    margin: 0 1.25rem;
    max-width: 96.25rem
}

    .hero--type-a .hero__body:after, .hero--type-a .hero__body:before {
        display: table;
        content: ""
    }

    .hero--type-a .hero__body:after {
        clear: both
    }

@media (min-width:85.375em) {
    .hero--type-a .hero__body {
        margin: 0 auto
    }
}

.hero--image .hero__body .title--style-a {
    padding-bottom: 1.25rem;
    margin-bottom: 1.5625rem
}

    .hero--image .hero__body .title--style-a::after {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: .1875rem;
        width: 5rem;
        top: 100%
    }

.hero__body p {
    font-size: 1.0625rem;
    letter-spacing: .03125rem;
    line-height: 1.4375rem;
    margin: 0 auto;
    width: 100%
}

@media (min-width:48em) {
    .hero__body p {
        max-width: 28.75rem
    }
}

.hero--type-a .hero__body p {
    margin: 0
}

.hero__body .hero__body-sup-title {
    font-size: 1.125rem;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    position: relative;
    padding-bottom: .9375rem;
    margin-bottom: 1.5625rem
}

@media (min-width:48em) {
    .hero__body .hero__body-sup-title {
        margin-bottom: 2.1875rem
    }
}

.hero--type-a .hero__body .hero__body-sup-title {
    margin: 0
}

.hero__body .hero__body-sup-title::after {
    position: absolute;
    height: .125rem;
    width: 2.5rem;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero--type-a .hero__body .hero__body-sup-title::after {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.hero__body .title--style-a + p {
    margin-top: 2.5rem
}

.hero__media {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 28.75rem;
    width: 100%
}

@media (min-width:64em) {
    .hero__media {
        height: 37rem
    }
}

@media (min-width:85.375em) {
    .hero__body p {
        max-width: 38.75rem
    }

    .hero__media {
        height: 49.375rem
    }
}

.hero__media .img-to-bg img {
    height: 28.75rem;
    width: 100%;
    object-fit: cover
}

@media (min-width:64em) {
    .hero__media .img-to-bg img {
        height: 37rem
    }
}

.hero__scroll {
    display: none
}

@media (min-width:85.375em) {
    .hero__media .img-to-bg img {
        height: 49.375rem
    }

    .hero__scroll {
        display: block;
        position: absolute;
        left: 5vw;
        bottom: 3.125rem;
        height: auto;
        float: left;
        z-index: 9
    }
}

.hero__scroll a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.section-block--style-c .hero__scroll a, .section-block--style-d .hero__scroll a {
    color: #000
}

.section-block--style-a .icon-grid__link:not(.btn), .section-block--style-b .icon-grid__link:not(.btn), .section-block--style-c .hero-carousel .hero-carousel__next, .section-block--style-c .hero-carousel .hero-carousel__prev, .section-block--style-d .hero-carousel .hero-carousel__next, .section-block--style-d .hero-carousel .hero-carousel__prev {
    color: #fff
}

.hero__scroll b {
    display: block;
    padding-bottom: 1.875rem;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .0625rem;
    line-height: .9375rem;
    font-weight: 100
}

.hero__scroll i {
    font-size: 1rem;
    display: block;
    -webkit-animation: scrollArrow 2.4s cubic-bezier(.7,0,.3,1) infinite;
    animation: scrollArrow 2.4s cubic-bezier(.7,0,.3,1) infinite
}

.ambient-hero {
    position: relative;
    margin-bottom: 0;
    height: 25.3125rem;
    padding: 0;
    overflow: hidden
}

@media (min-width:64em) {
    .ambient-hero {
        height: 35rem;
        padding: 0
    }
}

@media (min-width:85.375em) {
    .ambient-hero {
        height: 46.5625rem;
        padding: 0
    }
}

@media (min-width:120em) {
    .ambient-hero {
        height: 49.375rem;
        padding: 0
    }
}

.ie11 .ambient-hero {
    overflow: hidden
}

.ambient-hero .hero__scroll {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 2.5rem;
    text-align: center
}

.ambient-hero__video {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    height: 28.75rem;
    overflow: hidden
}

@media (min-width:64em) {
    .ambient-hero__video {
        height: 37rem
    }
}

@media (min-width:85.375em) {
    .ambient-hero__video {
        height: 49.375rem
    }
}

.ambient-hero__inner video {
    display: none
}

@media (min-width:48em) {
    .ambient-hero__inner video {
        display: block;
        width: 100%;
        height: 100%
    }
}

.ambient-hero__body {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 5
}

    .ambient-hero__body .ambient-hero__subtitle {
        opacity: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 101.2987%;
        max-width: 90%
    }

.ambient-hero__title:before, .cd-handle::after {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

@media (min-width:48em) {
    .ambient-hero__body .ambient-hero__subtitle {
        max-width: 91%
    }
}

@media (min-width:85.375em) {
    .ambient-hero__body .ambient-hero__subtitle {
        max-width: 92%
    }
}

.ambient-hero__body .ambient-hero__subtitle.ambient-hero--active {
    opacity: 1
}

.ambient-hero__title {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .ambient-hero__title {
        margin-bottom: 1.875rem
    }
}

.ambient-hero__title:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: .1875rem;
    width: 2.5rem;
    top: 100%;
    margin-top: 1.25rem
}

@media (min-width:48em) {
    .ambient-hero__title:before {
        width: 7.6875rem;
        margin-top: 1.875rem
    }
}

.ambient-hero__subtitle {
    padding-top: 1.25rem
}

.ambient-hero__media {
    position: absolute;
    z-index: 3;
    top: 0;
    height: 28.75rem;
    width: 100%
}

@media (min-width:48em) {
    .ambient-hero__subtitle {
        padding-top: 2.5rem
    }

    .ambient-hero__media {
        z-index: 1
    }

    .hero-carousel .owl-stage {
        right: 1.875rem
    }
}

@media (min-width:64em) {
    .ambient-hero__media {
        height: 37rem
    }
}

@media (min-width:85.375em) {
    .ambient-hero__media {
        height: 49.375rem
    }
}

.ios .ambient-hero__media {
    position: absolute;
    padding-top: 0 !important
}

.ambient-hero__media .img-to-bg img {
    height: 28.75rem;
    width: 100%;
    object-fit: cover
}

@media (min-width:64em) {
    .ambient-hero__media .img-to-bg img {
        height: 37rem
    }

    .hero-carousel .owl-stage {
        right: 2.1875rem
    }
}

@media (min-width:85.375em) {
    .ambient-hero__media .img-to-bg img {
        height: 49.375rem
    }

    .hero-carousel .owl-stage {
        right: 2.8125rem
    }
}

.ambient-hero__media video {
    display: block;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

@media (min-width:75em) {
    .hero-video-background .ambient-hero__media {
        display: none
    }
}

.hero-carousel {
    position: relative;
    padding: 0
}

@media (min-width:120em) {
    .ambient-hero__body .ambient-hero__subtitle {
        max-width: 80%
    }

    .ambient-hero__title {
        margin-bottom: 2.5rem
    }

        .ambient-hero__title:before {
            margin-top: 2.5rem
        }

    .hero-carousel .owl-stage {
        right: 3.125rem
    }
}

.hero-carousel .video-container .video-container__media {
    padding-bottom: 100%
}

@media (min-width:37.5em) {
    .hero-carousel .video-container .video-container__media {
        padding-bottom: 56.25%
    }
}

.hero-carousel .video-container .video .video__poster {
    bottom: 0;
    top: 0
}

.hero-carousel .hero-carousel--opacity:before {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: tranlsate3d(0,0,0);
    -ms-transform: tranlsate3d(0,0,0);
    transform: tranlsate3d(0,0,0);
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,.4);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hero-carousel .hero-carousel__prev {
    display: none
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__prev {
        display: block;
        position: absolute;
        top: 0;
        padding: 1.25rem;
        right: 3.75rem;
        width: 3.75rem;
        z-index: 10;
        overflow: hidden;
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
        margin-right: 0;
        transition: margin-right .5s
    }
}

@media (min-width:64em) {
    .hero-carousel .hero-carousel__prev {
        padding: 1.25rem 1.5625rem;
        right: 4.375rem;
        width: 4.375rem
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__prev {
        padding: 1.25rem 2.1875rem;
        right: 5.625rem;
        width: 5.625rem
    }
}

@media (min-width:120em) {
    .hero-carousel .hero-carousel__prev {
        padding: 1.25rem 2.5rem;
        right: 6.25rem;
        width: 6.25rem
    }
}

.hero-carousel .hero-carousel__next {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.25rem;
    z-index: 10;
    overflow: hidden;
    margin-right: 0
}

@media (max-width:767px) {
    .hero-carousel .hero-carousel__next {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__next {
        width: 3.75rem;
        background-image: none
    }
}

@media (min-width:64em) {
    .hero-carousel .hero-carousel__next {
        padding: 1.25rem 1.5625rem;
        width: 4.375rem
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__next {
        padding: 1.25rem 2.1875rem;
        width: 5.625rem
    }
}

@media (min-width:120em) {
    .hero-carousel .hero-carousel__next {
        padding: 1.25rem 2.5rem;
        width: 6.25rem
    }
}

.hero-carousel .hero-carousel__next.disabled {
    margin-right: -6.25rem
}

.hero-carousel .hero-carousel__next, .hero-carousel .hero-carousel__prev {
    text-transform: uppercase;
    font-family: DIN2014-Demi;
    font-size: .9375rem;
    letter-spacing: .03125rem;
    transition: background .2s ease-in-out
}

    .hero-carousel .hero-carousel__next .hero-carousel__next-title, .hero-carousel .hero-carousel__next .hero-carousel__prev-title, .hero-carousel .hero-carousel__prev .hero-carousel__next-title, .hero-carousel .hero-carousel__prev .hero-carousel__prev-title {
        left: 50%;
        -webkit-transform: rotate(90deg) translate(2.5rem,-50%);
        -ms-transform: rotate(90deg) translate(2.5rem,-50%);
        transform: rotate(90deg) translate(2.5rem,-50%);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        position: absolute;
        width: 15.625rem
    }

    .hero-carousel .hero-carousel__next:hover, .hero-carousel .hero-carousel__prev:hover {
        background: rgba(0,0,0,.6)
    }

    .hero-carousel .hero-carousel__next .icon, .hero-carousel .hero-carousel__prev .icon {
        position: absolute;
        font-size: 1.25rem;
        left: 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    .hero-carousel .hero-carousel__prev:hover .icon {
        -webkit-animation: arrow-movement-left 1s ease-in-out infinite;
        animation: arrow-movement-left 1s ease-in-out infinite
    }

    .hero-carousel .hero-carousel__next:hover .icon {
        -webkit-animation: arrow-movement-right 1s ease-in-out infinite;
        animation: arrow-movement-right 1s ease-in-out infinite
    }

.hero-carousel .video--embed.paused .video__poster, .hero-carousel .video--embed.playing .video__poster {
    z-index: auto
}

.hero-carousel .video--embed .video__poster {
    z-index: 1
}

.hero-carousel .hero-carousel__text {
    padding: .9375rem 1.25rem
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__next.disabled {
        margin-right: 0
    }

    .hero-carousel .hero-carousel__next .hero-carousel__next-title, .hero-carousel .hero-carousel__next .hero-carousel__prev-title, .hero-carousel .hero-carousel__prev .hero-carousel__next-title, .hero-carousel .hero-carousel__prev .hero-carousel__prev-title {
        margin-top: -2.5rem;
        text-align: right
    }

    .hero-carousel .hero-carousel__next .icon, .hero-carousel .hero-carousel__prev .icon {
        position: absolute;
        bottom: 1.25rem
    }

    .hero-carousel .hero-carousel__text {
        padding: 0;
        position: absolute;
        z-index: 2;
        left: 2.1875rem;
        top: 0;
        height: 100%;
        width: 51.94805%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:64em) {
    .hero-carousel .hero-carousel__text {
        width: 32.46753%
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__text {
        left: 3.3125rem;
        width: 49.35065%
    }
}

@media (min-width:120em) {
    .hero-carousel .hero-carousel__text {
        left: 11.875rem;
        width: 33.76623%
    }
}

.hero-carousel .hero-carousel__text.hero-carousel__text--style-a {
    text-align: right
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__text.hero-carousel__text--style-a {
        left: auto;
        right: 5rem
    }

    .hero-carousel .hero-carousel__subTitle.animated {
        opacity: 0
    }
}

@media (min-width:64em) {
    .hero-carousel .hero-carousel__text.hero-carousel__text--style-a {
        right: 5.625rem
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__text.hero-carousel__text--style-a {
        right: 6.875rem
    }
}

.hero-carousel .hero-carousel__text .hero-carousel__logo img {
    width: auto;
    display: inline-block;
    min-width: 0
}

.hero-carousel .hero-carousel__subTitle {
    text-transform: capitalize;
    margin-bottom: .625rem
}

.hero-carousel .hero-carousel__title {
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-bottom: .625rem
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__title.animated {
        opacity: 0
    }

    .hero-carousel .hero-carousel__title {
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: .3125rem
    }

    .hero-carousel .hero-carousel__description.animated {
        opacity: 0
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__title {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 0
    }
}

.hero-carousel .hero-carousel__cta, .hero-carousel .hero-carousel__description {
    margin-bottom: 1.25rem
}

    .hero-carousel .hero-carousel__description p {
        font-size: 1.125rem;
        line-height: 1.125rem
    }

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__description p {
        font-size: 1.375rem;
        line-height: 1.375rem
    }
}

.hero-carousel .hero-carousel__cta--first {
    margin-right: 1.25rem
}

.hero-carousel .hero-carousel__text--style-a .hero-carousel__cta--first {
    margin-right: 0;
    margin-left: 0
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__cta.animated {
        opacity: 0
    }

    .hero-carousel .hero-carousel__text--style-a .hero-carousel__cta--first {
        margin-right: 0;
        margin-left: 0
    }
}

.hero-carousel .hero-carousel__text--style-a .hero-carousel__cta--second {
    margin-left: .625rem
}

.hero-carousel .hero-carousel__item--video .hero-carousel__video {
    display: none
}

.hero-carousel .hero-carousel__item--video .hero-carousel__image {
    display: block
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__text--style-a .hero-carousel__cta--second {
        margin-right: 0;
        margin-left: 1.25rem
    }

    .hero-carousel .hero-carousel__item--video .hero-carousel__video {
        display: block
    }

    .hero-carousel .hero-carousel__item--video .hero-carousel__image {
        display: none
    }

    .hero-carousel .hero-carousel__video, .hero-carousel .owl-item {
        height: 27rem
    }
}

@media (min-width:64em) {
    .hero-carousel .hero-carousel__video, .hero-carousel .owl-item {
        height: 36rem
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__video, .hero-carousel .owl-item {
        height: 48rem
    }
}

@media (min-width:120em) {
    .hero-carousel .hero-carousel__text.hero-carousel__text--style-a {
        right: 7.5rem
    }

    .hero-carousel .hero-carousel__description p {
        font-size: 1.875rem;
        line-height: 2.1875rem
    }

    .hero-carousel .hero-carousel__video, .hero-carousel .owl-item {
        height: 95vh
    }
}

.hero-carousel .hero-carousel__video figure, .hero-carousel .owl-item figure {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media (min-width:48em) {
    .hero-carousel .hero-carousel__video figure, .hero-carousel .owl-item figure {
        height: 27rem
    }

    .hero-carousel__timer-a {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@media (min-width:64em) {
    .hero-carousel .hero-carousel__video figure, .hero-carousel .owl-item figure {
        height: 36rem
    }
}

@media (min-width:85.375em) {
    .hero-carousel .hero-carousel__video figure, .hero-carousel .owl-item figure {
        height: 48rem
    }
}

@media (min-width:120em) {
    .hero-carousel .hero-carousel__video figure, .hero-carousel .owl-item figure {
        height: 95vh
    }
}

.hero-carousel .ambient-video-inner {
    height: 100%;
    width: 100%
}

    .hero-carousel .ambient-video-inner video {
        width: 100%;
        min-width: 100%;
        height: auto !important
    }

.hero-carousel__timer-a {
    position: absolute;
    left: 50%
}

.hero-carousel__timer-b {
    position: absolute;
    right: 50%
}

.hero-carousel__timer-a, .hero-carousel__timer-b {
    width: 0%;
    height: 3px;
    top: 0;
    background: #cd192d;
    z-index: 5
}

@media (min-width:48em) {
    .hero-carousel__timer-a, .hero-carousel__timer-b {
        left: auto;
        right: 60px;
        height: 0;
        width: 3px
    }
}

@media (min-width:64em) {
    .hero-carousel__timer-a, .hero-carousel__timer-b {
        right: 70px
    }
}

@media (min-width:85.375em) {
    .hero-carousel__timer-a, .hero-carousel__timer-b {
        right: 90px
    }
}

.icon-grid__title {
    text-align: center;
    font-size: 1.25rem;
    letter-spacing: .03125rem;
    line-height: 1.625rem
}

.icon-grid__links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-grid__link {
    text-align: center;
    width: 50%;
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .icon-grid__title {
        font-size: 1.5625rem;
        letter-spacing: .0625rem;
        line-height: 2rem
    }

    .icon-grid__link {
        margin-bottom: 6.25rem;
        width: 33.3333%
    }
}

@media (min-width:85.375em) {
    .icon-grid__link {
        margin-bottom: 6.875rem
    }
}

.section-block--style-c .icon-grid__link:not(.btn), .section-block--style-d .icon-grid__link:not(.btn) {
    color: #000
}

.icon-grid__link:not(.btn):hover {
    text-decoration: none
}

.section-block--style-a .icon-grid__link:not(.btn):hover, .section-block--style-b .icon-grid__link:not(.btn):hover, .section-block--style-c .icon-grid__link:not(.btn):hover, .section-block--style-d .icon-grid__link:not(.btn):hover {
    color: #505050
}

.icon-grid__link img {
    display: block;
    height: 3.125rem;
    margin: 0 auto
}

.icon-grid__link span {
    display: block;
    margin-top: 1.5625rem;
    font-family: DIN2014-Demi;
    text-transform: uppercase;
    letter-spacing: .03125rem;
    font-size: .9375rem;
    line-height: 1.25rem;
    padding: 0 .3125rem
}

.image-block img {
    display: block;
    max-width: 100%
}

.image-block .block, .media-hero__content {
    display: -webkit-flex;
    display: -ms-flexbox
}

.image-block .block {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

.image-block__image {
    width: 100%
}

@media (min-width:37.5em) {
    .image-block__image {
        width: 53.57143%
    }

    .image-block--layout-a .image-block__image {
        margin-left: auto;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:48em) {
    .icon-grid__link span {
        font-size: 1.0625rem;
        line-height: 1.375rem
    }

    .image-block__image {
        width: 62.01299%
    }
}

@media (min-width:85.375em) {
    .image-block__image {
        width: 74.67532%
    }

    .image-block--layout-a .image-block__image {
        margin-left: auto
    }
}

@media (min-width:120em) {
    .hero-carousel__timer-a, .hero-carousel__timer-b {
        right: 100px
    }

    .image-block--layout-a .image-block__image {
        margin-left: auto
    }
}

@media (max-width:599px) {
    .image-block--orientation-a .image-block__image {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.image-block--orientation-b .image-block__image {
    margin-bottom: 1.25rem
}

@media (min-width:37.5em) {
    .image-block--orientation-b .image-block__image {
        margin-bottom: 0;
        width: 53.57143%
    }
}

@media (min-width:48em) {
    .image-block--orientation-b .image-block__image {
        width: 62.01299%
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b .image-block__image {
        width: 57.79221%
    }
}

@media (min-width:102.6875em) {
    .image-block--orientation-b .image-block__image {
        width: 62.01299%
    }

    .image-block--orientation-b.section-block--quote .image-block__image {
        width: 49.35065%
    }
}

.image-block--orientation-b.section-block--quote .image-block__image {
    margin-bottom: 1.25rem
}

@media (min-width:37.5em) {
    .image-block--orientation-b.section-block--quote .image-block__image {
        margin-bottom: 0;
        width: 49.35065%
    }
}

.image-block--dual.image-block--orientation-b .image-block__image {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .image-block--dual.image-block--orientation-b .image-block__image, .image-block--orientation-b.section-block--quote .image-block__image {
        width: 49.35065%
    }
}

@media (min-width:102.6875em) {
    .image-block--dual.image-block--orientation-b .image-block__image {
        width: 49.35065%
    }
}

@media (min-width:37.5em) {
    .image-block--dual.image-block--orientation-b .image-block__image {
        margin-bottom: 0;
        width: 49.35065%
    }

    .image-block--orientation-b.image-block--layout-a .image-block__image {
        margin-left: auto;
        margin-right: 0
    }
}

@media (min-width:85.375em) {
    .image-block--dual.image-block--orientation-b .image-block__image, .image-block--orientation-b.section-block--quote .image-block__image {
        width: 49.35065%
    }

    .image-block--orientation-b.image-block--layout-a .image-block__image {
        margin-left: auto
    }
}

.image-block__image img {
    margin-left: -.9375rem;
    width: calc(100% + .9375rem);
    max-width: calc(100% + .9375rem);
    position: relative
}

@media (min-width:37.5em) {
    .image-block__image img {
        margin-left: -.9375rem;
        width: calc(100% + .9375rem);
        max-width: calc(100% + .9375rem)
    }
}

@media (min-width:48em) {
    .image-block__image img {
        margin-left: -2.125rem;
        width: calc(100% + 2.125rem);
        max-width: calc(100% + 2.125rem)
    }
}

@media (min-width:85.375em) {
    .image-block__image img {
        margin-left: -3.3125rem;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .image-block__image img {
        margin-left: 0;
        left: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }

    .image-block--layout-a .image-block__image img {
        left: 0
    }
}

.image-block--layout-a .image-block__image img {
    margin-left: auto
}

@media (min-width:37.5em) {
    .image-block--layout-a .image-block__image img {
        margin-left: auto
    }
}

@media (min-width:48em) {
    .image-block--layout-a .image-block__image img {
        margin-left: auto
    }
}

.image-block--orientation-b .image-block__image img {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    width: calc(100% + 1.875rem);
    max-width: calc(100% + 1.875rem)
}

@media (min-width:37.5em) {
    .image-block--orientation-b .image-block__image img {
        margin-left: -.9375rem;
        margin-right: 0;
        width: calc(100% + .9375rem);
        max-width: calc(100% + .9375rem)
    }
}

@media (min-width:48em) {
    .image-block--orientation-b .image-block__image img {
        margin-left: -2.125rem;
        margin-right: 0;
        width: calc(100% + 2.125rem);
        max-width: calc(100% + 2.125rem)
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b .image-block__image img {
        margin-left: -3.3125rem;
        margin-right: 0;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .image-block--orientation-b .image-block__image img {
        margin-left: 0;
        left: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }
}

.image-block--orientation-b.section-block--quote .image-block__image img {
    margin-left: -.9375rem;
    margin-right: 0;
    width: calc(100% + .9375rem);
    max-width: calc(100% + .9375rem)
}

@media (min-width:37.5em) {
    .image-block--orientation-b.section-block--quote .image-block__image img {
        margin-left: -.9375rem;
        margin-right: 0;
        width: calc(100% + .9375rem);
        max-width: calc(100% + .9375rem)
    }
}

@media (min-width:48em) {
    .image-block--orientation-b.section-block--quote .image-block__image img {
        margin-left: -2.125rem;
        margin-right: 0;
        width: calc(100% + 2.125rem);
        max-width: calc(100% + 2.125rem)
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b.section-block--quote .image-block__image img {
        margin-left: -3.3125rem;
        margin-right: 0;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .image-block--orientation-b.section-block--quote .image-block__image img {
        margin-left: 0;
        left: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }
}

.image-block--orientation-b.image-block--dual .image-block__image img {
    margin-left: -.9375rem;
    margin-right: 0;
    width: calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem)
}

@media (min-width:37.5em) {
    .image-block--orientation-b.image-block--dual .image-block__image img {
        margin-left: -.9375rem;
        margin-right: 0;
        width: calc(100% + .9375rem);
        max-width: calc(100% + .9375rem)
    }
}

@media (min-width:48em) {
    .image-block--orientation-b.image-block--dual .image-block__image img {
        margin-left: -2.125rem;
        margin-right: 0;
        width: calc(100% + 2.125rem);
        max-width: calc(100% + 2.125rem)
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b.image-block--dual .image-block__image img {
        margin-left: -3.3125rem;
        margin-right: 0;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .image-block--orientation-b.image-block--dual .image-block__image img {
        margin-left: 0;
        left: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }
}

@media (min-width:37.5em) {
    .image-block--orientation-b.image-block--layout-a .image-block__image img {
        margin-left: 0
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b.image-block--layout-a .image-block__image img {
        margin-right: -3.3125rem;
        margin-left: 0;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .image-block--orientation-b.image-block--layout-a .image-block__image img {
        margin-right: 0;
        margin-left: 0;
        left: 0;
        right: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }
}

.section-block--quote.image-block--layout-a.image-block--orientation-b .image-block__image img {
    margin-right: -.9375rem;
    margin-left: auto;
    width: calc(100% + .9375rem);
    max-width: calc(100% + .9375rem)
}

@media (min-width:37.5em) {
    .section-block--quote.image-block--layout-a.image-block--orientation-b .image-block__image img {
        margin-left: 0
    }
}

@media (min-width:85.375em) {
    .section-block--quote.image-block--layout-a.image-block--orientation-b .image-block__image img {
        margin-right: -3.3125rem;
        margin-left: 0;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .section-block--quote.image-block--layout-a.image-block--orientation-b .image-block__image img {
        margin-right: 0;
        margin-left: 0;
        left: 0;
        right: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }
}

.image-block--dual.image-block--layout-a.image-block--orientation-b .image-block__image img {
    margin-right: -.9375rem;
    margin-left: auto;
    width: calc(100% + 1.875rem);
    max-width: calc(100% + 1.875rem)
}

@media (min-width:85.375em) {
    .image-block--dual.image-block--layout-a.image-block--orientation-b .image-block__image img {
        margin-right: -3.3125rem;
        margin-left: 0;
        width: calc(100% + 3.3125rem);
        max-width: calc(100% + 3.3125rem)
    }
}

@media (min-width:102.6875em) {
    .image-block--dual.image-block--layout-a.image-block--orientation-b .image-block__image img {
        margin-right: 0;
        margin-left: 0;
        left: 0;
        right: -9.9009901vw;
        width: calc(100% + 9.9009901vw);
        max-width: calc(100% + 9.9009901vw)
    }

    .image-block__text * {
        margin-right: 16.88312%
    }
}

@media (min-width:37.5em) {
    .image-block--dual.image-block--layout-a.image-block--orientation-b .image-block__image img {
        margin-left: 0
    }

    .image-block__text {
        width: 45.12987%;
        margin-left: auto
    }
}

@media (min-width:48em) {
    .image-block__text {
        width: 32.46753%;
        margin-left: auto
    }
}

@media (min-width:85.375em) {
    .image-block__text {
        width: 24.02597%;
        margin-left: auto;
        margin-top: 6.25rem
    }
}

@media (min-width:102.6875em) {
    .image-block__text ul li small {
        margin: 0
    }
}

.image-block--orientation-a .image-block__text {
    margin-bottom: 1.25rem
}

@media (min-width:37.5em) {
    .image-block--layout-a .image-block__text {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0
    }

    .image-block--orientation-a .image-block__text {
        margin-bottom: 0
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b .image-block__text {
        margin-left: 5.51948%
    }
}

@media (min-width:48em) {
    .image-block--orientation-b .image-block__text {
        margin-top: 0;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .image-block--orientation-b.section-block--quote .image-block__text {
        margin-top: 3.125rem;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 49.35065%;
        margin-left: auto
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b.section-block--quote .image-block__text {
        width: 40.90909%;
        margin-left: 5.51948%;
        margin-top: 3.125rem
    }

    .image-block--orientation-b.section-block--quote.image-block--layout-a .image-block__text {
        width: 40.90909%;
        margin-left: 0
    }
}

@media (min-width:102.6875em) {
    .image-block--orientation-b.section-block--quote .image-block__text {
        width: 40.90909%;
        margin-top: 4.6875rem
    }

    .image-block--orientation-b.section-block--quote.image-block--layout-a .image-block__text {
        width: 40.90909%;
        margin-left: 0
    }
}

@media (min-width:120em) {
    .image-block--orientation-b.section-block--quote .image-block__text {
        margin-top: 6.25rem
    }
}

@media (min-width:37.5em) {
    .image-block--dual.image-block--orientation-b .image-block__text {
        width: 32.46753%;
        margin-left: auto
    }
}

@media (min-width:48em) {
    .image-block--dual.image-block--orientation-b .image-block__text {
        margin-top: 3.75rem;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 32.46753%;
        margin-left: auto
    }
}

@media (min-width:85.375em) {
    .image-block--dual.image-block--orientation-b .image-block__text {
        width: 24.02597%;
        margin-left: auto;
        margin-top: 6.875rem
    }
}

@media (min-width:102.6875em) {
    .image-block--dual.image-block--orientation-b .image-block__text {
        margin-left: auto;
        width: 28.24675%;
        margin-top: 13.125rem
    }
}

@media (min-width:37.5em) {
    .image-block--dual.image-block--orientation-b.image-block--layout-a .image-block__text {
        margin-left: 0
    }
}

@media (min-width:85.375em) {
    .image-block--dual.image-block--orientation-b.image-block--layout-a .image-block__text {
        width: 24.02597%;
        margin-left: 0
    }
}

.image-block__text .image-block__title {
    margin-bottom: 1.25rem
}

@media (min-width:102.6875em) {
    .image-block--dual.image-block--orientation-b.image-block--layout-a .image-block__text {
        width: 28.24675%;
        margin-left: 0
    }

    .image-block__text .image-block__title {
        margin-right: 0
    }
}

@media (min-width:85.375em) {
    .image-block--orientation-b.image-block--layout-a .image-block__text {
        margin-left: 8.44156%;
        margin-right: 0
    }

    .image-block--dual .image-block__text .image-block__title {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }

    .image-block--orientation-a.section-block--padding-bottom {
        padding-bottom: 18.75rem
    }
}

.image-block__text .image-block__cta .btn {
    margin-bottom: .625rem;
    margin-right: 1rem
}

.image-block--dual .image-block__image-a {
    position: relative;
    margin-left: auto;
    margin-top: -14.0625rem;
    margin-bottom: 1.25rem;
    width: 100%
}

@media (min-width:37.5em) {
    .image-block__text .image-block__cta .btn {
        margin-bottom: 1.25rem
    }

    .image-block--dual .image-block__image-a {
        position: absolute;
        margin-top: 0;
        top: 6.875rem;
        margin-bottom: 0;
        width: 50%;
        left: 4.0625rem
    }

    .ie11 .image-block--dual .image-block__image-a {
        left: 0
    }
}

@media (min-width:48em) {
    .image-block--dual .image-block__image-a {
        top: 3.75rem;
        left: auto;
        margin-left: 33.76623%;
        width: 32.46753%
    }

    .ie11 .image-block--dual .image-block__image-a {
        left: 0
    }
}

@media (min-width:85.375em) {
    .image-block--dual .image-block__image-a {
        top: 6.875rem;
        margin-left: 37.98701%
    }
}

@media (min-width:102.6875em) {
    .image-block--dual .image-block__text .image-block__title {
        font-size: 3.125rem;
        letter-spacing: .0625rem;
        line-height: 3.75rem
    }

    .image-block--dual .image-block__image-a {
        top: 12.5rem;
        margin-left: 33.76623%
    }
}

.image-block--dual .image-block__image-a img {
    max-width: 8.75rem;
    float: right
}

@media (max-width:767px) {
    .image-block--dual.image-block--layout-a .image-block__image-a {
        left: auto;
        right: 4.0625rem
    }

    .ie11 .image-block--dual.image-block--layout-a .image-block__image-a {
        left: 0
    }
}

@media (min-width:85.375em) {
    .image-block--dual.image-block--layout-a .image-block__image-a {
        margin-left: 29.54545%
    }
}

@media (min-width:102.6875em) {
    .image-block--dual.image-block--layout-a .image-block__image-a {
        margin-left: 33.76623%
    }
}

.image-block--dual.image-block--layout-a .image-block__image-a img {
    float: left
}

.image-comparison__details {
    position: relative;
    z-index: 4
}

@media (min-width:48em) {
    .image-block--dual .image-block__image-a img {
        max-width: 100%;
        width: 100%
    }

    .image-block--dual.image-block--layout-a .image-block__image-a {
        left: auto
    }

    .ie11 .image-block--dual.image-block--layout-a .image-block__image-a {
        left: 0
    }

    .image-comparison__details {
        width: 40.90909%
    }
}

@media (min-width:64em) {
    .image-comparison__details {
        width: 24.02597%
    }
}

@media (min-width:85.375em) {
    .image-comparison__details {
        width: 19.80519%
    }
}

.image-comparison__details p {
    padding-right: 2.8125rem
}

@media (min-width:120em) {
    .image-comparison__details {
        width: 28.24675%
    }

        .image-comparison__details p {
            padding-right: 8.125rem
        }
}

.image-comparison__details p + .image-comaprison__cta {
    margin-top: .625rem
}

.image-comparison__details + .image-comparison__images {
    margin: 1.5625rem auto 3.75rem
}

@media (min-width:48em) {
    .image-comparison__details + .image-comparison__images {
        margin-top: -3.125rem;
        margin-bottom: 0
    }
}

@media (min-width:64em) {
    .image-comparison__details + .image-comparison__images {
        margin-top: -6.875rem
    }
}

.image-comparison__title {
    margin-bottom: 1.25rem
}

.image-comaprison__cta {
    margin-top: .625rem;
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%
}

.image-comparison__images {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto 3.75rem;
    padding: 1.25rem 0;
    max-width: calc(100% - 1.875rem)
}

@media (min-width:48em) {
    .image-comparison__images {
        max-width: calc(100% - 9.375rem)
    }
}

@media (min-width:64em) {
    .image-comparison__images {
        max-width: calc(100% - 12.5rem)
    }
}

@media (min-width:85.375em) {
    .image-comparison__images {
        max-width: calc(100% - 15.625rem)
    }
}

.image-comparison__images picture {
    width: 100%;
    height: 100%;
    display: block
}

.image-comparison__images img {
    max-width: none;
    width: 100%;
    z-index: 0;
    display: block
}

.cd-resize-img {
    position: absolute;
    top: 1.25rem;
    left: 0;
    height: calc(100% - 2.5rem);
    width: 50%;
    overflow: hidden
}

    .cd-resize-img img {
        width: 200%
    }

.cd-handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: .0625rem;
    margin-left: -.03125rem;
    background-image: linear-gradient(-180deg,rgba(35,35,35,0) 0,#393939 22%,#3E3E3E 80%,rgba(45,45,45,0) 100%);
    border-radius: 6.25rem;
    cursor: ew-resize
}

@media (min-width:85.375em) {
    .cd-handle {
        width: .1875rem;
        margin-left: -.09375rem
    }
}

.cd-handle::after {
    position: absolute;
    top: calc(100% + 1.25rem);
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    background: #cd192d;
    border-radius: 50%;
    transition: background .3s ease;
    content: "\e923";
    text-align: center;
    font-family: triumph;
    font-size: 1.875rem;
    color: #fff;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:64em) {
    .cd-handle::after {
        height: 3.125rem;
        width: 3.125rem;
        font-size: 1.25rem;
        line-height: 3.125rem
    }
}

@media (min-width:85.375em) {
    .cd-handle::after {
        height: 3.75rem;
        width: 3.75rem;
        font-size: 1.5625rem;
        line-height: 3.75rem
    }
}

.cd-handle.draggable::after {
    background: #000
}

.img-to-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

    .img-to-bg.img-to-bg-complete img {
        visibility: hidden
    }

    .img-to-bg img {
        width: 100%;
        height: 100%
    }

.region-selector {
    padding: 1.25rem .625rem;
    position: relative;
    overflow: hidden
}

@media (min-width:48em) {
    .cd-handle::after {
        top: calc(50% - .9375rem)
    }

    .region-selector {
        padding: 1.25rem
    }
}

@media (min-width:75em) {
    .region-selector {
        padding: 1.25rem 2.5rem
    }
}

.region__title {
    font-size: 1.25rem;
    color: #000;
    line-height: 1.5625rem;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: .9375rem;
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .region__title {
        font-size: 2.1875rem;
        letter-spacing: .0625rem;
        line-height: 2.5rem
    }
}

@media (min-width:64em) {
    .region__title {
        font-size: 2.5rem;
        line-height: 2.8125rem;
        margin-bottom: 1.875rem
    }
}

@media (min-width:102.6875em) {
    .region-selector {
        padding: 2.5rem
    }

    .region__title {
        margin-bottom: 3.75rem
    }
}

.country__region {
    position: relative;
    width: 100%;
    margin-bottom: 1.5625rem
}

@media (min-width:64em) {
    .country__region {
        width: 20%;
        float: left;
        margin-bottom: 0
    }
}

@media (min-width:102.6875em) {
    .country__region {
        width: 14.285714286%
    }

        .country__region.country__region--type-a {
            width: 28.571428572%
        }
}

.country__region.country__region--type-a ul {
    overflow: hidden
}

    .country__region.country__region--type-a ul li {
        width: 48%;
        float: left
    }

@media (min-width:48em) {
    .country__region.country__region--type-a ul li {
        width: 24%
    }
}

@media (min-width:64em) {
    .country__region.country__region--type-a ul li {
        width: 100%
    }
}

@media (min-width:102.6875em) {
    .country__region.country__region--type-a ul li {
        width: 48%
    }
}

.country__region ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .country__region ul li {
        padding: 0;
        text-transform: uppercase;
        font-size: .875rem;
        line-height: 1.25rem;
        display: inline-block;
        width: 100%;
        margin-bottom: .3125rem
    }

        .country__region ul li::before {
            display: none
        }

        .country__region ul li.active-country a:not(.btn) {
            font-family: DIN2014-Bold;
            color: #000
        }

        .country__region ul li a:not(.btn) {
            color: #333;
            display: block;
            padding: .125rem .3125rem .125rem 0
        }

            .country__region ul li a:not(.btn):hover {
                color: #a11d2c;
                text-decoration: none
            }

.country__region-title {
    font-size: .9375rem;
    line-height: 1.5625rem;
    margin-bottom: .625rem
}

@media (min-width:64em) {
    .country__region-title {
        font-size: 1.125rem;
        line-height: 1.875rem
    }

    .media-hero .hero__scroll {
        opacity: 0;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
}

.map-container__map {
    z-index: 1;
    width: 100%;
    height: 21.875rem;
    text-align: center;
    position: relative;
    margin-top: -1.875rem;
    margin-bottom: 1.5625rem
}

@media (min-width:48em) {
    .map-container__map {
        margin-top: -2.5rem;
        margin-bottom: 0;
        height: 43.75rem;
        float: right;
        width: 62.01299%
    }
}

@media (min-width:85.375em) {
    .map-container__map {
        height: 46.875rem;
        width: 70.45455%
    }
}

@media (min-width:120em) {
    .map-container__map {
        margin-top: -3.125rem;
        height: 53.4375rem;
        width: 74.67532%
    }
}

.map-container__map .map {
    height: 21.875rem
}

@media (min-width:48em) {
    .map-container__map .map {
        height: 43.75rem
    }
}

@media (min-width:85.375em) {
    .map-container__map .map {
        height: 46.875rem
    }
}

@media (min-width:120em) {
    .map-container__map .map {
        height: 53.4375rem
    }
}

.map-wrapper {
    max-width: 100%;
    width: 100%
}

.map {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media (min-width:48em) {
    .map {
        width: 100%
    }
}

.infobox-container {
    height: 6.25rem;
    position: relative;
    width: 18.75rem;
    color: #333;
    margin-top: 4.6875rem;
    padding-left: 1.875rem;
    padding-right: .9375rem
}

@media (min-width:48em) {
    .infobox-container {
        height: 10.9375rem;
        margin-top: 0;
        padding: 0
    }
}

.infobox-container::after {
    content: "â–¼";
    color: #fff;
    display: block;
    top: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1rem;
    width: 1.25rem;
    font-size: 1rem;
    text-shadow: 0 .0625rem .0625rem rgba(0,0,0,.2);
    line-height: .75rem;
    z-index: 2;
    margin-top: -.0625rem
}

.map-infobox {
    max-height: 10.9375rem;
    height: 6.25rem;
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0 0 .25rem .0625rem rgba(0,0,0,.1);
    overflow: hidden
}

.map-infobox__inner {
    max-height: 10.9375rem;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    padding: .625rem;
    overflow-x: auto
}

    .map-infobox__inner p {
        margin-top: 0
    }

    .map-infobox__inner .map-infobox__footer {
        text-align: center !important;
        position: relative;
        width: 100%;
        bottom: 0;
        margin-top: .15625rem
    }

        .map-infobox__inner .map-infobox__footer a {
            color: #a11d2c;
            text-decoration: none;
            display: block;
            padding: 0;
            text-transform: uppercase;
            font-size: .75rem
        }

:lang(ar) .map-infobox__inner .map-infobox__footer a {
    font-size: 1rem
}

.map-infobox__inner .map-infobox__footer a i {
    font-size: .625rem;
    position: relative;
    top: -.0625rem
}

.map-infobox__inner .map-infobox__footer a:hover {
    color: #333
}

.map-infobox-title-wrapper {
    margin-bottom: 0
}

@media (min-width:48em) {
    .map-infobox {
        height: 10.9375rem
    }

    .map-infobox-title-wrapper {
        margin-bottom: 0;
        padding-top: 0
    }
}

.map-infobox__title {
    margin: 0 0 .3125rem;
    line-height: 1.875rem
}

.map-infobox__body {
    padding-bottom: 0
}

    .map-infobox__body p {
        margin-bottom: 0;
        text-align: center
    }

.gm-style-cc div {
    word-wrap: normal
}

.map-location__content {
    width: 100%
}

@media (min-width:48em) {
    .map-location__content {
        width: 32.46753%;
        float: left;
        padding-top: 3.75rem
    }
}

@media (min-width:85.375em) {
    .map-location__content {
        width: 24.02597%;
        padding-top: 5.625rem
    }
}

@media (min-width:120em) {
    .map-location__content {
        width: 19.80519%;
        padding-top: 8.75rem
    }
}

.map-location__content .step-carousel__title, .map-location__content .title--style-b {
    margin-bottom: .9375rem
}

.media-carousel {
    position: relative
}

.media-carousel__viewer {
    display: none
}

    .media-carousel__viewer.slick-initialized {
        display: block
    }

.media-carousel__item {
    vertical-align: top
}

.media-carousel__controls {
    float: right;
    margin-top: .625rem;
    pointer-events: none
}

.media-carousel__control {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding: .9375rem;
    font-size: 1.25rem;
    pointer-events: all
}

    .media-carousel__control:not(.btn) {
        color: #fff
    }

        .media-carousel__control:not(.btn):hover {
            text-decoration: none;
            color: #fff
        }

    .media-carousel__control.js-carousel-prev {
        float: left;
        margin-left: 1.25rem
    }

    .media-carousel__control.js-carousel-next {
        float: right;
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }

@media (min-width:48em) {
    .media-carousel__controls {
        width: 100%;
        margin-top: 0
    }

    .csstransforms .media-carousel__controls {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .media-carousel__control {
        font-size: 1.875rem
    }

        .media-carousel__control.js-carousel-next {
            margin-left: 0
        }
}

.media-carousel__dots {
    float: left;
    width: 50%;
    text-align: left
}

@media (min-width:48em) {
    .media-carousel__dots {
        float: none;
        width: auto;
        display: block;
        text-align: center;
        margin: .625rem 0
    }

        .media-carousel__dots .slick-dots li {
            font-size: .9375rem;
            letter-spacing: .03125rem;
            line-height: 1.25rem
        }
}

.media-carousel__dots .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0
}

    .media-carousel__dots .slick-dots li {
        padding-left: 0
    }

@media (min-width:85.375em) {
    .media-carousel__dots .slick-dots li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

.media-carousel__dots .slick-dots li li {
    padding-left: 1.25rem
}

.media-carousel__dots .slick-dots li::before {
    display: none
}

.media-carousel__dots .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 .3125rem
}

    .media-carousel__dots .slick-dots li button {
        border: 0;
        background: 0 0;
        display: block;
        outline: 0;
        line-height: 0;
        font-size: 0;
        height: 2.5rem;
        color: transparent;
        cursor: pointer;
        padding: 0
    }

        .media-carousel__dots .slick-dots li button:before {
            content: "";
            display: block;
            height: .1875rem;
            background-color: #DFDFDF;
            width: 1.25rem
        }

@media (min-width:48em) {
    .media-carousel__dots .slick-dots li {
        margin: 0 .625rem
    }

        .media-carousel__dots .slick-dots li button:before {
            width: 5rem
        }
}

.media-carousel__dots .slick-dots li.slick-active button:before {
    background-color: #cd192d
}

.media-hero {
    position: relative;
    display: table;
    width: 100%;
    overflow: hidden;
    min-height: 13rem
}

@media (min-width:48em) {
    .media-hero {
        min-height: 31.25rem
    }

        .media-hero .hero__scroll {
            display: block;
            margin-bottom: 1.875rem
        }
}

@media (min-width:85.375em) {
    .media-hero {
        min-height: 40.625rem
    }

        .media-hero .hero__scroll {
            position: relative;
            left: 0;
            bottom: auto;
            margin-left: 5rem
        }
}

@media (min-width:102.6875em) {
    .media-hero {
        min-height: 46.875rem
    }
}

.media-hero .hero__scroll .scroll-to:hover {
    color: #fff
}

.media-hero ::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.media-hero__background {
    height: 100%;
    width: 100%
}

@media (max-width:767px) {
    .media-hero__background {
        height: 20rem;
        position: absolute;
        top: 0;
        left: 0
    }

    .media-hero--size-a .media-hero__background {
        height: 13rem;
        position: relative
    }

    .media-hero__background::after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000;
        opacity: .2;
        z-index: 1
    }
}

@media (min-width:64em) {
    .media-hero__background {
        position: absolute
    }

    .media-hero__background-video.media-hero__background-video--animated {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: transformMask;
        animation-name: transformMask
    }

    .edge .media-hero__background-video.media-hero__background-video--animated, .ie10 .media-hero__background-video.media-hero__background-video--animated, .ie11 .media-hero__background-video.media-hero__background-video--animated {
        -webkit-animation: none;
        animation: none
    }
}

.media-hero__background .img-to-bg {
    height: 100%
}

.media-hero__background-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 13rem
}

@media (min-width:48em) {
    .media-hero__background-video {
        min-height: 31.25rem
    }
}

.media-hero__background-video:before {
    content: "";
    background-color: rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.media-hero__background-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.media-container, .media-hero__content, .media-hero__header {
    position: relative
}

.section-block--style-a .media-hero__background-video.media-hero__background-video--animated:before {
    background-color: rgba(42,42,42,.1)
}

.section-block--style-b .media-hero__background-video.media-hero__background-video--animated:before {
    background-color: rgba(0,0,0,.1)
}

.section-block--style-c .media-hero__background-video.media-hero__background-video--animated:before {
    background-color: rgba(255,255,255,.1)
}

.section-block--style-d .media-hero__background-video.media-hero__background-video--animated:before {
    background-color: rgba(246,238,222,.1)
}

.section-block--style-e .media-hero__background-video.media-hero__background-video--animated:before {
    background-color: rgba(244,244,244,.1)
}

.media-hero__background-video .img-to-bg img {
    width: 100%;
    object-fit: cover
}

.media-hero__content {
    width: 100%;
    z-index: 2;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 13rem
}

@media (min-width:48em) {
    .media-hero__content {
        min-height: 31.25rem
    }
}

@media (min-width:64em) {
    .media-hero__background-video.media-hero__background-video--animated video {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: mask;
        animation-name: mask
    }

    .edge .media-hero__background-video.media-hero__background-video--animated video, .ie10 .media-hero__background-video.media-hero__background-video--animated video, .ie11 .media-hero__background-video.media-hero__background-video--animated video {
        -webkit-animation: none;
        animation: none
    }

    .media-hero__content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:85.375em) {
    .media-hero__content {
        min-height: 40.625rem
    }
}

@media (min-width:102.6875em) {
    .media-hero__content {
        min-height: 46.875rem
    }
}

.media-hero__grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 .9375rem;
    width: 100%;
    max-width: calc(100% - 1.875rem);
    min-height: 13rem;
    -ms-flex: 1
}

@media (min-width:48em) {
    .media-hero__grid {
        margin: 0 2.125rem;
        max-width: calc(100% - 4.25rem);
        min-height: 31.25rem
    }
}

@media (min-width:85.375em) {
    .media-hero__grid {
        margin: 0 3.3125rem;
        max-width: calc(100% - 6.625rem);
        min-height: 40.625rem
    }

    .media-hero__body {
        padding-left: 5rem
    }
}

.media-hero__body {
    margin: auto 0;
    padding-top: 1.875rem;
    padding-bottom: .9375rem
}

@media (min-width:64em) {
    .media-hero__body {
        width: 40%
    }
}

.media-hero__title {
    font-size: 1.875rem;
    line-height: 2.5rem
}

@media (max-width:767px) {
    .media-hero__body {
        padding-top: 0
    }

    .media-hero--size-a .media-hero__body {
        padding-top: 1.875rem
    }

    .media-hero__header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 20rem;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        z-index: 3;
        position: relative
    }

    .media-hero--size-a .media-hero__header {
        display: block;
        height: auto;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .media-hero__title {
        display: block;
        width: 100%
    }

    .media-hero__description {
        padding-top: 2.1875rem
    }

    .media-hero--size-a .media-hero__description {
        padding-top: 0
    }
}

@media (min-width:37.5em) {
    .media-hero__title {
        padding-right: 42%
    }
}

@media (min-width:48em) {
    .media-hero__title {
        font-size: 2.5rem;
        letter-spacing: .0625rem;
        line-height: 3.125rem
    }
}

@media (min-width:85.375em) {
    .media-hero__title {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.media-hero__product-logo {
    width: 5rem;
    margin: .625rem 0
}

@media (min-width:64em) {
    .media-hero__title {
        padding-right: 0;
        opacity: 0;
        -webkit-transform: translate3D(-10%,0,0);
        -ms-transform: translate3D(-10%,0,0);
        transform: translate3D(-10%,0,0);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2.3s;
        animation-delay: 2.3s;
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-name: slideFade;
        animation-name: slideFade
    }

    .media-hero__product-logo {
        padding-right: 0;
        opacity: 0;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2.3s;
        animation-delay: 2.3s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
}

@media (min-width:48em) {
    .media-hero__product-logo {
        width: 6.875rem
    }
}

@media (min-width:85.375em) {
    .media-hero__product-logo {
        width: 7.5rem;
        margin: .9375rem 0
    }
}

@media (min-width:102.6875em) {
    .media-hero__grid {
        min-height: 46.875rem
    }

    .media-hero__product-logo {
        width: 8.75rem;
        margin: 1.25rem 0
    }
}

@media (min-width:37.5em) {
    .media-hero__description {
        padding-right: 35%
    }
}

.media-hero__scroll {
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .media-hero__description {
        padding-right: 0;
        opacity: 0;
        -webkit-transform: translate3D(10%,0,0);
        -ms-transform: translate3D(10%,0,0);
        transform: translate3D(10%,0,0);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2.3s;
        animation-delay: 2.3s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: slideFade;
        animation-name: slideFade
    }

    .media-hero__scroll {
        opacity: 0;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
}

.media-hero__scroll .scroll-to {
    display: inline-block
}

@-webkit-keyframes transformMask {
    0% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translate3D(25%,0,0);
        transform: translate3D(25%,0,0)
    }
}

@keyframes transformMask {
    0% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translate3D(25%,0,0);
        transform: translate3D(25%,0,0)
    }
}

@-webkit-keyframes mask {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    100% {
        -webkit-clip-path: inset(1.25rem 0 1.25rem 25%);
        clip-path: inset(1.25rem 0 1.25rem 25%)
    }
}

@keyframes mask {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    100% {
        -webkit-clip-path: inset(1.25rem 0 1.25rem 25%);
        clip-path: inset(1.25rem 0 1.25rem 25%)
    }
}

@-webkit-keyframes slideFade {
    100% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0);
        opacity: 1
    }
}

@keyframes slideFade {
    100% {
        -webkit-transform: translate3D(0,0,0);
        transform: translate3D(0,0,0);
        opacity: 1
    }
}

@keyframes fadeIn {
    100% {
        opacity: 1
    }
}

.media-container img {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: auto
}

.media-container .media-container__image, .media-container .video-container {
    position: relative;
    z-index: 9
}

.gradient--style-a.section-block--style-a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 6.25rem;
    top: 60%;
    z-index: 1;
    background-image: linear-gradient(0deg,transparent 0,#000 76%)
}

@media (min-width:48em) {
    .gradient--style-a.section-block--style-a::after {
        height: 15rem
    }
}

@media (min-width:85.375em) {
    .gradient--style-a.section-block--style-a::after {
        height: 26.25rem
    }
}

@media (min-width:120em) {
    .media-hero__title {
        font-size: 5rem;
        line-height: 6.875rem
    }

    .gradient--style-a.section-block--style-a::after {
        height: 37.5rem
    }
}

.mm-container {
    position: absolute;
    top: 3.75rem;
    z-index: 1000;
    width: 100vw
}

@media (max-width:1023px) {
    .mm-container {
        left: -150vw;
        transition: left 250ms ease;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100vh;
        padding-bottom: 12.5rem
    }

    .cookie--in .mm-container {
        padding-bottom: 31.25rem
    }
}

@media (min-width:37.5em) {
    .mm-container {
        width: 100%
    }
}

@media (min-width:64em) {
    .mm-container {
        position: static;
        width: 100%;
        height: auto;
        top: auto;
        z-index: auto;
        left: 0;
        opacity: 1;
        background: 0 0;
        max-height: 0;
        clear: both;
        min-height: 0;
        transition: all .3s ease
    }
}

.menu-open .mm-container {
    left: 0
}

@media (min-width:64em) {
    .menu-open .mm-container {
        left: auto
    }
}

.menu-overlay {
    display: none
}

@media (max-width:1023px) {
    .menu-overlay {
        position: fixed;
        display: block;
        left: -150vw;
        transition: left 250ms ease;
        background: #000;
        width: 100vw;
        height: 100vh
    }

    .menu-open .menu-overlay {
        position: fixed;
        background: #000;
        bottom: 0;
        top: 0;
        left: 0;
        display: block
    }

    .mm-container__inner {
        position: relative;
        height: auto;
        float: left;
        width: 100%;
        overflow: hidden
    }

    .mm-menu {
        overflow: hidden;
        overflow-y: scroll;
        overflow-y: auto
    }
}

.mm-menu {
    height: auto
}

@media (min-width:64em) {
    .mm-menu {
        background: 0 0;
        padding-top: 0;
        height: auto;
        transition: all 250ms ease-in-out;
        transition-delay: 150ms
    }
}

@media (min-width:85.375em) {
    .mm-container {
        clear: none
    }

    .mm-menu {
        float: left;
        transition-delay: 0s
    }

    .search-in .mm-menu {
        opacity: 0
    }
}

.menu-fixed .mm-menu {
    margin-bottom: 0
}

.mm-ut {
    width: 100%;
    margin: 0 auto;
    padding-left: 0
}

    .mm-ut .mm-item {
        position: static
    }

@media (max-width:1023px) {
    .mm-ut {
        overflow: hidden
    }

        .mm-ut .mm-item {
            -webkit-transform: scale(1.15) translateY(-1.875rem);
            -ms-transform: scale(1.15) translateY(-1.875rem);
            transform: scale(1.15) translateY(-1.875rem);
            opacity: 0;
            transition: opacity .6s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);
            transition: transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99);
            transition: transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: relative;
            width: 100%;
            display: inline-block
        }
}

@media (min-width:64em) {
    .mm-ut .mm-item {
        display: block;
        float: left;
        width: auto;
        transition: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        position: initial
    }
}

.mm-link, .mm-ut .mm-item > a {
    position: relative
}

.mm-ut .mm-item > a {
    color: #fff;
    display: block;
    line-height: 1.25rem;
    padding: .9375rem 1.5625rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9375rem;
    letter-spacing: .03125rem;
    font-family: DIN2014-Demi;
    float: none
}

@media (min-width:48em) {
    .mm-ut .mm-item > a {
        padding: .9375rem 1.5625rem
    }
}

@media (min-width:64em) {
    .mm-ut .mm-item > a {
        font-size: .875rem;
        padding: .625rem;
        background: #000
    }

        .mm-ut .mm-item > a:hover {
            background: #000
        }
}

@media (min-width:85.375em) {
    .mm-ut .mm-item > a {
        font-size: .9375rem;
        padding: .625rem .625rem 1.4375rem
    }
}

.mm-ut .mm-item > a:hover {
    text-decoration: none
}

.mm-ut .mm-item > a span {
    display: inline-block;
    width: 100%
}

.mm-ut .mm-item:hover > a {
    color: #8F8F8F
}

.mm-ut > li {
    list-style: none;
    margin: 0;
    padding: 0
}

    .mm-ut > li::before {
        display: none
    }

    .mm-ut > li:last-child {
        margin-right: 0
    }

.mm-link.mm-active {
    color: #fff
}

    .mm-link.mm-active::after {
        content: "\e909"
    }

@media (min-width:64em) {
    .mm-ut > li:first-child > a {
        padding-left: 0
    }

    .mm-link.mm-active::after {
        display: none
    }

    .mm-sub {
        left: 0;
        max-height: 0
    }
}

@media (max-width:1023px) {
    .menu-open .mm-ut .mm-item {
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1
    }

        .menu-open .mm-ut .mm-item:nth-child(1) {
            transition-delay: .27s
        }

        .menu-open .mm-ut .mm-item:nth-child(2) {
            transition-delay: .34s
        }

        .menu-open .mm-ut .mm-item:nth-child(3) {
            transition-delay: .41s
        }

        .menu-open .mm-ut .mm-item:nth-child(4) {
            transition-delay: .48s
        }

        .menu-open .mm-ut .mm-item:nth-child(5) {
            transition-delay: .55s
        }

        .menu-open .mm-ut .mm-item:nth-child(6) {
            transition-delay: .62s
        }

        .menu-open .mm-ut .mm-item:nth-child(7) {
            transition-delay: .69s
        }

        .menu-open .mm-ut .mm-item:nth-child(8) {
            transition-delay: .76s
        }

        .menu-open .mm-ut .mm-item:nth-child(9) {
            transition-delay: .83s
        }

        .menu-open .mm-ut .mm-item:nth-child(10) {
            transition-delay: .9s
        }

    .mm-item.mm-item--has-sub .mm-link::after {
        position: absolute;
        font-family: triumph;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        content: "\e907";
        display: block;
        font-size: 1.0625rem;
        right: 1.5625rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: content .3s ease
    }
}

.mm-sub {
    overflow: hidden;
    padding: 0;
    transition: height .2s ease;
    width: 100%;
    z-index: 4;
    height: 0
}

    .mm-sub a:not(.btn) {
        text-decoration: none;
        color: #333
    }

@media (max-width:1023px) {
    .mm-sub {
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease;
        -webkit-transform: translate3d(100vw,0,0);
        transform: translate3d(100vw,0,0);
        transition-delay: 0s !important;
        background: #fff
    }

        .mm-sub.mm-active {
            overflow: hidden;
            height: auto;
            position: relative;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

            .mm-sub.mm-active .mm-sub--inner {
                margin-bottom: 0;
                left: 0
            }
}

@media (min-width:64em) {
    .mm-sub.menu--type-b {
        overflow: hidden
    }

    .mm-sub {
        position: absolute;
        max-height: 0;
        overflow: auto;
        overflow-x: hidden
    }
}

.mm-sub--inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: calc(100% + 1.5625rem);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.5625rem 1.5625rem 0;
    height: 100%;
    position: relative
}

@media (min-width:48em) {
    .mm-sub--inner {
        padding: 2.5rem 0 .9375rem;
        margin-left: 1.5rem;
        width: calc(100% - 1.5rem)
    }
}

@media (min-width:64em) {
    .mm-sub--inner {
        padding: 2.5rem 0 .9375rem;
        margin-left: 1.5rem;
        width: calc(100% - 2.1875rem);
        display: none
    }

    .mm-sub.menu--type-a .menu__block {
        padding-left: 0
    }
}

@media (min-width:102.6875em) {
    .mm-sub--inner {
        width: 100%;
        max-width: 98.25rem;
        margin: 0 auto;
        left: .625rem
    }
}

@media (max-width:1023px) {
    .mm-sub--inner::after {
        position: absolute;
        content: "";
        display: block;
        top: 0;
        bottom: 0;
        left: -12.5rem;
        width: 12.5rem;
        background: #fff;
        z-index: 0
    }
}

@media (min-width:75em) {
    .mm-sub.menu--type-a .menu__block {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }
}

.mm-sub.menu--type-b .mm-sub--inner {
    padding-top: 0
}

.mm-sub.menu--type-b .menu__block {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width:48em) {
    .mm-sub.menu--type-b .menu__block {
        margin-bottom: 1.875rem
    }
}

@media (min-width:64em) {
    .mm-sub.menu--type-b .mm-sub--inner {
        padding: 2.5rem 0 .9375rem
    }

    .mm-sub.menu--type-b .menu__block {
        padding-left: 0;
        -webkit-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        padding-right: 1.2987%
    }

        .mm-sub.menu--type-b .menu__block.menu__block--a {
            -webkit-flex: 0 0 72%;
            -ms-flex: 0 0 72%;
            flex: 0 0 72%;
            height: 100vh
        }

            .mm-sub.menu--type-b .menu__block.menu__block--a .menu__block-inner {
                overflow-y: auto
            }

    .mm-item:focus .mm-sub, .mm-sub.active {
        height: auto;
        padding-bottom: 0;
        opacity: 1;
        max-height: calc(100vh - 5rem);
        z-index: 999
    }

    .cookie--in .mm-item:focus .mm-sub, .cookie--in .mm-sub.active {
        max-height: calc(100vh - 13.125rem)
    }

    .mm-item:focus .mm-sub .mm-sub--inner, .mm-sub.active .mm-sub--inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .mm-item:focus .mm-sub .mm-sub--inner::before, .mm-sub.active .mm-sub--inner::before {
            position: absolute;
            left: -50vw;
            right: -50vw;
            display: block;
            content: "";
            top: 0;
            bottom: 0;
            background: #fff;
            z-index: 0;
            border-bottom: .0625rem solid #DFDFDF
        }
}

@media (min-width:75em) {
    .mm-sub.menu--type-b .menu__block {
        -webkit-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
        flex: 0 0 28%
    }

        .mm-sub.menu--type-b .menu__block.menu__block--a {
            -webkit-flex: 0 0 72%;
            -ms-flex: 0 0 72%;
            flex: 0 0 72%
        }

    .mm-item:focus .mm-sub, .mm-sub.active {
        max-height: calc(100vh - 4.375rem)
    }

    .cookie--in .mm-item:focus .mm-sub, .cookie--in .mm-sub.active {
        max-height: calc(100vh - 12.5rem)
    }
}

@media (min-width:85.375em) {
    .mm-sub.menu--type-b .menu__block {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ie11 .mm-sub.menu--type-b .menu__block {
        -webkit-flex: 0 0 19%;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%
    }

    .mm-sub.menu--type-b .menu__block.menu__block--a {
        -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%
    }

    .ie11 .mm-sub.menu--type-b .menu__block.menu__block--a {
        -webkit-flex: 0 0 78%;
        -ms-flex: 0 0 78%;
        flex: 0 0 78%
    }
}

.menu__block {
    padding-right: 1.5625rem;
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    position: relative;
    margin-bottom: 1.25rem;
    z-index: 2
}

    .menu__block.menu__block--style-a {
        margin-bottom: .3125rem
    }

@media (min-width:64em) {
    .mm-sub--inner:after, .mm-sub--inner:before {
        content: " ";
        display: table
    }

    .mm-sub--inner:after {
        clear: both
    }

    .menu__block.menu__block--style-a {
        margin-bottom: 1.25rem
    }

    .menu__block {
        padding-left: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        padding-right: 1.2987%
    }

    .menu__block-inner {
        max-height: calc(100vh - 7.5rem)
    }

    .cookie--in .menu__block-inner {
        max-height: calc(100vh - 19.0625rem)
    }
}

.menu__block ul {
    margin: 0
}

    .menu__block ul li {
        list-style: none;
        margin: 0 0 .625rem;
        padding: 0
    }

@media (min-width:75em) {
    .menu__block {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

        .menu__block ul li {
            font-size: 1rem
        }

    .ie11 .menu__block {
        -webkit-flex: 0 0 23%;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%
    }
}

.menu__block ul li::before {
    display: none
}

.menu-block__media, .menu__block ul li a, .menu__block-inner {
    display: block;
    position: relative
}

.menu__block ul li a {
    padding: 0;
    color: #000;
    text-decoration: none;
    border: 0;
    font-family: DIN2014-Demi;
    font-size: .875rem;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    text-transform: uppercase
}

    .menu__block ul li a:hover {
        color: #a11d2c;
        text-decoration: none
    }

    .menu__block ul li a i {
        font-size: .625rem;
        color: #a11d2c
    }

.menu__block-inner {
    width: 100%;
    height: 100%
}

    .menu__block-inner .btn {
        clear: both;
        float: left;
        margin-bottom: .3125rem
    }

.menu-block__media img {
    max-width: 100%;
    width: 100%
}

.menu-block-link:not(.btn), .menu-block-link:not(.btn):hover {
    text-decoration: none
}

    .menu-block-link:not(.btn):hover .menu-block__title {
        color: #a11d2c;
        text-decoration: none
    }

    .menu-block-link:not(.btn):hover .menu__block-container, .menu-block-link:not(.btn):hover .menu__block-container p {
        text-decoration: none
    }

.menu__block-container p {
    display: none;
    color: #505050
}

@media (min-width:48em) {
    .menu__block-container p {
        display: block;
        font-size: .875rem;
        letter-spacing: .03125rem;
        line-height: 1.125rem
    }
}

.menu-block__title {
    font-size: .9375rem;
    color: #000;
    letter-spacing: .03125rem;
    line-height: 1.375rem
}

.menu__section-nav {
    background: #F4F4F4;
    position: relative;
    width: 100%
}

@media (min-width:64em) {
    .menu__section-nav {
        background: 0 0
    }
}

.menu__section-nav::before {
    position: absolute;
    left: -50vw;
    right: -50vw;
    background: #F4F4F4;
    content: "";
    top: 0;
    bottom: 0;
    display: block;
    z-index: 2
}

.menu__section-nav .accordion {
    z-index: 4
}

    .menu__section-nav .accordion .accordion__action {
        position: relative
    }

@media (min-width:64em) {
    .menu__section-nav .accordion .accordion__action, .menu__section-nav::before {
        display: none
    }
}

.menu__section-nav .accordion .accordion__action::after {
    position: absolute;
    font-family: triumph;
    line-height: 1;
    text-transform: none;
    content: "\e917";
    display: block;
    font-size: 1.0625rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: content .3s ease
}

.menu__section-nav .accordion .accordion__action.active::after {
    content: "\e916";
    color: #cd192d
}

.menu__section-nav .accordion .accordion__action.active .menu__section-nav-title {
    color: #cd192d
}

@media (min-width:64em) {
    .menu__section-nav .accordion .accordion__action.active::after, .menu__section-nav .accordion .accordion__action::after {
        display: none
    }

    .menu__section-nav .accordion .accordion__content {
        display: block !important
    }
}

.menu__section-nav .accordion .menu__section-nav-title {
    font-size: .8125rem;
    color: #000;
    letter-spacing: .025rem;
    line-height: 1.4375rem;
    font-family: DIN2014-Demi;
    padding: .8125rem 0 .625rem;
    cursor: pointer;
    position: relative
}

.menu__section-nav ul li, .menu__section-nav ul li a {
    color: #505050;
    display: block;
    line-height: 1.25rem;
    text-transform: uppercase
}

@media (min-width:48em) {
    .menu__section-nav .accordion .menu__section-nav-title {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem;
        padding-top: 1rem;
        padding-bottom: .875rem
    }
}

.menu__section-nav ul {
    display: block;
    margin: 1.25rem 0 2.1875rem;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 3
}

@media (min-width:48em) {
    .menu__section-nav ul {
        margin: .625rem 0 1.25rem
    }
}

@media (min-width:64em) {
    .menu__section-nav ul {
        text-align: left;
        margin: 0 0 1.25rem
    }
}

.menu__section-nav ul li {
    font-size: .875rem;
    letter-spacing: .03125rem;
    padding: 0;
    font-family: DIN2014-Demi;
    margin-bottom: 0
}

@media (min-width:64em) {
    .menu__section-nav ul li {
        font-size: 1.0625rem;
        font-family: DIN2014-Demi
    }

        .menu__section-nav ul li:first-child a {
            padding-top: 0
        }
}

.menu__section-nav ul li a {
    padding: .5rem 0;
    font-size: .875rem
}

@media (min-width:48em) {
    .menu__section-nav ul li a {
        padding: .625rem 0;
        font-size: .9375rem;
        letter-spacing: .03125rem
    }
}

.menu__section-nav ul li a:hover {
    text-decoration: none;
    color: #000
}

.menu__section-nav ul li a::after, .menu__section-nav ul li::before {
    display: none
}

.menu__utility {
    position: relative;
    width: 100%;
    clear: both
}

    .menu__utility ul {
        margin-bottom: 1.5625rem
    }

@media (min-width:64em) {
    .menu__section-nav ul li a {
        padding: .625rem 0;
        font-size: 1rem;
        line-height: 1.375rem
    }

    .menu__utility.menu__utility--small {
        display: none
    }

    .sub-section__item:hover .sub-section__media:before {
        opacity: .1
    }
}

@media (max-width:1023px) {
    .menu__utility.menu__utility--large {
        display: none
    }
}

.menu__utility-cta {
    position: relative;
    width: 100%;
    clear: both
}

.menu__sections {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 6.25rem
}

.menu__sub-section {
    position: relative;
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 1.875rem
}

.sub-section-title {
    font-family: DIN2014-Regular;
    font-size: .875rem;
    color: #505050;
    letter-spacing: .0275rem;
    line-height: 1.375rem;
    text-align: center;
    border-bottom: .125rem solid #DFDFDF;
    padding-bottom: .3125rem;
    margin-bottom: 1.25rem
}

.sub-section__item {
    position: relative;
    width: 100%;
    margin-bottom: .3125rem
}

@media (min-width:48em) {
    .sub-section-title {
        text-align: left;
        font-size: 1.125rem;
        letter-spacing: .035rem;
        padding-bottom: .9375rem
    }

    .sub-section__item {
        width: 50%;
        float: left;
        margin-bottom: 1.25rem;
        padding: 0 1.25rem 0 0
    }

        .sub-section__item:nth-of-type(2n+2) {
            padding-right: 0
        }
}

@media (min-width:48em) and (min-width:85.375em) {
    .sub-section__item:nth-of-type(2n+2) {
        padding-right: 1.25rem
    }

    .sub-section__item:nth-of-type(5n+5) {
        clear: both
    }
}

@media (min-width:48em) and (min-width:102.6875em) {
    .sub-section__item:nth-of-type(5n+5) {
        clear: none
    }
}

.multi-block, .step-carousel__navigation:after, .step-carousel__viewer.slick-initialized:after {
    clear: both
}

@media (min-width:48em) and (min-width:120em) {
    .sub-section__item:nth-of-type(6n+6) {
        clear: both
    }
}

@media (min-width:85.375em) {
    .sub-section__item {
        width: 25%
    }
}

@media (min-width:120em) {
    .sub-section__item {
        width: 20%
    }
}

.sub-section__item:hover .sub-section__title {
    color: #cd192d
}

.sub-section__media {
    position: relative;
    width: 40%;
    overflow: hidden;
    display: inline-block
}

@media (min-width:48em) {
    .sub-section__media {
        width: 100%;
        display: block;
        margin-bottom: .625rem
    }
}

@media (min-width:64em) {
    .sub-section__media:before {
        transition: opacity 150ms ease-in-out;
        background: #000;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        opacity: 0;
        bottom: 0;
        z-index: 1
    }
}

.sub-section__image {
    margin: 0;
    line-height: 1
}

    .sub-section__image picture {
        position: relative;
        width: 100%;
        height: auto;
        line-height: 1;
        display: block
    }

    .sub-section__image img {
        max-width: 100%
    }

.sub-section__content {
    position: relative;
    width: 58%;
    padding-left: 1.25rem;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 1.25rem
}

    .sub-section__content .sub-section__title {
        font-family: DIN2014-Regular;
        font-size: .875rem;
        color: #000;
        letter-spacing: .03125rem;
        line-height: 1.375rem;
        transition: color 150ms ease-in-out
    }

@media (min-width:48em) {
    .sub-section__content {
        width: 100%;
        display: block;
        padding-left: 0
    }

        .sub-section__content .sub-section__title {
            font-family: DIN2014-Demi;
            font-size: .9375rem;
            margin-bottom: .3125rem
        }
}

.sub-section__content .sub-section__description p {
    font-size: .8125rem;
    color: #505050;
    letter-spacing: .03125rem;
    line-height: 1.125rem
}

    .sub-section__content .sub-section__description p:last-child {
        margin-bottom: 0
    }

.sub-section__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

@media (min-width:48em) {
    .sub-section__content .sub-section__description p {
        font-size: .875rem
    }

    .ie11 .mm-ut .mm-item {
        position: static
    }
}

.secondary-menu-in.ios, .secondary-menu-in.ios body {
    position: relative;
    height: 100%
}

@media (min-width:75em) {
    .ie11 .menu--type-a .menu__block, .ie11 .menu--type-b .menu__block {
        -webkit-flex: 0 0 18%;
        -ms-flex: 0 0 18%;
        flex: 0 0 18%
    }
}

.secondary-nav {
    z-index: 30;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 85vh;
    border-bottom: .0625rem solid #DFDFDF;
    transition: all 250ms ease-in-out;
    transition-delay: 250ms
}

.modal-active, .modal-active.ios body, html.secondary-menu-in {
    overflow: hidden
}

@media (min-width:64em) {
    .ie11 .menu--type-b .menu__block.menu__block--a {
        -webkit-flex: 0 0 71%;
        -ms-flex: 0 0 71%;
        flex: 0 0 71%
    }

    .secondary-nav {
        padding: 0 1.875rem;
        overflow: hidden
    }
}

@media (min-width:85.375em) {
    .secondary-nav {
        padding: 0 1.875rem 0 2.5rem
    }
}

.secondary-menu-in.ios body {
    overflow: hidden
}

@media (min-width:61.25em) {
    .secondary-nav--sticky .secondary-nav {
        position: fixed;
        top: 0;
        padding-top: .1875rem;
        padding-bottom: 0
    }
}

.secondary-nav__menu {
    margin: -.0625rem 0 0;
    width: 100%;
    padding: 1.875rem 1.25rem .9375rem;
    display: none;
    background: #fff;
    position: relative
}

@media (min-width:48em) {
    .secondary-nav {
        max-height: inherit
    }

    .secondary-nav__menu {
        padding: 1.875rem 2.1875rem .9375rem
    }
}

@media (min-width:64em) {
    .secondary-nav__menu {
        padding: 0;
        margin: 0;
        border: none;
        float: left;
        min-height: 3.0625rem;
        height: 3.0625rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ios .secondary-nav__menu {
    padding-bottom: 6.25rem
}

.secondary-menu-in .secondary-nav__menu {
    display: block
}

.secondary-nav__title {
    display: block;
    font-family: DIN2014-ExtraBoldItalic;
    color: #cd192d;
    font-size: 1.25rem;
    letter-spacing: -.0625rem;
    line-height: 1.375rem;
    padding: 0
}

@media (min-width:64em) {
    .ios .secondary-nav__menu {
        padding-bottom: 0
    }

    .secondary-nav__title {
        margin-right: 1.875rem;
        float: left
    }
}

@media (min-width:85.375em) {
    .secondary-nav__title {
        margin-right: 2.5rem
    }
}

.secondary-nav__list {
    margin: 1.875rem 0
}

@media (min-width:64em) {
    .secondary-nav__list {
        margin: 0;
        float: left
    }
}

.secondary-nav__item {
    margin: 1.25rem 1.25rem 1.875rem 0;
    padding-left: 0;
    font-size: .875rem;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    font-family: DIN2014-Demi;
    position: relative
}

@media (min-width:64em) {
    .secondary-nav__item {
        display: inline-block;
        margin: 0;
        padding-left: 1.25rem
    }
}

@media (min-width:85.375em) {
    .secondary-nav__item {
        padding-left: 1.5625rem
    }
}

.secondary-nav__item a:not(.btn) {
    color: #2a2a2a;
    text-decoration: none;
    position: relative
}

    .secondary-nav__item a:not(.btn):after, .secondary-nav__item.active-item a:not(.btn):after {
        content: "";
        position: absolute;
        right: 0;
        height: .1875rem;
        background-color: #cd192d;
        left: 0
    }

    .secondary-nav__item a:not(.btn):after {
        top: calc(100% + .5625rem);
        width: 0;
        transition: width 250ms ease-in-out
    }

@media (min-width:64em) {
    .secondary-nav__item:first-child {
        padding-left: 0
    }

    .secondary-nav__item a:not(.btn) {
        padding: 1.0625rem 0
    }

        .secondary-nav__item a:not(.btn):after {
            top: calc(100% - .1875rem)
        }
}

@media (min-width:75em) {
    .secondary-nav__item a:not(.btn):hover:after {
        width: 100%;
        top: calc(100% + .5625rem)
    }
}

@media (min-width:64em) {
    .secondary-nav__item a:not(.btn):hover:after {
        top: calc(100% - .1875rem)
    }
}

.secondary-nav__item.active-item a:not(.btn):after {
    top: calc(100% + .5625rem);
    width: 100%
}

.secondary-nav__item:first-child {
    margin-top: .3125rem
}

@media (min-width:64em) {
    .secondary-nav__item.active-item a:not(.btn):after {
        top: calc(100% - .1875rem)
    }

    .secondary-nav__item:first-child {
        margin: 0
    }
}

.secondary-nav__item:last-child {
    margin-bottom: .3125rem
}

@media (min-width:64em) {
    .secondary-nav__item:last-child {
        margin: 0
    }
}

.secondary-nav__item:before {
    content: none
}

.search-form::after, .section-heading::after, .section-heading__title .title--style-a::after, .section-heading__title .title--style-a::before, .spec-card__spec:after {
    content: ""
}

.secondary-nav__cta {
    margin-top: 3.125rem
}

    .secondary-nav__cta .btn {
        font-size: .875rem;
        letter-spacing: .03125rem;
        line-height: 2.5rem;
        min-height: 2.5rem;
        height: 2.5rem
    }

@media (min-width:64em) {
    .secondary-nav__cta {
        width: auto;
        margin-left: auto;
        margin-top: 0;
        float: right
    }

        .secondary-nav__cta .btn {
            font-size: .875rem;
            letter-spacing: .03125rem;
            line-height: 2.5rem;
            min-height: 2.5rem;
            height: 2.5rem
        }

    .edge .secondary-nav__cta .btn, .ie10 .secondary-nav__cta .btn, .ie11 .secondary-nav__cta .btn {
        line-height: 2.1875rem
    }

    .secondary-nav__cta .additional-text {
        display: none
    }
}

.secondary-nav__dropdown .secondary-nav__close, .secondary-nav__dropdown .secondary-nav__open {
    text-align: left;
    font-size: .8125rem;
    letter-spacing: .02875rem;
    line-height: 1.375rem;
    text-transform: uppercase
}

.secondary-nav__cta .additional-text {
    color: #a7a9ac;
    font-family: DIN2014-Italic;
    margin-top: .9375rem
}

.header__menu .header__menu-item > a, .modal__header, .product-card--style-a .product-card__title, .product-carousel-cta ul li, .secondary-nav__dropdown .secondary-nav__open, .section-block--quote blockquote p {
    font-family: DIN2014-Demi
}

.secondary-nav__dropdown {
    width: 100%;
    padding: .9375rem 1.25rem
}

@media (min-width:48em) {
    .secondary-nav__dropdown {
        padding: .9375rem 2.1875rem
    }
}

@media (min-width:64em) {
    .secondary-nav__dropdown {
        display: none
    }
}

.secondary-nav__dropdown .secondary-nav__close {
    display: inline-block;
    padding-left: .625rem;
    transition: all .2s ease-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    margin-left: -3.75rem;
    min-width: 3.125rem;
    font-family: DIN2014-Demi;
    color: #cd192d
}

    .secondary-nav__dropdown .secondary-nav__close:hover {
        color: #2a2a2a;
        text-decoration: none
    }

.secondary-menu-in .secondary-nav__dropdown .secondary-nav__close {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin-left: 0
}

.secondary-nav__dropdown .secondary-nav__open {
    display: inline-block;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #2a2a2a
}

    .secondary-nav__dropdown .secondary-nav__open:hover {
        color: #cd192d;
        text-decoration: none
    }

.secondary-menu-in .secondary-nav__dropdown .secondary-nav__open {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    margin-right: -3.75rem
}

.secondary-nav__dropdown .secondary-nav__open .icon {
    margin-left: .625rem;
    color: #cd192d
}

    .secondary-nav__dropdown .secondary-nav__open .icon:before {
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out,-webkit-transform .2s ease-out;
        display: inline-block;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        margin-right: 0
    }

.secondary-menu-in .secondary-nav__dropdown .secondary-nav__open .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 45%;
    -ms-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
    margin-right: -3.75rem
}

.secondary-nav__cross {
    cursor: pointer;
    height: .9375rem;
    width: .9375rem;
    float: left;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .2s ease-out;
    margin-left: -3.75rem;
    top: .125rem;
    position: relative
}

.secondary-menu-in .secondary-nav__cross {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin-left: 0
}

.secondary-nav__cross span {
    display: block;
    background: #cd192d;
    position: absolute;
    margin-top: .375rem
}

.modal, .modal-active.ios {
    position: relative
}

.secondary-nav__cross span:nth-child(1) {
    height: .125rem;
    width: 1rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width:85.375em) {
    .secondary-nav__cross span:nth-child(1) {
        width: 1.875rem
    }
}

.secondary-nav__cross span:nth-child(2) {
    height: .125rem;
    width: 1rem;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media (min-width:85.375em) {
    .secondary-nav__cross span:nth-child(2) {
        width: 1.875rem
    }
}

.modal-active .main {
    z-index: 120
}

.modal-active .breadcrumb, .modal-active .cookie-policy, .modal-active .header {
    z-index: -1;
    display: none
}

.modal-active .page {
    margin-top: 0 !important
}

.modal-active.ios {
    height: 100%
}

    .modal-active.ios body {
        position: relative;
        height: 100%
    }

.section-modal-active {
    z-index: 200
}

.modal--style-a {
    overflow-y: auto;
    background: #fff
}

@media (min-width:48em) {
    .modal--style-a {
        overflow-y: inherit;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.modal__container, .modal__container.owl-carousel {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 150
}

@media (min-width:48em) {
    .modal__container, .modal__container.owl-carousel {
        height: 100vh
    }

        .modal__container.modal--style-a, .modal__container.owl-carousel.modal--style-a {
            width: 100%;
            height: 100%;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0
        }
}

.modal__container .modal__wrapper, .modal__container.owl-carousel .modal__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__container .modal__bg, .modal__container.owl-carousel .modal__bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 15;
    background-color: rgba(0,0,0,.7);
    display: none
}

@media (min-width:48em) {
    .modal__container .modal__bg, .modal__container.owl-carousel .modal__bg {
        height: 100vh
    }
}

.modal__container.active, .modal__container.owl-carousel.active {
    display: block
}

    .modal__container.active.modal--style-a, .modal__container.owl-carousel.active.modal--style-a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .modal__container.active .modal__bg, .modal__container.owl-carousel.active .modal__bg {
        display: block
    }

    .modal__container.active.modal--style-a .modal__bg, .modal__container.owl-carousel.active.modal--style-a .modal__bg {
        display: none
    }

.modal__container .modal__inner, .modal__container.owl-carousel .modal__inner {
    position: relative;
    z-index: 15;
    margin: 0 auto;
    float: none
}

.modal__container .modal__iframe, .modal__container.owl-carousel .modal__iframe {
    height: 25rem;
    overflow-y: scroll;
    overflow-x: hidden
}

@media (min-width:75em) {
    .modal__container .modal__iframe, .modal__container.owl-carousel .modal__iframe {
        height: 43.75rem;
        overflow: visible
    }
}

.modal__container .modal__iframe iframe, .modal__container.owl-carousel .modal__iframe iframe {
    height: 100%
}

.modal__cross {
    position: fixed;
    z-index: 1100;
    cursor: pointer;
    height: 1.875rem;
    width: 1.875rem;
    top: 1.25rem;
    right: 1.25rem
}

@media (min-width:48em) {
    .modal__cross {
        right: 2.1875rem
    }
}

.modal--style-a .modal__cross:hover span, .modal__cross:hover span {
    background: #a11d2c
}

.modal__cross span {
    display: block;
    background: #fff;
    position: absolute;
    margin-top: .625rem;
    transition: background .1s linear
}

.modal--style-a .modal__cross span {
    background: #000
}

.modal__cross span:nth-child(1) {
    height: .125rem;
    width: 2.5rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width:85.375em) {
    .modal__cross {
        right: 1.25rem
    }

        .modal__cross span:nth-child(1) {
            width: 1.875rem
        }
}

.modal__cross span:nth-child(2) {
    height: .125rem;
    width: 2.5rem;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media (min-width:85.375em) {
    .modal__cross span:nth-child(2) {
        width: 1.875rem
    }
}

.modal__content {
    z-index: 1000;
    background: #fff;
    max-height: calc(100vh - 7.5rem);
    overflow: hidden;
    overflow-y: auto;
    max-width: 87.5rem;
    margin: 0 auto
}

.modal--style-a .modal__content {
    padding-top: 1.25rem;
    width: 100vw;
    max-width: 100vw;
    min-height: 100%;
    max-height: none;
    overflow: inherit
}

    .modal--style-a .modal__content .ie11 {
        overflow: hidden
    }

@media (min-width:48em) {
    .modal--style-a .modal__content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        height: 100vh;
        max-height: 100vh;
        min-height: 100vh;
        min-height: inherit;
        overflow: inherit
    }
}

.modal__media-container {
    width: 100%;
    background: #fff;
    margin-bottom: 1.875rem;
    position: relative;
    padding: 0 2.5rem
}

    .modal__media-container .modal__media, .modal__media-container .modal__media figure {
        height: 100%
    }

.modal__header {
    text-align: center
}

@media (min-width:48em) {
    .modal__media-container {
        width: 50%;
        height: 100%;
        margin-right: 1.25rem;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 0;
        padding: 0;
        background: #F4F4F4
    }

        .modal__media-container .modal__media--landscape {
            position: absolute;
            padding-bottom: 56.25%;
            padding-top: 1.5625rem;
            width: 100%;
            height: 0;
            left: 0;
            bottom: 50%;
            -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%)
        }

            .modal__media-container .modal__media--landscape figure {
                position: absolute;
                top: 0;
                left: 0;
                width: 110%;
                height: 110%;
                margin-top: -5%
            }

            .modal__media-container .modal__media--landscape .video-container {
                width: 110%;
                margin-top: -5%
            }

    .modal__header {
        display: none
    }
}

.basic-carousel .modal__header {
    max-height: 2.5rem;
    overflow: hidden;
    margin-bottom: 3.4375rem
}

@media (min-width:48em) {
    .basic-carousel .modal__header {
        max-height: auto;
        overflow: auto;
        margin-bottom: 0
    }
}

.modal__title {
    color: #cd192d;
    margin: 0
}

.modal__header-img, .modal__sub-title {
    margin-bottom: 1.25rem
}

.modal__sub-title {
    color: #000
}

.modal__info {
    position: relative;
    color: #000;
    padding: 0 2.5rem 5rem
}

@media (min-width:48em) {
    .modal__info {
        width: 50%;
        height: 100%;
        color: #000;
        text-align: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 1.25rem 2.5rem 3.75rem 0
    }
}

.modal__info .modal__info-titles {
    display: none
}

@media (min-width:48em) {
    .modal__info .modal__info-titles {
        width: 100%;
        display: block
    }

    .modal__info .modal__info-text {
        max-height: 95%;
        width: 62.01299%;
        margin: 0 auto;
        text-align: left
    }
}

@media (min-width:64em) {
    .modal__info .modal__info-text {
        width: 49.35065%
    }

    .multi-block__title {
        padding-right: 20.63492%
    }
}

.modal__info .modal__title {
    display: none
}

@media (min-width:48em) {
    .modal__info .modal__title {
        display: block
    }
}

.modal__info .modal__sub-title {
    display: none
}

@media (min-width:48em) {
    .modal__info .modal__sub-title {
        display: block
    }
}

.modal__info .modal__header-img {
    display: none
}

@media (min-width:48em) {
    .modal__info .modal__header-img {
        display: inline-block
    }
}

.modal__info .modal__info-title {
    margin-bottom: 1.25rem
}

.multi-block {
    width: 100%;
    float: left
}

    .multi-block .block {
        margin-bottom: 0
    }

.multi-block__title {
    margin-bottom: .9375rem
}

@media (min-width:37.5em) {
    .multi-block__description {
        margin-bottom: 3.75rem
    }
}

@media (min-width:64em) {
    .multi-block__description {
        margin-bottom: 4.6875rem;
        padding-right: 30.95238%
    }
}

@media (min-width:120em) {
    .multi-block__description {
        margin-bottom: 6.25rem
    }
}

.multi-block__quote {
    margin-bottom: .9375rem;
    padding-right: 16.88312%
}

@media (min-width:37.5em) {
    .multi-block__quote {
        padding-right: 0;
        margin-bottom: 6.25rem;
        width: 40.90909%;
        float: right
    }
}

@media (min-width:64em) {
    .multi-block__quote {
        margin-bottom: 8.125rem
    }

    .multi-block--style-a {
        margin-left: 8.33333%
    }
}

@media (min-width:120em) {
    .multi-block__quote {
        margin-bottom: 9.375rem
    }
}

.sc-page-editor .multi-block__quote {
    position: relative;
    z-index: 50
}

.multi-block__image {
    display: block;
    width: 100%
}

    .multi-block__image img {
        width: 100%
    }

.multi-block--style-a {
    position: relative;
    z-index: 5
}

    .multi-block--style-a .multi-block__image {
        margin-bottom: 2.1875rem
    }

@media (min-width:37.5em) {
    .multi-block--style-a .multi-block__image {
        margin-bottom: 0
    }

    .multi-block--style-b {
        margin-top: -18.4375rem
    }
}

@media (min-width:64em) {
    .multi-block--style-b {
        margin-top: -32.1875rem
    }
}

@media (min-width:120em) {
    .multi-block--style-b {
        margin-top: -41.5625rem
    }
}

.multi-block--style-b .multi-block__image img {
    left: calc(((100vw - 100%)/ 2)/ -1);
    right: calc(((100vw - 100%)/ 2)/ -1);
    width: calc(100% + (100vw - 100%));
    max-width: calc(100% + (100vw - 100%));
    position: relative
}

.header__navigation-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem
}

    .header__navigation-title.focusable:active, .header__navigation-title.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.header__navigation {
    position: relative;
    top: 2.5rem;
    width: 100%;
    visibility: hidden
}

.mobile-nav-in .header__navigation {
    visibility: visible
}

@media (min-width:48em) {
    .header__navigation {
        width: calc(100% + 2.5rem);
        margin-left: -1.25rem
    }
}

@media (min-width:85.375em) {
    .header__navigation {
        width: auto
    }

    .header__menu {
        width: 100%;
        left: auto
    }
}

.header__menu {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width:64em) {
    .header__navigation {
        margin: 0;
        position: relative;
        float: left;
        visibility: visible
    }

    .menu-in .header__navigation {
        overflow: visible
    }

    .header__menu {
        display: block;
        width: 100%
    }
}

.header__menu .header__menu-item {
    -webkit-transform: scale(1.15) translateY(-1.875rem);
    -ms-transform: scale(1.15) translateY(-1.875rem);
    transform: scale(1.15) translateY(-1.875rem);
    opacity: 0;
    transition: transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    width: 100%;
    display: inline-block
}

@media (min-width:64em) {
    .header__menu .header__menu-item {
        display: block;
        float: left;
        width: auto;
        transition: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        position: initial
    }
}

.mobile-nav-in .header__menu .header__menu-item {
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1
}

    .mobile-nav-in .header__menu .header__menu-item:nth-child(1) {
        transition-delay: .27s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(2) {
        transition-delay: .34s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(3) {
        transition-delay: .41s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(4) {
        transition-delay: .48s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(5) {
        transition-delay: .55s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(6) {
        transition-delay: .62s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(7) {
        transition-delay: .69s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(8) {
        transition-delay: .76s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(9) {
        transition-delay: .83s
    }

    .mobile-nav-in .header__menu .header__menu-item:nth-child(10) {
        transition-delay: .9s
    }

.header__menu .header__menu-item > a {
    color: #fff;
    display: block;
    line-height: 1.25rem;
    padding: .9375rem 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    font-size: .9375rem;
    letter-spacing: .03125rem
}

@media (min-width:48em) {
    .header__menu .header__menu-item > a {
        padding: .9375rem 2.1875rem
    }
}

@media (min-width:64em) {
    .header__menu .header__menu-item > a {
        font-size: .875rem;
        padding: .625rem
    }
}

@media (min-width:85.375em) {
    .header__menu .header__menu-item > a {
        padding: .625rem .625rem 1.4375rem
    }
}

.header__menu .header__menu-item > a:hover {
    color: #fff;
    text-decoration: underline
}

.header__menu .header__menu-item > a span {
    display: inline-block;
    width: 100%
}

.header__menu > li::before, .product-card__features-list li::before {
    display: none
}

.header__menu > li {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:64em) {
    .header__menu > li:first-child > a {
        padding-left: 0
    }
}

.header__menu > li:last-child {
    margin-right: 0
}

.product-card {
    text-align: center;
    padding: 1.25rem 0;
    margin-bottom: 1.25rem
}

.product-card__image {
    margin-bottom: .9375rem
}

.product-card__body {
    max-width: 17.5rem;
    margin: 0 auto
}

.product-card__title {
    font-size: 1.125rem;
    margin-bottom: .3125rem
}

@media (min-width:85.375em) {
    .product-card__title {
        font-size: 1.375rem
    }
}

@media (min-width:102.6875em) {
    .product-card__title {
        font-size: 1.25rem
    }
}

.product-card--style-a .product-card__title {
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.625rem
}

@media (min-width:85.375em) {
    .product-card--style-a .product-card__title {
        font-size: 1.5625rem;
        line-height: 2rem
    }
}

@media (min-width:120em) {
    .product-card--style-a .product-card__title {
        font-size: 2.1875rem;
        line-height: 2.625rem
    }
}

.product-card__description {
    font-size: .875rem;
    color: #8f8f8f;
    margin-bottom: 1.25rem
}

.tab .product-card__description {
    color: #505050
}

.product-card--style-a .product-card__description {
    color: #000;
    font-size: .9375rem;
    line-height: 1.25rem
}

.product-card__features-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:48em) {
    .product-card--style-a .product-card__description {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .product-card__features-list li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

@media (min-width:85.375em) {
    .product-card__features-list li {
        letter-spacing: .03125rem;
        line-height: 1.25rem;
        font-size: .875rem
    }
}

.product-card__features-list li li {
    padding-left: 1.25rem
}

.product-card__features-list li {
    padding-left: 2.3125rem;
    margin-bottom: .625rem
}

@media (min-width:48em) {
    .product-card__features-list li {
        font-size: .875rem
    }
}

.product-card__feature {
    position: relative;
    text-align: left
}

    .product-card__feature.product-card__feature--inactive {
        color: #505050
    }

.product-card__feature-icon {
    position: absolute;
    font-size: 1.0625rem;
    left: 0;
    color: #0062c8
}

.product-carousel, .product-carousel .product-carousel__item {
    position: relative
}

.product-card__feature--inactive .product-card__feature-icon {
    color: #DFDFDF
}

.product-card__details {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

    .product-card__details li {
        padding-left: 0
    }

@media (min-width:48em) {
    .product-card__details li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

@media (min-width:85.375em) {
    .product-card__details li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

.product-card__details li li {
    padding-left: 1.25rem
}

.product-card__details li::before {
    display: none
}

.ie11 .product-card__details, .product-card__details .ie10 {
    display: table;
    margin: 0 auto
}

.product-card__detail {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    width: 50%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .03125rem;
    min-height: .375rem;
    font-size: .9375rem;
    line-height: 1.1875rem
}

    .ie11 .product-card__detail, .product-card__detail .ie10 {
        display: table-cell
    }

    .product-card__detail:first-child a, .product-card__detail:first-child span {
        margin-left: auto;
        margin-right: 1.5625rem
    }

.product-card--style-a .product-card__detail:first-child a, .product-card--style-a .product-card__detail:first-child span {
    margin-right: .9375rem
}

.product-card__detail:nth-child(2n+2) {
    border-left: solid .0625rem #DFDFDF
}

.product-card--style-a .product-card__detail:nth-child(2n+2) {
    border-left: none
}

.product-card__detail:nth-child(2n+2) a, .product-card__detail:nth-child(2n+2) span {
    margin-right: auto;
    margin-left: 1.5625rem
}

.product-card--style-a .product-card__detail:nth-child(2n+2) a, .product-card--style-a .product-card__detail:nth-child(2n+2) span {
    margin-left: .9375rem
}

.product-card__detail:only-of-type {
    width: 100%
}

    .product-card--style-a .product-card__detail:only-of-type a, .product-card--style-a .product-card__detail:only-of-type span, .product-card__detail:only-of-type a, .product-card__detail:only-of-type span {
        margin-left: auto;
        margin-right: auto
    }

.product-card__cta {
    float: left;
    margin-left: 2.3125rem;
    margin-top: .9375rem
}

.product-carousel {
    width: calc(100% - 3.125rem);
    margin-left: 1.5625rem
}

@media (min-width:37.5em) {
    .product-carousel.block--size-a {
        width: calc(98.71795% - 3.75rem);
        margin-left: 1.875rem
    }
}

@media (min-width:64em) {
    .product-carousel.block--size-a {
        width: calc(98.71795% - 5.5rem);
        margin-left: 2.75rem
    }
}

@media (min-width:85.375em) {
    .product-card__detail {
        min-height: .375rem;
        font-size: 1rem;
        line-height: 1.25rem
    }

    .product-carousel.block--size-a {
        width: calc(98.71795% - 2.5rem);
        margin-left: 1.25rem
    }
}

@media (min-width:120em) {
    .product-carousel.block--size-a {
        width: 98.71795%;
        margin-left: 0
    }
}

.product-carousel .owl-stage-outer {
    overflow: visible
}

.product-carousel .product-carousel__item:hover .product-carousel__title {
    color: #a11d2c
}

.product-carousel .product-carousel__image {
    padding: .9375rem .9375rem 0
}

.product-carousel .product-carousel__content {
    padding: .625rem;
    text-align: center
}

.product-carousel .product-carousel__title {
    font-size: .9375rem;
    color: #000;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    margin-bottom: .3125rem;
    transition: color .1s linear
}

.product-carousel .product-carousel__description p {
    font-size: .875rem;
    color: rgba(80,80,80,.8);
    letter-spacing: .03125rem;
    line-height: 1.125rem
}

    .product-carousel .product-carousel__description p:last-child {
        margin-bottom: 0
    }

.product-carousel .product-carousel__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

    .product-carousel .product-carousel__link:focus {
        outline: 0;
        border: none
    }

.product-carousel .owl-item figure {
    position: relative;
    overflow: hidden;
    width: 100%
}

.product-carousel .owl-nav {
    display: none;
    text-align: right;
    margin-top: .625rem
}

@media (min-width:64em) {
    .product-carousel .owl-stage-outer {
        overflow: hidden
    }

    .product-carousel .owl-nav {
        display: block
    }

        .product-carousel .owl-nav .owl-next, .product-carousel .owl-nav .owl-prev {
            margin: auto;
            position: absolute;
            top: 3.75rem;
            left: 0;
            height: 3.125rem;
            width: 3.125rem
        }
}

.product-carousel .owl-nav .owl-next, .product-carousel .owl-nav .owl-prev {
    display: inline-block
}

    .product-carousel .owl-nav .owl-next.disabled .btn, .product-carousel .owl-nav .owl-prev.disabled .btn {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .product-carousel .owl-nav .owl-next .btn, .product-carousel .owl-nav .owl-prev .btn {
        margin: .3125rem .9375rem .3125rem 0;
        transition: all 350ms ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

        .product-carousel .owl-nav .owl-next .btn:hover i, .product-carousel .owl-nav .owl-prev .btn:hover i {
            font-size: 1rem
        }

@media (min-width:64em) {
    .product-carousel .owl-nav .owl-next .btn, .product-carousel .owl-nav .owl-prev .btn {
        margin: 0
    }

    .product-carousel .owl-nav .owl-prev {
        left: -3.75rem
    }
}

@media (min-width:85.375em) {
    .product-carousel .product-carousel__content {
        padding: 2.8125rem .625rem 0
    }

    .product-carousel .owl-nav .owl-next, .product-carousel .owl-nav .owl-prev {
        height: 3.75rem;
        width: 3.75rem
    }

        .product-carousel .owl-nav .owl-next .btn:hover i, .product-carousel .owl-nav .owl-prev .btn:hover i {
            font-size: 1.25rem
        }

    .product-carousel .owl-nav .owl-prev {
        left: -4.0625rem
    }
}

@media (min-width:120em) {
    .product-carousel .owl-nav .owl-next, .product-carousel .owl-nav .owl-prev {
        top: 5rem
    }

    .product-carousel .owl-nav .owl-prev {
        left: -7.5rem
    }
}

@media (min-width:64em) {
    .product-carousel .owl-nav .owl-next {
        right: -3.75rem;
        left: auto;
        margin-right: 0
    }
}

@media (min-width:85.375em) {
    .product-carousel .owl-nav .owl-next {
        right: -4.0625rem
    }
}

@media (min-width:120em) {
    .product-carousel .owl-nav .owl-next {
        right: -7.5rem
    }
}

.product-carousel-cta {
    position: relative;
    margin-top: 1.5625rem
}

@media (min-width:85.375em) {
    .product-carousel-cta {
        margin-top: 3.125rem
    }
}

.product-carousel-cta ul {
    display: block;
    width: 100%;
    margin: 0
}

@media (min-width:48em) {
    .product-carousel-cta ul {
        display: table;
        table-layout: fixed
    }
}

.product-carousel-cta ul li {
    display: block;
    text-align: center;
    font-size: .9375rem;
    color: #505050;
    letter-spacing: .03125rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    padding: .625rem 0
}

@media (min-width:48em) {
    .product-carousel-cta ul li {
        position: relative;
        display: table-cell;
        font-size: 1.0625rem;
        padding: 1.875rem .625rem
    }
}

.product-carousel-cta ul li a {
    display: block;
    color: #505050
}

    .product-carousel-cta ul li a:hover {
        text-decoration: none
    }

.product-carousel-cta ul li::before {
    display: none
}

@media (min-width:48em) {
    .product-carousel-cta ul li:after {
        display: block;
        content: "";
        width: .0625rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 2.5rem;
        right: 0;
        background: #A7A9AC;
        position: absolute
    }

    .product-carousel-cta ul li:last-child:after {
        display: none
    }
}

.promo {
    margin-top: 0;
    overflow: hidden
}

    .promo img {
        display: block;
        max-width: 100%;
        width: 100%
    }

    .promo .block, .site-search {
        display: -webkit-flex;
        display: -ms-flexbox
    }

    .promo .block {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 0
    }

.promo__text {
    width: 82.7586207%
}

@media (min-width:48em) {
    .promo__text {
        width: 49.35065%
    }
}

@media (min-width:64em) {
    .promo .block {
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .promo__text {
        width: 24.02597%
    }
}

@media (min-width:120em) {
    .promo__text {
        width: 19.80519%
    }
}

.promo__description, .promo__title {
    margin-bottom: 1.25rem
}

.promo__media {
    margin-top: -.0625rem;
    width: calc(82.7586207% + .9375rem)
}

@media (min-width:48em) {
    .promo__media {
        width: 83.11688%
    }
}

.promo--layout-a .promo__media {
    -webkit-transform: translateX(-.9375rem);
    -ms-transform: translateX(-.9375rem);
    transform: translateX(-.9375rem)
}

@media (min-width:48em) {
    .promo--layout-a .promo__media {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .promo--layout-a .promo__text {
        margin-bottom: 1.875rem
    }
}

@media (min-width:64em) {
    .promo__media {
        width: 62.01299%
    }

    .promo--layout-a .promo__media {
        margin-left: auto
    }

    .promo--layout-a .promo__text {
        margin-bottom: 0;
        padding-top: 6.25rem;
        margin-left: 4.22078%
    }
}

.promo--layout-b .block {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.promo--layout-b .promo__media {
    -webkit-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    transform: translateX(.9375rem);
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .promo--layout-b .promo__media {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin-bottom: 3.125rem
    }

    .promo--layout-b .promo__text {
        margin-left: auto
    }
}

.promo--layout-b .promo__text {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:64em) {
    .promo--layout-b .promo__media {
        margin-bottom: 0
    }

    .promo--layout-b .promo__text {
        margin-right: 0;
        padding-bottom: 5rem;
        margin-left: 5.51948%
    }
}

@media (min-width:120em) {
    .promo--layout-b .promo__text {
        padding-bottom: 4.375rem
    }
}

.section-block--quote blockquote {
    margin: 0 0 .625rem
}

    .section-block--quote blockquote p {
        text-transform: uppercase;
        font-size: 1.5rem;
        letter-spacing: .03125rem;
        line-height: 1.875rem;
        margin: 0
    }

@media (min-width:85.375em) {
    .section-block--quote blockquote p {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }
}

@media (min-width:102.6875em) {
    .section-block--quote blockquote p {
        font-size: 3.125rem;
        letter-spacing: .0625rem;
        line-height: 3.75rem
    }
}

.section-block--quote .cite {
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: .03125rem;
    line-height: 1.75rem
}

.section--rtf h1, .section--rtf h2, .section--rtf h3, .section--rtf h4, .section--rtf h5, .section--rtf h6 {
    position: relative;
    margin-bottom: 1.5625rem
}

.section--rtf table {
    width: 100%;
    max-width: 100%;
    margin: .9375rem 0;
    overflow-y: hidden;
    overflow-x: auto;
    position: relative
}

    .section--rtf table td, .section--rtf table th {
        padding: 0 0 .3125rem;
        text-align: left;
        vertical-align: top;
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem;
        font-weight: inherit;
        min-width: 11.875rem
    }

.section--rtf img {
    text-align: center;
    margin-bottom: 1.25rem;
    position: relative
}

.section--rtf hr {
    position: relative;
    margin: .9375rem 0
}

.action-search:not(.btn) {
    position: absolute;
    right: .625rem;
    top: .625rem;
    color: #fff;
    height: 2.5rem;
    width: 2.5rem;
    display: none
}

@media (min-width:48em) {
    .action-search:not(.btn) {
        display: block
    }
}

@media (min-width:64em) {
    .section--rtf .block {
        margin: auto;
        float: none
    }

    .action-search:not(.btn) {
        top: auto;
        bottom: 0;
        right: 1.875rem
    }
}

@media (min-width:85.375em) {
    .action-search:not(.btn) {
        right: 1.25rem;
        bottom: .9375rem
    }

    .site-search {
        padding: 0
    }
}

@media (min-width:120em) {
    .action-search:not(.btn) {
        right: 1.875rem
    }
}

.action-search:not(.btn):hover {
    text-decoration: none;
    color: #8F8F8F
}

.search-form input, .search-form label {
    color: #fff;
    font-family: DIN2014-Demi
}

.action-search:not(.btn) i {
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.menu-open .action-search:not(.btn) i {
    font-size: 0 !important
}

.action-search:not(.btn) .action-search--open, .search-in .action-search:not(.btn) .action-search--closed {
    font-size: 0
}

.search-in .action-search:not(.btn) .action-search--open {
    font-size: 1.25rem
}

.site-search {
    background-color: #000;
    height: 100vh;
    left: 0;
    display: flex;
    overflow: hidden;
    position: fixed;
    top: 0;
    opacity: 0;
    transition: opacity 330ms;
    width: 100%;
    z-index: -1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll
}

.search-in .site-search {
    opacity: 1;
    visibility: visible;
    z-index: 101
}

.site-search .section-block {
    position: relative;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.search-in .site-search .section-block {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.site-search__header {
    width: 100%;
    height: 4.375rem;
    padding: 0 2.5rem
}

@media (min-width:64em) {
    .site-search {
        overflow-y: auto
    }

    .site-search__header {
        padding: 0 1.875rem
    }
}

.site-search__header .header__logo {
    margin: 1rem auto
}

@media (min-width:85.375em) {
    .site-search__header .header__logo {
        margin: 1.5625rem .625rem
    }
}

.site-search__header .header__logo .logo {
    margin-top: .0625rem
}

.search-form__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1.25rem;
    min-height: 37.5rem
}

@media (min-width:48em) {
    .search-form__container {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 2.5rem;
        max-width: 37.5rem
    }
}

@media (min-width:64em) {
    .search-form__container {
        max-width: 50rem
    }
}

@media (min-width:85.375em) {
    .site-search__header .header__logo .logo {
        margin-top: -.0625rem
    }

    .search-form__container {
        max-width: 65.625rem
    }
}

.search-form {
    position: relative;
    width: 100%;
    margin-bottom: 2.8125rem
}

@media (min-width:48em) {
    .search-form {
        margin: 0 auto 6.25rem
    }
}

.search-form::after {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    height: .0625rem;
    background: #979797
}

.search-form label {
    font-size: .9375rem;
    letter-spacing: .0625rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    position: relative;
    display: block;
    margin-bottom: .9375rem
}

@media (min-width:48em) {
    .search-form label {
        font-size: 1.125rem;
        letter-spacing: .075rem;
        margin-bottom: 2.1875rem
    }
}

@media (min-width:64em) {
    .search-form label {
        font-size: 1.375rem;
        letter-spacing: .09188rem;
        line-height: 1.375rem;
        margin-bottom: 3.125rem
    }
}

@media (min-width:75em) {
    .search-form label {
        font-size: 1.5625rem
    }
}

@media (min-width:120em) {
    .search-form label {
        font-size: 2.1875rem;
        letter-spacing: .0625rem;
        line-height: 2.625rem;
        margin-bottom: 3.4375rem
    }
}

.search-form input {
    width: 100%;
    background: 0 0;
    font-size: 1.875rem;
    letter-spacing: .03125rem;
    line-height: 2.5rem;
    border: none;
    padding: 0 2.5rem 0 0;
    height: auto;
    margin-bottom: .625rem
}

    .search-form input:-moz-placeholder {
        color: #505050
    }

    .search-form input::-moz-placeholder {
        color: #505050
    }

    .search-form input:-ms-input-placeholder {
        color: #505050
    }

    .search-form input::-webkit-input-placeholder {
        color: #505050
    }

@media (min-width:48em) {
    .search-form input {
        font-size: 2.5rem;
        letter-spacing: .04188rem;
        line-height: 3.125rem;
        margin-bottom: 1.25rem;
        padding: 0 3.125rem 0 0
    }
}

@media (min-width:64em) {
    .search-form input {
        font-size: 3.75rem;
        letter-spacing: .0625rem;
        line-height: 4.375rem;
        padding: 0 3.75rem 0 0
    }
}

.search-form button {
    position: absolute;
    right: 0;
    bottom: .9375rem;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

@media (min-width:48em) {
    .search-form button {
        bottom: 1.75rem
    }
}

@media (min-width:64em) {
    .search-form button {
        bottom: 1.875rem
    }
}

@media (min-width:120em) {
    .search-form input {
        font-size: 4.375rem;
        letter-spacing: .0625rem;
        line-height: 5rem;
        margin-bottom: 1.5625rem
    }

    .search-form button {
        bottom: 2.5rem
    }
}

.search-form button:hover {
    color: #505050
}

.search-form button i {
    color: #fff;
    font-size: 1.25rem
}

@media (min-width:64em) {
    .search-form button i {
        font-size: 1.875rem
    }
}

@media (min-width:120em) {
    .search-form button i {
        font-size: 2.25rem
    }
}

.search-tags {
    position: relative;
    width: 100%
}

    .search-tags .search-tags__title {
        font-family: DIN2014-Demi;
        font-size: 1rem;
        color: #fff;
        letter-spacing: .05rem;
        line-height: 1.25rem;
        margin-bottom: .9375rem
    }

.section-heading__suptitle b, .section-heading__suptitle span {
    font-family: DIN2014-Regular;
    font-weight: inherit
}

@media (min-width:48em) {
    .search-tags .search-tags__title {
        font-size: 1rem;
        letter-spacing: .05813rem;
        margin-bottom: 1.5625rem
    }
}

@media (min-width:64em) {
    .search-tags .search-tags__title {
        font-size: 1.25rem;
        letter-spacing: .0625rem;
        line-height: 1.375rem
    }
}

@media (min-width:75em) {
    .search-tags .search-tags__title {
        margin-bottom: 2.8125rem
    }
}

.search-tags ul {
    margin: 0;
    padding: 0;
    width: 100%
}

    .search-tags ul li {
        list-style: none;
        display: inline-block;
        width: 100%;
        padding: 0;
        margin-bottom: .625rem;
        line-height: .9375rem;
        font-size: 1.0625rem
    }

@media (min-width:48em) {
    .search-tags ul li {
        width: 48%;
        margin-bottom: .625rem;
        line-height: 1.375rem;
        letter-spacing: .03125rem
    }
}

@media (min-width:64em) {
    .search-tags ul li {
        width: 24%;
        margin-bottom: 1.25rem
    }
}

.search-tags ul li::before {
    display: none
}

.search-tags ul li a:not(.btn) {
    color: #8F8F8F;
    letter-spacing: .02375rem;
    padding: .3125rem 1.25rem .3125rem 0;
    display: block
}

    .search-tags ul li a:not(.btn):hover {
        color: #fff;
        text-decoration: none
    }

.site-search__close-btn {
    float: right;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.25rem;
    line-height: 2.75rem;
    text-align: center;
    position: absolute;
    top: .625rem;
    right: .625rem
}

@media (min-width:85.375em) {
    .site-search__close-btn {
        top: .9375rem;
        right: 1.25rem
    }
}

@media (min-width:120em) {
    .site-search__close-btn {
        right: 1.875rem
    }
}

.site-search__close-btn:not(.btn) {
    color: #fff
}

    .site-search__close-btn:not(.btn):hover {
        color: #a11d2c;
        text-decoration: none
    }

.section-heading {
    position: relative;
    overflow: hidden;
    padding: 1.875rem 0
}

@media (min-width:48em) {
    .section-heading {
        padding: 5rem 0 3.125rem
    }
}

.section-heading::after {
    position: absolute;
    display: block;
    bottom: 2.1875rem;
    left: 0;
    right: 0;
    z-index: 1;
    height: 6.5625rem
}

.section-heading--type-a .section-heading::after {
    bottom: 3.4375rem
}

@media (min-width:48em) {
    .section-heading::after {
        bottom: 2.8125rem;
        height: 8.125rem
    }

    .section-heading--type-a .section-heading::after {
        bottom: 6.25rem
    }
}

.section-block--style-a .section-heading::after {
    background-image: linear-gradient(to top,#2a2a2a 0,rgba(42,42,42,0) 100%)
}

.section-block--style-b .section-heading::after {
    background-image: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%)
}

.section-block--style-c .section-heading::after {
    background-image: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%)
}

.section-block--style-d .section-heading::after {
    background-image: linear-gradient(to top,#f6eede 0,rgba(246,238,222,0) 100%)
}

.section-heading__suptitle {
    position: relative;
    z-index: 9
}

@media (min-width:48em) {
    .section-heading__suptitle {
        position: absolute;
        left: 1.25rem;
        top: 3.4375rem
    }

        .section-heading__suptitle span {
            font-size: .875rem;
            letter-spacing: .03125rem;
            line-height: 1.25rem
        }
}

@media (min-width:64em) {
    .progress-present .section-heading__suptitle {
        left: 7.5rem
    }
}

@media (min-width:85.375em) {
    .section-heading {
        padding: 6.875rem 0
    }

        .section-heading::after {
            height: 25rem;
            bottom: 6.5625rem
        }

    .section-heading__suptitle {
        top: 5.3125rem
    }

        .section-heading__suptitle span {
            font-size: .9375rem;
            letter-spacing: .0625rem;
            line-height: 1.375rem
        }
}

.spec-card__measurement, .specs-table__heading, .step-carousel__counter {
    font-family: DIN2014-Demi
}

.section-heading__suptitle + .section-heading__title {
    margin-top: -1.25rem
}

.section-heading__title {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 8
}

    .section-heading__title .title--style-a {
        padding-bottom: .9375rem
    }

@media (min-width:48em) {
    .section-heading__suptitle b {
        position: relative;
        display: block;
        background-image: linear-gradient(-90deg,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%)
    }

    .section-block--style-a .section-heading__suptitle b {
        background-image: linear-gradient(-90deg,rgba(42,42,42,0) 0,#2a2a2a 50%,rgba(42,42,42,0) 100%)
    }

    .section-block--style-b .section-heading__suptitle b {
        background-image: linear-gradient(-90deg,rgba(0,0,0,0) 0,#000 50%,rgba(0,0,0,0) 100%)
    }

    .section-block--style-c .section-heading__suptitle b {
        background-image: linear-gradient(-90deg,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%)
    }

    .section-block--style-d .section-heading__suptitle b {
        background-image: linear-gradient(-90deg,rgba(246,238,222,0) 0,#f6eede 50%,rgba(246,238,222,0) 100%)
    }

    .section-heading__title .title--style-a {
        width: 100%;
        padding: 0 6.25rem
    }
}

.section-block--style-a .section-heading__title .title--style-a {
    background-color: #2a2a2a
}

.section-block--style-b .section-heading__title .title--style-a {
    background-color: #000
}

.section-block--style-c .section-heading__title .title--style-a {
    background-color: #fff
}

.section-block--style-d .section-heading__title .title--style-a {
    background-color: #F6eede
}

.section-heading__title .title--style-a b {
    z-index: 5;
    display: block;
    font-weight: inherit;
    position: relative;
    background-image: linear-gradient(-90deg,rgba(255,255,255,0),#fff,#fff,rgba(255,255,255,0))
}

.section-block--style-a .section-heading__title .title--style-a b {
    background-image: linear-gradient(-90deg,rgba(42,42,42,0),#2a2a2a,#2a2a2a,rgba(42,42,42,0))
}

.section-block--style-b .section-heading__title .title--style-a b {
    background-image: linear-gradient(-90deg,rgba(0,0,0,0),#000,#000,rgba(0,0,0,0))
}

.section-block--style-c .section-heading__title .title--style-a b {
    background-image: linear-gradient(-90deg,rgba(255,255,255,0),#fff,#fff,rgba(255,255,255,0))
}

.section-block--style-d .section-heading__title .title--style-a b {
    background-image: linear-gradient(-90deg,rgba(246,238,222,0),#f6eede,#f6eede,rgba(246,238,222,0))
}

.section-heading__title .title--style-a.section-heading__title-style-a::before {
    background: #cd192d
}

.section-heading__title .title--style-a.section-heading__title-style-b::before {
    background: #002c57
}

.section-heading__title .title--style-a.section-heading__title-style-c::before {
    background: #fff
}

.section-heading__title .title--style-a::before {
    position: absolute;
    top: 1.125rem;
    left: 0;
    right: 0;
    height: .1875rem;
    background: #cd192d;
    z-index: 0
}

@media (min-width:48em) {
    .section-heading__title .title--style-a::before {
        top: 1.875rem
    }
}

@media (min-width:85.375em) {
    .section-heading__title .title--style-a::before {
        top: 2.5rem
    }
}

.section-heading__title .title--style-a::after {
    position: absolute;
    display: block;
    top: 99%;
    left: 0;
    right: 0;
    height: 11.25rem;
    z-index: 1
}

@media (min-width:85.375em) {
    .section-heading__title .title--style-a::after {
        height: 31.25rem;
        top: 113%
    }
}

.section-block--style-a .section-heading__title .title--style-a::after {
    background-image: linear-gradient(to bottom,rgba(42,42,42,0) 0,rgba(0,0,0,0) 100%)
}

.section-block--style-b .section-heading__title .title--style-a::after {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%)
}

.section-block--style-c .section-heading__title .title--style-a::after {
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,0) 100%)
}

.section-block--style-d .section-heading__title .title--style-a::after {
    background-image: linear-gradient(to bottom,rgba(246,238,222,0) 0,rgba(0,0,0,0) 100%)
}

.section-heading__title .step-carousel__title, .section-heading__title .title--style-b {
    z-index: 11;
    padding: 0 .625rem
}

@media (min-width:48em) {
    .section-heading__title .step-carousel__title, .section-heading__title .title--style-b {
        padding: 0 2.5rem
    }
}

@media (min-width:85.375em) {
    .section-heading__title .step-carousel__title, .section-heading__title .title--style-b {
        max-width: 65rem;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width:102.6875em) {
    .section-heading__suptitle span {
        font-size: .75rem;
        line-height: .9375rem
    }

    .section-heading__title .step-carousel__title, .section-heading__title .title--style-b {
        max-width: 71.25rem
    }
}

.section-heading__spacer {
    width: 100%;
    height: 3.75rem
}

@media (min-width:48em) {
    .section-heading__spacer {
        height: 1.875rem
    }
}

@media (min-width:85.375em) {
    .section-heading__spacer {
        height: 2.8125rem
    }
}

@media (min-width:120em) {
    .section-heading__title .title--style-a::after {
        top: 125%
    }

    .section-heading__spacer {
        height: 3.75rem
    }
}

.section-heading--gradient {
    height: 1.25rem
}

@media (min-width:48em) {
    .section-heading--gradient {
        height: 1.25rem;
        margin-bottom: .3125rem
    }
}

.section-block--style-a .section-heading--gradient {
    background-image: linear-gradient(to bottom,#2a2a2a 0,rgba(0,0,0,0) 100%)
}

.section-block--style-b .section-heading--gradient {
    background-image: linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%)
}

.section-block--style-c .section-heading--gradient {
    background-image: linear-gradient(to bottom,#fff 0,rgba(0,0,0,0) 100%)
}

.section-block--style-d .section-heading--gradient {
    background-image: linear-gradient(to bottom,#f6eede 0,rgba(0,0,0,0) 100%)
}

.section-heading__media {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 0;
    margin-top: -5.3125rem
}

@media (min-width:48em) {
    .section-heading__media {
        margin-top: -7.8125rem
    }
}

.section-heading--type-a .section-heading__media {
    max-height: 10.9375rem
}

@media (min-width:48em) {
    .section-heading--type-a .section-heading__media {
        max-height: 23.125rem
    }
}

@media (min-width:85.375em) {
    .section-heading--gradient {
        height: 5rem;
        margin-bottom: 1.875rem
    }

    .section-heading__media {
        margin-top: -10.625rem
    }

    .section-heading--type-a .section-heading__media {
        max-height: 48.125rem
    }
}

@media (min-width:120em) {
    .section-heading--type-a .section-heading__media {
        max-height: 58.75rem
    }
}

.section-heading--type-a .section-heading__media figure {
    max-height: 10.625rem
}

@media (min-width:48em) {
    .section-heading--type-a .section-heading__media figure {
        max-height: 22.8125rem
    }
}

@media (min-width:85.375em) {
    .section-heading--type-a .section-heading__media figure {
        max-height: 47.8125rem
    }
}

@media (min-width:120em) {
    .section-heading--type-a .section-heading__media figure {
        max-height: 58.75rem
    }
}

.section-heading__media .img-to-bg img {
    height: auto;
    width: 100%;
    object-fit: cover
}

.section-heading--type-a .section-heading__media .img-to-bg img {
    max-height: 10.625rem
}

@media (min-width:48em) {
    .section-heading--type-a .section-heading__media .img-to-bg img {
        max-height: 22.8125rem
    }
}

@media (min-width:85.375em) {
    .section-heading--type-a .section-heading__media .img-to-bg img {
        max-height: 47.8125rem
    }
}

@media (min-width:120em) {
    .section-heading--type-a .section-heading__media .img-to-bg img {
        max-height: 58.75rem
    }
}

.section-heading--type-a .section-heading {
    padding: 1.875rem 0 3.75rem;
    max-height: 21.875rem
}

@media (min-width:48em) {
    .section-heading--type-a .section-heading {
        padding: 5rem 0 6.25rem;
        max-height: 37.5rem
    }
}

@media (min-width:85.375em) {
    .section-heading--type-a .section-heading {
        padding: 6.875rem 0;
        max-height: 66.25rem
    }
}

.section-heading--type-a .section-heading::before {
    position: absolute;
    content: "";
    display: block;
    bottom: 3.4375rem;
    left: 0;
    right: 0;
    top: 0;
    height: 7.1875rem;
    z-index: 1
}

.section-block--style-a .section-heading--type-a .section-heading::before {
    background: #2a2a2a
}

.section-block--style-b .section-heading--type-a .section-heading::before {
    background: #000
}

.section-block--style-c .section-heading--type-a .section-heading::before {
    background: #fff
}

.section-block--style-d .section-heading--type-a .section-heading::before {
    background: #F6eede
}

.section-heading--type-a + .section-block:not(.section-navigation--block) {
    margin-top: -8.125rem;
    z-index: 8;
    padding-top: 0
}

@media (min-width:48em) {
    .section-heading--type-a .section-heading::before {
        height: 8.125rem
    }

    .section-heading--type-a + .section-block:not(.section-navigation--block) {
        margin-top: -18.75rem
    }
}

@media (min-width:85.375em) {
    .section-heading--type-a + .section-block:not(.section-navigation--block) {
        margin-top: -40.625rem
    }
}

@media (min-width:120em) {
    .section-heading--type-a .section-heading {
        max-height: 80rem
    }

    .section-heading--type-a + .section-block:not(.section-navigation--block) {
        margin-top: -50.9375rem
    }
}

.section-navigation {
    background-color: #000;
    width: 100%;
    height: 3rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 20;
    padding: .9375rem;
    overflow: hidden;
    text-align: center
}

@media (min-width:75em) {
    .section-navigation {
        -webkit-transform: rotate(-90deg) translate(-50%,50%);
        -ms-transform: rotate(-90deg) translate(-50%,50%);
        transform: rotate(-90deg) translate(-50%,50%);
        margin: auto;
        top: 0;
        left: auto;
        bottom: 0;
        right: auto;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        width: 70vh
    }

        .section-navigation .section-navigation__navigation {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            min-width: 2.25rem
        }
}

@media (min-width:30em) {
    .section-navigation {
        text-align: left;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .section-navigation span {
            display: block;
            width: 5rem;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .section-navigation .section-navigation__navigation {
            margin-right: 1.25rem
        }
}

.section-navigation .section-navigation__navigation {
    float: left;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .section-navigation .section-navigation__navigation .icon {
        color: #fff;
        cursor: pointer
    }

        .section-navigation .section-navigation__navigation .icon:first-child {
            margin-right: .3125rem
        }

.section-navigation .section-navigation--current-title {
    color: #fff;
    margin-right: 15%;
    display: inline-block
}

.section-navigation .section-navigation--next-title {
    color: #797979;
    position: absolute;
    right: -1.5625rem;
    display: inline-block
}

@media (min-width:30em) {
    .section-navigation .section-navigation--current-title {
        margin-right: 0
    }

    .section-navigation .section-navigation--next-title {
        position: static;
        right: auto
    }
}

.section-navigation .section-navigation__progress-bar--style-a {
    height: .125rem;
    background-color: #797979;
    width: 100%;
    margin: .5625rem 2.5% 0;
    display: none;
    border: 0;
    color: #fff
}

@media (min-width:30em) {
    .section-navigation .section-navigation__progress-bar--style-a {
        display: inline-block
    }
}

@media (min-width:75em) {
    .section-navigation .section-navigation--current-title {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .section-navigation .section-navigation__progress-bar--style-a {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        display: block;
        max-width: 100%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.section-navigation .section-navigation__progress-bar--style-a::-webkit-progress-bar {
    background-color: #797979
}

.section-navigation .section-navigation__progress-bar--style-a::-webkit-progress-value {
    background-color: #fff;
    height: .125rem;
    margin-bottom: .25rem
}

.section-navigation .section-navigation__progress-bar--style-a::-moz-progress-bar {
    background-color: #fff;
    height: .125rem;
    margin-bottom: .25rem
}

.show-hide--show {
    height: auto
}

    .show-hide--show .show-hide__inner {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: opacity .5s,-webkit-transform .5s;
        transition: opacity .5s,transform .5s;
        transition: opacity .5s,transform .5s,-webkit-transform .5s
    }

.show-hide--hide {
    height: 0;
    overflow: hidden
}

    .show-hide--hide .show-hide__inner {
        opacity: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

.sub-show-hide--show {
    height: auto
}

    .sub-show-hide--show .sub-show-hide__inner {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transition: opacity .5s,-webkit-transform .5s;
        transition: opacity .5s,transform .5s;
        transition: opacity .5s,transform .5s,-webkit-transform .5s
    }

.sub-show-hide--hide {
    height: 0;
    overflow: hidden
}

    .sub-show-hide--hide .sub-show-hide__inner {
        opacity: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

.spec-cards__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.spec-card {
    width: calc(50% - 1.25rem);
    margin: .625rem
}

@media (min-width:85.375em) {
    .spec-card {
        width: calc(25% - 1.25rem)
    }
}

.spec-card__spec:after {
    display: block;
    width: 3.125rem;
    height: .1875rem;
    background-color: #cd192d;
    margin: .625rem 0 1.25rem
}

.spec-card__measurement {
    font-size: 1.875rem;
    line-height: 2.5rem
}

@media (min-width:48em) {
    .spec-card__measurement {
        font-size: 2.5rem;
        line-height: 3.125rem
    }
}

@media (min-width:85.375em) {
    .spec-card__measurement {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.spec-card__unit {
    display: block;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

@media (min-width:85.375em) {
    .spec-card__unit {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.spec-card__detail {
    font-size: .875rem;
    line-height: 1.125rem
}

@media (min-width:48em) {
    .spec-card__unit {
        display: inline-block;
        margin-top: .3125rem;
        vertical-align: top
    }

    .spec-card__detail {
        padding-right: 40%
    }
}

@media (min-width:64em) {
    .spec-card__detail {
        padding-right: 30%
    }
}

@media (min-width:85.375em) {
    .spec-card__detail {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.specs-table__heading {
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.5rem;
    letter-spacing: .0625rem;
    margin: 2.5rem 0 1.25rem
}

@media (min-width:48em) {
    .specs-table__heading {
        font-size: 2.5rem;
        line-height: 3.125rem
    }
}

@media (min-width:85.375em) {
    .specs-table__heading {
        font-size: 3.75rem;
        line-height: 4.375rem;
        margin: 3.75rem 0 1.875rem
    }
}

@media (min-width:120em) {
    .specs-table__heading {
        font-size: 4.375rem;
        line-height: 5rem;
        margin: 5rem 0 2.5rem
    }
}

.sponsor-block {
    text-align: center
}

    .sponsor-block .sponsor-block__image img {
        width: 100%
    }

.sponsor-block__title {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .sponsor-block__title {
        margin-bottom: 1.875rem
    }
}

.sponsor-block__media {
    max-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .sponsor-block__media {
        margin-bottom: 1.5625rem
    }
}

@media (min-width:120em) {
    .sponsor-block__media {
        margin-bottom: 1.875rem
    }
}

.sponsor-block__image {
    max-width: 48.05195%;
    margin-bottom: 1.25rem
}

    .sponsor-block__image:nth-child(1):nth-child(odd) {
        margin-right: 3.8961%
    }

    .sponsor-block__image:last-child {
        padding: 0
    }

@media (min-width:48em) {
    .sponsor-block__image {
        margin-bottom: 1.5625rem
    }
}

@media (min-width:120em) {
    .sponsor-block__image {
        margin-bottom: 1.875rem
    }
}

.sponsor-block__sub-title {
    margin-bottom: .625rem
}

@media (min-width:48em) {
    .sponsor-block__sub-title {
        margin-bottom: 1.875rem
    }
}

@media (min-width:120em) {
    .sponsor-block__sub-title {
        margin-bottom: 2.5rem
    }

    .sponsor-block__link {
        font-size: 1.125rem
    }
}

.sponsor-block__acknowledgement ul li {
    display: block;
    position: relative;
    padding: 0;
    margin-bottom: .625rem
}

@media (min-width:48em) {
    .sponsor-block__acknowledgement ul li {
        display: inline-block;
        padding-right: 2.8125rem;
        margin-bottom: 0
    }

        .sponsor-block__acknowledgement ul li:last-child::after {
            display: none
        }
}

.sponsor-block__acknowledgement ul li::before {
    display: none
}

.sponsor-block__acknowledgement ul li:last-child {
    padding-right: 0
}

@media (min-width:48em) {
    .sponsor-block__acknowledgement ul li::after {
        position: absolute;
        display: block;
        content: "";
        height: .0625rem;
        width: .625rem;
        background: #000;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: .8125rem
    }
}

.section-block--style-a .sponsor-block__acknowledgement ul li::after, .section-block--style-b .sponsor-block__acknowledgement ul li::after, .tabs-menu {
    background: #fff
}

.sponsor-block__link {
    width: 100%;
    display: block;
    position: relative
}

@media (min-width:48em) {
    .sponsor-block__link {
        display: block;
        float: left;
        width: auto
    }
}

.sponsor-block__link:last-child:after {
    content: none
}

.section-block--style-a .sponsor-block__link, .section-block--style-b .sponsor-block__link {
    color: #fff
}

    .section-block--style-a .sponsor-block__link:hover, .section-block--style-b .sponsor-block__link:hover {
        color: inherit
    }

.section-block--style-c .sponsor-block__link, .section-block--style-d .sponsor-block__link {
    color: #000
}

    .section-block--style-c .sponsor-block__link:hover, .section-block--style-d .sponsor-block__link:hover {
        color: inherit
    }

.step-carousel {
    float: left;
    width: 100%
}

.step-carousel__title {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .step-carousel__title {
        margin-bottom: 1.875rem
    }
}

@media (min-width:85.375em) {
    .step-carousel__title {
        margin-bottom: 3.75rem
    }
}

@media (min-width:120em) {
    .step-carousel__title {
        margin-bottom: 5rem
    }
}

.step-carousel__viewer {
    display: none
}

    .step-carousel__viewer.slick-initialized {
        display: block;
        position: relative;
        margin: 0 .9375rem;
        max-width: 96.25rem
    }

        .step-carousel__viewer.slick-initialized:after, .step-carousel__viewer.slick-initialized:before {
            display: table;
            content: ""
        }

.step-carousel__item-inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: .625rem
}

@media (min-width:48em) {
    .step-carousel__viewer.slick-initialized {
        margin: 0;
        max-width: none
    }

    .step-carousel__item-inner {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 0
    }
}

.step-carousel__navigation {
    display: block;
    position: relative;
    margin: .3125rem .9375rem;
    max-width: 96.25rem
}

    .step-carousel__navigation:after, .step-carousel__navigation:before {
        display: table;
        content: ""
    }

@media (min-width:48em) {
    .step-carousel__navigation {
        margin-bottom: 0;
        position: absolute;
        z-index: 1;
        margin-left: 62.01299%;
        width: 36.68831%;
        padding-left: 1.25rem
    }
}

@media (min-width:75em) {
    .step-carousel__navigation {
        margin-left: 62.01299%;
        width: 28.24675%;
        padding-left: 2.5rem
    }
}

.step-carousel__counter {
    float: left;
    color: #a7a9ac;
    font-size: .9375rem;
    letter-spacing: .0625rem;
    margin-top: .9375rem
}

.step-carousel__controls {
    float: right
}

.step-carousel__control {
    height: 2.5rem;
    margin-left: 1.25rem
}

    .step-carousel__control:not(.btn) {
        color: #000;
        display: inline-block;
        height: 2.75rem;
        width: 2.75rem;
        text-align: center;
        line-height: 3rem
    }

@media (min-width:48em) {
    .step-carousel__counter {
        margin-top: 0
    }

    .step-carousel__control:not(.btn) {
        display: inline;
        height: auto;
        width: auto;
        text-align: left;
        line-height: normal
    }
}

.section-block--style-a .step-carousel__control:not(.btn), .section-block--style-b .step-carousel__control:not(.btn) {
    color: #fff
}

.step-carousel__control:not(.btn):hover {
    text-decoration: none;
    color: #a11d2c
}

.section-block--style-a .step-carousel__control:not(.btn):hover, .section-block--style-b .step-carousel__control:not(.btn):hover {
    color: #a11d2c
}

.step-carousel__control:not(.btn).step-carousel__control--inactive {
    color: #DFDFDF;
    cursor: default
}

.section-block--style-a .step-carousel__control:not(.btn).step-carousel__control--inactive, .section-block--style-b .step-carousel__control:not(.btn).step-carousel__control--inactive {
    color: #4A4A4A
}

.step-carousel__item-media {
    display: block;
    margin-bottom: 1.25rem;
    width: 100%
}

.step-carousel__item-media-image {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

@media (min-width:48em) {
    .step-carousel__item-media {
        margin-bottom: 0;
        width: 62.01299%
    }

    .step-carousel__item-media-image {
        padding-bottom: 56.3%
    }
}

.step-carousel__item-media-image img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (min-width:48em) {
    .step-carousel__item-body {
        width: 36.68831%;
        padding-left: 1.25rem;
        padding-top: 2.5rem
    }
}

@media (min-width:75em) {
    .step-carousel__item-media-image {
        padding-bottom: 56.25%
    }

    .step-carousel__item-body {
        width: 28.24675%;
        padding-left: 2.5rem;
        padding-top: 2.5rem
    }
}

.tab, .tab__intro {
    width: 100%;
    display: block
}

.step-carousel__item-body p {
    font-size: .9375rem;
    letter-spacing: .03125rem;
    line-height: 1.25rem
}

@media (min-width:48em) {
    .step-carousel__item-body p {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: .03125rem
    }
}

@media (min-width:75em) {
    .step-carousel__item-body p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        letter-spacing: .0625rem
    }
}

.step-carousel__item-title {
    margin-bottom: .9375rem
}

.tab {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

    .tab.tab--active {
        visibility: visible;
        height: auto
    }

.tab__intro {
    margin: 0 auto;
    max-width: 39.375rem;
    text-align: center;
    padding: 1.875rem 1.25rem 2.5rem
}

.tabs-menu {
    text-align: center;
    z-index: 1
}

.tabs-menu__list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 1.25rem
}

    .tabs-menu__list li {
        padding-left: 0
    }

@media (min-width:48em) {
    .tabs-menu__list li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

@media (min-width:85.375em) {
    .tabs-menu__list li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

.tabs-menu__list li li {
    padding-left: 1.25rem
}

.tabs-menu__list li::before {
    display: none
}

@media (min-width:30em) {
    .tabs-menu__list {
        padding-top: 1.25rem;
        display: block
    }
}

.tabs-menu__list.is_stuck {
    text-align: left;
    padding-top: .3125rem;
    padding-bottom: 0
}

.tabs-menu__list li {
    display: inline-block;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    margin: .625rem
}

@media (min-width:85.375em) {
    .tabs-menu__list li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    .text-box__description {
        padding-right: 4.22078%
    }
}

.tab-handle:not(.btn) {
    color: #a7a9ac
}

    .tab-handle:not(.btn).tab-handle--active, .tab-handle:not(.btn):hover {
        color: #000;
        text-decoration: none
    }

@media (min-width:30em) {
    .tabs-menu__mobile {
        display: none
    }
}

@media (min-width:120em) {
    .tabs-menu__list li {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

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

.text-box__title {
    margin-bottom: .9375rem
}

@media (min-width:48em) {
    .text-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .text-box__title {
        margin-bottom: .9375rem
    }

    .text-box__description {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:120em) {
    .text-box__title {
        margin-bottom: 1.25rem
    }

    .text-box__description {
        padding: 0
    }
}

.timeline__item {
    color: #fff;
    position: relative
}

    .timeline__item .timeline__text {
        width: calc(100% - 1.875rem);
        margin: 0 .9375rem;
        position: relative
    }

@media (min-width:48em) {
    .timeline__item .timeline__text {
        z-index: 5;
        top: 0;
        margin: 0 2.125rem;
        width: calc(100% - 4.25rem)
    }
}

@media (min-width:85.375em) {
    .timeline__item .timeline__text {
        position: absolute;
        top: 3.75rem;
        margin: 0 3.3125rem;
        width: calc(100% - 6.625rem)
    }
}

@media (min-width:102.6875em) {
    .timeline__item .timeline__text {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 1.25rem;
        margin: 0 auto;
        width: 96.25rem
    }

        .timeline__item .timeline__text.timeline__text--layout-a {
            top: 12.5rem
        }

    .timeline__text--layout-a .timeline__text-inner {
        right: 0
    }
}

.timeline__text-inner {
    position: relative;
    width: 100%
}

@media (min-width:48em) {
    .timeline__text-inner {
        width: 40.90909%
    }

    .timeline__text--layout-a .timeline__text-inner {
        right: 0;
        text-align: right;
        float: right
    }
}

@media (min-width:85.375em) {
    .timeline__text-inner {
        margin-left: 8.44156%;
        width: 24.02597%
    }

    .timeline__text--layout-a .timeline__text-inner {
        right: 0;
        margin-left: 0;
        margin-right: 8.44156%
    }
}

.timeline__title {
    margin-bottom: .625rem
}

.timeline-nav {
    position: relative;
    width: 100%;
    z-index: 0
}

    .timeline-nav::after, .timeline-nav::before {
        position: absolute;
        content: "";
        display: block;
        z-index: 1
    }

    .timeline-nav::before {
        left: 0;
        top: .0625rem;
        width: 20%;
        height: .375rem;
        background: #cd192d
    }

.timeline--layout-a .timeline-nav::before {
    width: 11%;
    margin-left: 9%
}

@media (min-width:48em) {
    .timeline-nav {
        min-height: 11.25rem
    }

    .timeline--layout-a .timeline-nav {
        margin-top: -11.25rem
    }

    .timeline-nav::before {
        width: 50%;
        top: 0
    }

    .timeline--layout-a .timeline-nav::before {
        width: 39.5%;
        margin-left: 10.5%
    }
}

.timeline-nav::after {
    left: 20%;
    top: .1875rem;
    width: 80%;
    height: .1875rem;
    background: #fff
}

.timeline .owl-dot, .timeline .owl-nav .owl-next, .timeline .owl-nav .owl-prev {
    display: inline-block
}

.timeline--layout-a .timeline-nav::after {
    width: 71%
}

.timeline .owl-nav {
    text-align: right;
    margin-top: .625rem
}

    .timeline .owl-nav .owl-next.disabled .btn, .timeline .owl-nav .owl-prev.disabled .btn {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

@media (min-width:48em) {
    .timeline-nav::after {
        left: 50%;
        width: 50%;
        top: 0;
        height: .375rem
    }

    .timeline--layout-a .timeline-nav::after {
        width: 39.5%;
        margin-right: 10.5%
    }

    .timeline .owl-nav {
        text-align: center
    }

        .timeline .owl-nav .owl-next, .timeline .owl-nav .owl-prev {
            margin: auto;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 1.875rem;
            height: 3.125rem;
            width: 3.125rem
        }
}

.timeline .owl-nav .owl-next .btn, .timeline .owl-nav .owl-prev .btn {
    margin: .3125rem .9375rem .3125rem 0;
    transition: all 350ms ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (min-width:48em) {
    .timeline .owl-nav .owl-next .btn, .timeline .owl-nav .owl-prev .btn {
        margin: 0
    }

    .timeline .owl-nav .owl-prev {
        left: 1.875rem
    }

    .timeline .owl-nav .owl-next {
        right: 1.875rem;
        margin-right: 0
    }
}

@media (min-width:85.375em) {
    .timeline .owl-nav .owl-next, .timeline .owl-nav .owl-prev {
        height: 3.75rem;
        width: 3.75rem
    }

    .timeline .owl-nav .owl-prev {
        left: 3.3125rem
    }

    .timeline .owl-nav .owl-next {
        right: 3.3125rem
    }
}

.timeline .owl-nav.disabled + .owl-dots {
    margin-top: .625rem
}

.timeline .owl-dots {
    text-align: center;
    transition: all 750ms ease
}

.timeline-text {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease
}

.timeline .owl-dot {
    zoom: 1;
    vertical-align: top;
    min-width: 100px;
    padding-top: 2.5rem;
    position: relative;
    color: #cd192d;
    z-index: 9;
    padding-bottom: .625rem;
    min-height: 8.75rem
}

    .timeline .owl-dot.active::after, .timeline .owl-dot.active::before, .timeline .owl-dot::before {
        position: absolute;
        background: #cd192d;
        left: 50%;
        content: ""
    }

    .timeline .owl-dot::before {
        top: .375rem;
        width: .125rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1.25rem
    }

    .timeline .owl-dot .timeline-text {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        transition: all .3s ease;
        margin-left: 50%;
        width: 70%;
        text-align: left;
        color: #fff;
        text-transform: uppercase;
        font-size: .9375rem;
        display: block
    }

.turntable, .turntable__title {
    text-align: center
}

@media (min-width:48em) {
    .timeline .owl-dot {
        padding-bottom: 3.125rem
    }

        .timeline .owl-dot .timeline-text {
            margin-left: 50%;
            width: 100%;
            margin-bottom: .625rem
        }
}

.timeline .owl-dot.active {
    padding-top: 2.5rem;
    padding-bottom: 0
}

    .timeline .owl-dot.active::after {
        top: 0;
        width: .125rem;
        height: 2.8125rem;
        display: block
    }

@media (min-width:48em) {
    .timeline .owl-dot.active {
        padding-top: 5rem
    }

        .timeline .owl-dot.active::after {
            height: 5.625rem
        }

    .timeline .owl-item {
        min-height: 26.875rem
    }

    .timeline--layout-a .timeline .owl-item {
        min-height: 27rem;
        max-height: 50rem
    }
}

.timeline .owl-dot.active::before {
    top: -.5rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%;
    display: block;
    border: .0625rem solid #2a2a2a;
    z-index: 10;
    margin-left: .0625rem
}

.timeline .owl-dot.active .timeline-date {
    background: #cd192d;
    color: #fff;
    padding: .3125rem .9375rem;
    width: auto;
    box-shadow: 0 0 1.875rem 0 rgba(0,0,0,.2);
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.timeline .owl-dot.active .timeline-text {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.timeline .owl-dot.active ~ .owl-dot {
    color: #fff
}

    .timeline .owl-dot.active ~ .owl-dot::before {
        background: #fff
    }

@media (min-width:85.375em) {
    .timeline .owl-item {
        height: 40rem
    }

    .timeline--layout-a .timeline .owl-item {
        max-height: 67.5rem;
        height: 48rem
    }
}

@media (min-width:102.6875em) {
    .timeline .owl-item {
        height: 47.5rem
    }

    .timeline--layout-a .timeline .owl-item {
        height: 58rem
    }
}

.timeline .owl-item figure {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media (min-width:48em) {
    .timeline .owl-item figure {
        height: 26.875rem
    }

    .timeline--layout-a .timeline .owl-item figure {
        min-height: 27rem;
        max-height: 50rem
    }
}

@media (min-width:64em) {
    .timeline .owl-item figure {
        height: 31.25rem
    }
}

@media (min-width:75em) {
    .timeline .owl-item figure {
        height: 36.25rem
    }
}

@media (min-width:85.375em) {
    .timeline .owl-item figure {
        height: 40rem
    }

    .timeline--layout-a .timeline .owl-item figure {
        max-height: 67.5rem;
        height: 48rem
    }
}

@media (min-width:102.6875em) {
    .timeline .owl-item figure {
        height: 47.5rem
    }

    .timeline--layout-a .timeline .owl-item figure {
        height: 58rem
    }
}

.timeline .owl-item figure.overlay--style-a:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: calc(100% + .25rem);
    width: 100%;
    background-image: radial-gradient(70% 50%,transparent 0,#2a2a2a 100%)
}

.timeline-line {
    position: relative;
    z-index: 9
}

    .timeline-line::after, .timeline-line::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: .0625rem;
        width: 3.125rem
    }

.timeline--layout-a .timeline-line::after, .timeline--layout-a .timeline-line::before {
    width: 9%
}

@media (min-width:48em) {
    .timeline-line::after, .timeline-line::before {
        width: 12.5rem;
        top: 0
    }

    .timeline--layout-a .timeline-line::after, .timeline--layout-a .timeline-line::before {
        width: 10.5%
    }
}

.timeline-line::before {
    height: .375rem;
    left: 0;
    background-image: linear-gradient(to right,#2a2a2a,rgba(0,0,0,0))
}

.timeline--layout-a .timeline-line::before {
    background-image: linear-gradient(to left,#cd192d,rgba(205,25,45,0))
}

.timeline--style-a.timeline--layout-a .timeline-line::before {
    background-image: linear-gradient(to left,#0062c8,rgba(0,38,78,0))
}

.timeline-line::after {
    height: .1875rem;
    top: .1875rem;
    right: 0;
    background-image: linear-gradient(to left,#2a2a2a,rgba(0,0,0,0))
}

.timeline--layout-a .timeline-line::after {
    background-image: linear-gradient(to right,#fff,rgba(255,255,255,0))
}

.timeline--style-a .owl-dot.active .timeline-date, .timeline--style-a .owl-dot.active::after, .timeline--style-a .owl-dot.active::before, .timeline--style-a .owl-dot::before, .timeline--style-a .timeline-nav::before {
    background: #0062c8
}

.timeline--style-a .owl-dot {
    color: #0062c8
}

.timeline--style-a .btn {
    background-color: #0062c8;
    border-color: #0062c8;
    color: #FFF
}

.turntable__drag-cta span, .turntable__title {
    color: #000;
    text-transform: uppercase;
    font-family: DIN2014-Demi
}

.timeline--style-a .btn:focus, .timeline--style-a .btn:hover {
    background: #00448B;
    border-color: #00448B
}

.timeline--style-a .btn::after {
    box-shadow: 0 0 0 .125rem #00448B
}

@media (min-width:48em) {
    .timeline-line::after {
        height: .375rem;
        top: 0
    }

    .timeline--style-a .btn::after {
        box-shadow: 0 0 0 .25rem #00448B
    }
}

.turntable__title {
    letter-spacing: .03125rem;
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-top: 2.8125rem;
    margin-bottom: 1.25rem
}

@media (min-width:85.375em) {
    .turntable__title {
        font-size: 1.5625rem;
        line-height: 2.1875rem;
        letter-spacing: .0625rem;
        margin-top: 6.25rem;
        margin-bottom: 1.5625rem
    }
}

@media (min-width:120em) {
    .turntable__title {
        font-size: 2.1875rem;
        line-height: 2.625rem;
        margin-top: 7.8125rem;
        margin-bottom: 2.1875rem
    }
}

.turntable__viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden
}

.turntable__loading-image {
    display: block;
    position: relative;
    z-index: 1;
    opacity: 0
}

.turntable.turntable--loaded .turntable__loading-image {
    opacity: 0
}

.turntable__sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .2
}

.ie10 .turntable__sprite, .ie11 .turntable__sprite {
    opacity: 0
}

.turntable.turntable--loaded .turntable__sprite {
    opacity: 1
}

.turntable--threesixty .turntable__sprite {
    cursor: ew-resize
}

.turntable__body {
    margin: 0 auto;
    max-width: 68.75rem
}

.turntable__drag-cta {
    margin: 0 auto 1.25rem
}

    .turntable__drag-cta svg {
        display: inline-block;
        vertical-align: top;
        width: 3.125rem
    }

@media (min-width:48em) {
    .turntable__drag-cta svg {
        width: 4.375rem
    }
}

@media (min-width:85.375em) {
    .turntable__drag-cta svg {
        width: 5rem
    }
}

.turntable__drag-cta span {
    display: block;
    margin-top: .9375rem;
    opacity: .5;
    letter-spacing: .03125rem
}

@media (min-width:75em) {
    .turntable__drag-cta span {
        display: none
    }
}

.turntable--threesixty .turntable__drag-cta {
    display: block
}

.turntable--style-a, .turntable__details {
    display: -webkit-flex;
    display: -ms-flexbox
}

.turntable__cta {
    margin-top: .625rem
}

@media (min-width:48em) {
    .turntable__cta {
        margin-top: .9375rem
    }
}

@media (min-width:85.375em) {
    .turntable__cta {
        margin-top: 1.25rem
    }
}

@media (min-width:120em) {
    .turntable__drag-cta svg {
        width: 5.625rem
    }

    .turntable__cta {
        margin-top: 1.5625rem
    }
}

.turntable--style-a {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media (min-width:48em) {
    .turntable--style-a {
        padding-top: 8.125rem
    }
}

@media (min-width:75em) {
    .turntable--style-a {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }
}

.turntable__viewer-container {
    margin: 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:64em) {
    .turntable__viewer-container {
        margin: 0 auto 0 3%
    }
}

.turntable__background-title {
    text-align: left;
    opacity: .1;
    font-family: DIN2014-Bold;
    color: #4F4D34;
    letter-spacing: .0625rem;
    text-transform: none;
    overflow-wrap: normal;
    font-size: 2.5rem;
    line-height: 2.5rem
}

.turntable__colour-name, .turntable__colour-switcher li a span, .turntable__loader span, .turntable__price-amount {
    font-family: DIN2014-Demi
}

.bb-page-title, .demo-info p, .demo-links button, .turntable__colour-name, .turntable__loader span {
    text-transform: uppercase
}

@media (min-width:48em) {
    .turntable__background-title {
        position: absolute;
        top: 3.75rem;
        font-size: 3.125rem;
        line-height: 3.125rem;
        max-width: 65%
    }
}

@media (min-width:75em) {
    .turntable__viewer-container {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .turntable__background-title {
        top: auto
    }
}

@media (min-width:85.375em) {
    .turntable__background-title {
        font-size: 5rem;
        line-height: 4.375rem
    }
}

.turntable__details {
    position: relative;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media (min-width:75em) {
    .turntable__details {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

.turntable__details-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:30em) {
    .turntable__details-row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.turntable__colour-name {
    font-size: .625rem;
    color: #000;
    opacity: .5;
    letter-spacing: .05188rem;
    line-height: .9375rem;
    text-align: left;
    margin-bottom: 1.25rem
}

@media (min-width:75em) {
    .turntable__details-row {
        display: block;
        text-align: left
    }

    .turntable__colour-name {
        max-width: 8.75rem
    }
}

.turntable__price {
    white-space: nowrap;
    color: #000;
    letter-spacing: .03125rem;
    text-align: left
}

.turntable__price-subtitle {
    display: block;
    font-size: .875rem;
    color: #000;
    opacity: .5;
    letter-spacing: .03125rem;
    line-height: 1.125rem;
    margin-bottom: .3125rem
}

.turntable__price-amount {
    font-size: 1.5rem;
    line-height: 1.875rem
}

.turntable__details-btn {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: auto
}

@media (min-width:30em) {
    .turntable__details-btn {
        margin-left: 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: .625rem
    }
}

.turntable__colour-switcher {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: scroll;
    min-width: 2.5rem
}

    .turntable__colour-switcher li {
        padding-left: 0
    }

@media (min-width:48em) {
    .turntable__price-amount {
        font-size: 2.1875rem;
        line-height: 2.8125rem
    }

    .turntable__colour-switcher li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

@media (min-width:85.375em) {
    .turntable__colour-switcher li {
        font-size: .9375rem;
        letter-spacing: .03125rem;
        line-height: 1.25rem
    }
}

.turntable__drag-cta, .turntable__loader span {
    line-height: .9375rem;
    letter-spacing: .0625rem
}

.turntable__colour-switcher li li {
    padding-left: 1.25rem
}

.turntable__colour-switcher li::before {
    display: none
}

@media (min-width:75em) {
    .turntable__colour-switcher {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow-x: hidden;
        margin-bottom: 0
    }
}

.turntable__colour-switcher li {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 .3125rem;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width:75em) {
    .turntable__colour-switcher li {
        margin: .625rem 0
    }
}

.turntable__colour-switcher li a {
    float: left;
    white-space: nowrap
}

    .turntable__colour-switcher li a img {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        overflow: hidden;
        border: .125rem solid transparent
    }

    .turntable__colour-switcher li a:hover {
        text-decoration: none
    }

        .turntable__colour-switcher li a:hover img {
            border: none
        }

    .turntable__colour-switcher li a.active img {
        padding: .125rem;
        border: .125rem solid #4F4D34
    }

    .turntable__colour-switcher li a span {
        color: #4F4D34;
        font-size: .75rem;
        display: block;
        margin: 0 0 .1875rem
    }

.turntable__scroll {
    position: absolute;
    bottom: 0;
    text-align: left
}

.video--embed, .video-container {
    text-align: center
}

@media (min-width:48em) {
    .turntable__scroll {
        display: none
    }

    .turntable--threesixty .turntable__drag-cta {
        font-family: DIN2014-Demi
    }
}

@media (min-width:85.375em) {
    .turntable__scroll {
        display: block
    }
}

.turntable__scroll .scroll-to {
    display: inline-block
}

.turntable__drag-cta {
    display: none;
    font-size: .75rem;
    color: #8f8f8f
}

.turntable--threesixty .turntable__drag-cta .turntable__drag-cta--mobile {
    display: inline
}

.turntable--threesixty .turntable__drag-cta .turntable__drag-cta--desktop {
    display: none
}

@media (min-width:75em) {
    .turntable__colour-switcher li a span {
        margin-top: .75rem;
        margin-left: .625rem;
        margin-bottom: 0;
        float: right
    }

    .turntable--threesixty .turntable__drag-cta .turntable__drag-cta--mobile {
        display: none
    }

    .turntable--threesixty .turntable__drag-cta .turntable__drag-cta--desktop {
        display: inline
    }
}

.turntable__loader {
    position: absolute;
    left: 50%;
    z-index: 1101;
    visibility: hidden;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -webkit-transform: translate(calc(-50% + .03125rem),calc(-50% + .03125rem));
    -ms-transform: translate(calc(-50% + .03125rem),calc(-50% + .03125rem));
    transform: translate(calc(-50% + .03125rem),calc(-50% + .03125rem));
    opacity: 0;
    top: 40%
}

@media (min-width:48em) {
    .turntable__loader {
        top: 50%
    }
}

.turntable__loader span {
    display: block;
    margin-top: .625rem;
    font-size: .625rem;
    color: #505050
}

.bb-page-title, .bb-page-title span {
    font-family: 'Helvetica Neue',Arial,Sans-Serif
}

.turntable__loader--in .turntable__loader {
    opacity: 1;
    visibility: visible
}

    .turntable__loader--in .turntable__loader img {
        -webkit-animation-name: spin;
        animation-name: spin;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

.turntable__viewer {
    transition: opacity .3s ease-in-out
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.video--embed {
    position: relative;
    height: 100%;
    width: 100%
}

.content-panel .video--embed, .video__cta, .video__cta__icon, .video__player {
    position: absolute
}

.video__cta {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.video__cta__icon {
    cursor: pointer;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    z-index: 1;
    opacity: 0;
    transition: opacity 330ms linear
}

.ready .video__cta__icon {
    opacity: 1
}

.no-csstransforms3d .video__cta__icon {
    margin-left: -3.125rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.loading .video__cta__icon.video__cta__icon--play, .playing .video__cta__icon.video__cta__icon--play, .video__cta__icon.video__cta__icon--pause {
    display: none
}

.paused .video__cta__icon.video__cta__icon--pause {
    display: table
}

.video__player {
    width: 100%;
    height: 100% !important;
    top: 0
}

.video__player__replace {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s,ease-in-out,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,ease-in-out;
    transition: opacity .3s,transform .3s,ease-in-out,-webkit-transform .3s
}

.active .video__player__replace {
    opacity: 1
}

.media-video-youtube {
    position: relative;
    padding-top: 56.25%;
    height: 0
}

    .media-video-youtube iframe {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }

.video-container .video-container__media {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden
}

@media (min-width:48em) {
    .video-container .video-container__media {
        padding-bottom: 56.3%
    }
}

@media (min-width:75em) {
    .video-container .video-container__media {
        padding-bottom: 56.25%
    }
}

.video-container .video-container__media iframe {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 1
}

.video-container .video-container__media img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.owl-item.active .video-container .video-container__media img {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.video-container .video.video--embed {
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%
}

.video-container .video .video__poster {
    position: absolute;
    top: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    right: -.0625rem;
    z-index: 9;
    cursor: pointer
}

.video-container .video.playing .video__poster {
    display: none
}

.video-container .video-container__content__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    z-index: 1
}

.no-csstransforms3d .video-container .video-container__content__icon {
    margin-left: -3.125rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-container .video-container__player {
    width: 100%;
    height: 100%
}

.video-container .video-container__player__replace {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s,ease-in-out,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,ease-in-out;
    transition: opacity .3s,transform .3s,ease-in-out,-webkit-transform .3s
}

.active .video-container .video-container__player__replace {
    opacity: 1
}

.video-container .video-container__body {
    padding: .9375rem 1.25rem
}

    .video-container .video-container__body p {
        margin: 0 0 .3125rem
    }

@font-face {
    font-family: bb-icon;
    src: url(/_bb/icons/bb-icon.eot?e90a6q);
    src: url(/_bb/icons/bb-icon.eot?e90a6q#iefix) format("embedded-opentype"),url(/_bb/icons/bb-icon.ttf?e90a6q) format("truetype"),url(/_bb/icons/bb-icon.woff?e90a6q) format("woff"),url(/_bb/icons/bb-icon.svg?e90a6q#bb-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

.bb-icon {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased
}

    .bb-icon b {
        border: 0;
        clip: rect(0 0 0 0);
        height: .0625rem;
        margin: -.0625rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: .0625rem
    }

        .bb-icon b.focusable:active, .bb-icon b.focusable:focus {
            clip: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            position: static;
            width: auto
        }

.bb-icon-chevron-down:before {
    content: "\e900"
}

.bb-icon-menu:before {
    content: "\e901"
}

.bb-icon-close:before {
    content: "\e902"
}

.bb-page-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #186CD8;
    color: #fff;
    padding: 1.25rem .625rem;
    transition: all 250ms ease;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 9999;
    overflow: hidden;
    max-width: 31.25rem;
    width: 90%
}

.bb-page-nav-show .bb-page-nav {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.bb-page-nav .bb-page-nav-inner {
    height: 100%;
    overflow: auto;
    margin-top: 1.875rem;
    padding-right: .625rem;
    padding-bottom: 1.875rem
}

.bb-page-nav a {
    text-decoration: none
}

.bb-page-nav .bb-home-link {
    display: block;
    margin-bottom: 1.25rem;
    color: #fff;
    text-decoration: underline
}

.bb-page-nav .bb-page-nav-close {
    position: absolute;
    top: .625rem;
    right: .625rem;
    background-color: #fff;
    border-color: #fff;
    color: #186CD8
}

.bb-page-nav .file-list {
    padding: 0;
    width: 100%;
    float: left;
    border-top: .0625rem solid #E6E6E7;
    font-size: 1rem;
    list-style: none
}

    .bb-page-nav .file-list li {
        padding: .625rem 0 .625rem 1.25rem;
        border-bottom: .0625rem solid #e2e2e2;
        width: 100%;
        float: left;
        font-size: 1rem;
        line-height: 1.625rem
    }

        .bb-page-nav .file-list li span {
            display: block;
            color: #D2D0D0;
            font-size: .875rem;
            transition: color 250ms ease
        }

        .bb-page-nav .file-list li a {
            position: relative;
            display: inline-block;
            color: #fff;
            font-weight: 900;
            transition: color 250ms ease
        }

.bb-page-title, .bb-page-title b {
    font-weight: 700
}

.bb-page-nav .file-list li a:after {
    content: '';
    width: 0%;
    height: .125rem;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    transition: width 250ms ease
}

.bb-page-nav .file-list li a:focus, .bb-page-nav .file-list li a:hover {
    color: #FEF014
}

    .bb-page-nav .file-list li a:focus span, .bb-page-nav .file-list li a:hover span {
        color: #fff
    }

    .bb-page-nav .file-list li a:focus:after, .bb-page-nav .file-list li a:hover:after {
        width: 100%
    }

.bb-page-nav .file-list li:first-child {
    border-top: 0
}

.bb-page-title {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0
}

    .bb-page-title span {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1;
        vertical-align: baseline
    }

.bb-page-nav-btn {
    display: block;
    position: fixed;
    bottom: 3.75rem;
    left: .9375rem;
    z-index: 999
}

.visual-testing .demo-actions, .visual-testing .demo-actions-btn {
    display: none
}

.demo-actions, .demo-actions-btn {
    position: fixed;
    background-color: #f8f8f8;
    box-shadow: .0625rem 0 .5625rem .0625rem rgba(0,0,0,.3);
    left: 0
}

.demo-actions-btn {
    bottom: 0;
    padding: .625rem .9375rem;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease,-webkit-transform 250ms ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 9990;
    border: none
}

    .demo-actions-btn .bb-icon {
        color: #5266bf
    }

.demo-actions-out .demo-actions-btn {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%)
}

.bb-responsive-override .action-responsive {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: red
}

.demo-actions {
    bottom: -.0625rem;
    width: 100%;
    z-index: 9991;
    padding: .625rem;
    transition: all 250ms ease;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%)
}

    .demo-actions * {
        font-family: Museo-sans,Sans-Serif
    }

.demo-actions-show .demo-actions {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.demo-actions .bb-page-nav-btn {
    position: relative;
    bottom: auto;
    left: auto;
    float: left
}

.demo-actions .visible-grid-btn {
    margin-right: 0
}

.demo-links {
    float: left;
    width: 100%;
    font-size: .75rem;
    margin-top: .125rem
}

@media (min-width:48em) {
    .demo-links {
        width: auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.demo-links button {
    position: relative;
    float: left;
    color: #5266bf;
    margin: 0;
    font-weight: 900;
    width: 100%;
    padding: .3125rem 0;
    background-color: transparent;
    border: none;
    border-bottom: solid .0625rem #ccc;
    line-height: 1
}

.demo-info p, .demo-info strong a {
    font-size: .75rem;
    line-height: .875rem
}

.demo-links button .bb-icon {
    color: #5266bf
}

@media (min-width:48em) {
    .demo-links button {
        width: auto;
        border: none;
        padding: 0 1.25rem
    }

        .demo-links button:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: .125rem;
            bottom: .125rem;
            width: .0625rem;
            background-color: #bbb
        }

        .demo-links button:first-of-type {
            padding-left: .625rem
        }

        .demo-links button:last-of-type:after {
            display: none
        }
}

.demo-info {
    float: left;
    width: 100%;
    padding-top: .625rem;
    margin-top: .625rem
}

@media (min-width:64em) {
    .demo-info {
        float: right;
        width: auto;
        padding-top: 0;
        margin-top: 0
    }
}

.demo-info p {
    float: left;
    margin-bottom: 0;
    font-weight: 300;
    margin-top: .0625rem
}

.demo-info strong, .demo-info strong a {
    font-weight: 900
}

.demo-info img {
    max-width: 1.5625rem;
    float: left;
    clear: left
}

@media (min-width:48em) {
    .demo-info img {
        float: right;
        clear: none;
        margin: .0625rem .3125rem 0 .9375rem
    }
}