.typography__heading--xxlarge, h1, h2, h3, h4, h5, h6 {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000
}
*, .reviews__heading, .row, ::after, ::before {
    box-sizing: border-box
}
.col-xs-1, .row {
    -webkit-box-flex: 0
}
.row, .row.reverse {
    -webkit-box-orient: horizontal
}
.colorway-tile__dots, .navicon-button {
    -ms-user-select: none;
    -moz-user-select: none
}
.-wrapper-button, .navicon-button {
    background: 0 0;
    border: none;
    cursor: pointer
}
@font-face {
    font-family: DINOTMedium;
    src: url(/Static/Home/bike/fonts/Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: DINOTCondensed;
    src: url(/Static/Home/bike/fonts/Cond.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: DINOTCondensedMedium;
    src: url(/Static/Home/bike/fonts/CondMedium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
.typography__heading--xxlarge, h1 {
    font-size: 22px;
    font-weight: 100;
    line-height: 24px;
    margin: 0
}
.typography__heading--xlarge, h2 {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    font-weight: 100;
    margin: 0;
    font-family: 'Microsoft YaHei', Helvetica, sans-serif;
}
.typography__heading--large {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0
}
.typography__heading--medium {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: 100;
    line-height: 18px;
    margin: 0
}
.typography__heading--small {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0
}
.typography-info {
    font-weight: 700;
    margin-top: 30px
}
.tk-alert__body, .tk-alert__header {
    font-weight: lighter;
    font-size: 24px
}
.typography__din-medium {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.typography__din-condensed-medium {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.typography__din-condensed {
    font-family: DINOTCondensed, Helvetica, sans-serif
}
.typography__helvetica {
    font-family: Helvetica, sans-serif
}
.typography__section {
    font-family: DINOTCondensed, Helvetica, sans-serif;
    font-size: 30px
}
.typography__nav, .typography__product-title, .typography__tile-title {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.typography__nav {
    font-size: 20px
}
.typography__product-title {
    font-size: 28px
}
.typography__tile-title {
    font-size: 20px
}
.tk-alert__header, .typography__cta {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.typography__cta {
    font-size: 24px
}
.typography__body, .typography__feature, .typography__meta {
    font-family: Helvetica, sans-serif
}
.typography__feature {
    font-size: 28px
}
.typography__body {
    font-size: 24px
}
.typography__meta {
    font-size: 20px
}
.container {
    margin-right: 5%;
    margin-left: 5%
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.col.reverse, .row.reverse {
    -webkit-box-direction: reverse
}
.row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.no-flexbox .row {
    width: 100%
}
.no-flexbox .row::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}
.no-flexbox .row .no-flexbox .no-content {
    content: '';
    display: inline-block
}
.no-flexbox .col-xs-1.no-content, .no-flexbox .col-xs-10.no-content, .no-flexbox .col-xs-11.no-content, .no-flexbox .col-xs-12.no-content, .no-flexbox .col-xs-2.no-content, .no-flexbox .col-xs-3.no-content, .no-flexbox .col-xs-4.no-content, .no-flexbox .col-xs-5.no-content, .no-flexbox .col-xs-7.no-content, .no-flexbox .col-xs-8.no-content, .no-flexbox .col-xs-9.no-content {
    content: '\00A0';
    height: 1px
}
.col.reverse {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}
.col-xs-1 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}
.col-xs-offset-1 {
    margin-left: 8.33333%
}
.col-xs-offset-right-1 {
    margin-right: 8.33333%
}
.no-flexbox .col-xs-1 {
    float: left;
    width: 8.33333%
}
.col-xs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}
.col-xs-offset-2 {
    margin-left: 16.66667%
}
.col-xs-offset-right-2 {
    margin-right: 16.66667%
}
.no-flexbox .col-xs-2 {
    float: left;
    width: 16.66667%
}
.col-xs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-right-3 {
    margin-right: 25%
}
.no-flexbox .col-xs-3 {
    float: left;
    width: 25%
}
.col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}
.col-xs-offset-4 {
    margin-left: 33.33333%
}
.col-xs-offset-right-4 {
    margin-right: 33.33333%
}
.no-flexbox .col-xs-4 {
    float: left;
    width: 33.33333%
}
.col-xs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}
.col-xs-offset-5 {
    margin-left: 41.66667%
}
.col-xs-offset-right-5 {
    margin-right: 41.66667%
}
.no-flexbox .col-xs-5 {
    float: left;
    width: 41.66667%
}
.col-xs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-right-6 {
    margin-right: 50%
}
.no-flexbox .col-xs-6 {
    float: left;
    width: 50%
}
.no-flexbox .col-xs-6.no-content {
    content: '\00A0';
    height: 1px
}
.col-xs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}
.col-xs-offset-7 {
    margin-left: 58.33333%
}
.col-xs-offset-right-7 {
    margin-right: 58.33333%
}
.no-flexbox .col-xs-7 {
    float: left;
    width: 58.33333%
}
.col-xs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}
.col-xs-offset-8 {
    margin-left: 66.66667%
}
.col-xs-offset-right-8 {
    margin-right: 66.66667%
}
.no-flexbox .col-xs-8 {
    float: left;
    width: 66.66667%
}
.col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-right-9 {
    margin-right: 75%
}
.no-flexbox .col-xs-9 {
    float: left;
    width: 75%
}
.col-xs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}
.col-xs-offset-10 {
    margin-left: 83.33333%
}
.col-xs-offset-right-10 {
    margin-right: 83.33333%
}
.no-flexbox .col-xs-10 {
    float: left;
    width: 83.33333%
}
.col-xs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}
.col-xs-offset-11 {
    margin-left: 91.66667%
}
.col-xs-offset-right-11 {
    margin-right: 91.66667%
}
.no-flexbox .col-xs-11 {
    float: left;
    width: 91.66667%
}
.col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}
.col-xs-offset-12 {
    margin-left: 100%
}
.col-xs-offset-right-12 {
    margin-right: 100%
}
.no-flexbox .col-xs-12 {
    width: 100%;
    float: none
}
.no-flexbox .center-content {
    margin: 0 auto;
    float: none
}
.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}
.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}
.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}
@media only screen and (min-width:672px) {
    .no-flexbox .col-sm-1.no-content, .no-flexbox .col-sm-10.no-content, .no-flexbox .col-sm-11.no-content, .no-flexbox .col-sm-12.no-content, .no-flexbox .col-sm-2.no-content, .no-flexbox .col-sm-3.no-content, .no-flexbox .col-sm-4.no-content, .no-flexbox .col-sm-5.no-content, .no-flexbox .col-sm-7.no-content, .no-flexbox .col-sm-8.no-content, .no-flexbox .col-sm-9.no-content {
        content: '\00A0';
        height: 1px
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-right-1 {
        margin-right: 8.33333%
    }
    .no-flexbox .col-sm-1 {
        float: left;
        width: 8.33333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-right-2 {
        margin-right: 16.66667%
    }
    .no-flexbox .col-sm-2 {
        float: left;
        width: 16.66667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-right-3 {
        margin-right: 25%
    }
    .no-flexbox .col-sm-3 {
        float: left;
        width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
        max-width: 38%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-right-4 {
        margin-right: 33.33333%
    }
    .no-flexbox .col-sm-4 {
        float: left;
        width: 33.33333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-right-5 {
        margin-right: 41.66667%
    }
    .no-flexbox .col-sm-5 {
        float: left;
        width: 41.66667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-right-6 {
        margin-right: 50%
    }
    .no-flexbox .col-sm-6 {
        float: left;
        width: 50%
    }
    .no-flexbox .col-sm-6.no-content {
        content: '\00A0';
        height: 1px
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-right-7 {
        margin-right: 58.33333%
    }
    .no-flexbox .col-sm-7 {
        float: left;
        width: 58.33333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
        max-width: 62%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-right-8 {
        margin-right: 66.66667%
    }
    .no-flexbox .col-sm-8 {
        float: left;
        width: 66.66667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-right-9 {
        margin-right: 75%
    }
    .no-flexbox .col-sm-9 {
        float: left;
        width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-right-10 {
        margin-right: 83.33333%
    }
    .no-flexbox .col-sm-10 {
        float: left;
        width: 83.33333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-right-11 {
        margin-right: 91.66667%
    }
    .no-flexbox .col-sm-11 {
        float: left;
        width: 91.66667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-right-12 {
        margin-right: 100%
    }
    .no-flexbox .col-sm-12 {
        width: 100%;
        float: none
    }
    .no-flexbox .center-content {
        margin: 0 auto;
        float: none
    }
    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .no-flexbox .col.sm-0 {
        display: none
    }
}
@media only screen and (min-width:868px) {
    .no-flexbox .col-md-1.no-content, .no-flexbox .col-md-10.no-content, .no-flexbox .col-md-11.no-content, .no-flexbox .col-md-12.no-content, .no-flexbox .col-md-2.no-content, .no-flexbox .col-md-3.no-content, .no-flexbox .col-md-4.no-content, .no-flexbox .col-md-5.no-content, .no-flexbox .col-md-7.no-content, .no-flexbox .col-md-8.no-content, .no-flexbox .col-md-9.no-content {
        content: '\00A0';
        height: 1px
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-right-1 {
        margin-right: 8.33333%
    }
    .no-flexbox .col-md-1 {
        float: left;
        width: 8.33333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-right-2 {
        margin-right: 16.66667%
    }
    .no-flexbox .col-md-2 {
        float: left;
        width: 16.66667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-right-3 {
        margin-right: 25%
    }
    .no-flexbox .col-md-3 {
        float: left;
        width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-right-4 {
        margin-right: 33.33333%
    }
    .no-flexbox .col-md-4 {
        float: left;
        width: 33.33333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-right-5 {
        margin-right: 41.66667%
    }
    .no-flexbox .col-md-5 {
        float: left;
        width: 41.66667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-right-6 {
        margin-right: 50%
    }
    .no-flexbox .col-md-6 {
        float: left;
        width: 50%
    }
    .no-flexbox .col-md-6.no-content {
        content: '\00A0';
        height: 1px
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-right-7 {
        margin-right: 58.33333%
    }
    .no-flexbox .col-md-7 {
        float: left;
        width: 58.33333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-right-8 {
        margin-right: 66.66667%
    }
    .no-flexbox .col-md-8 {
        float: left;
        width: 66.66667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-right-9 {
        margin-right: 75%
    }
    .no-flexbox .col-md-9 {
        float: left;
        width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-right-10 {
        margin-right: 83.33333%
    }
    .no-flexbox .col-md-10 {
        float: left;
        width: 83.33333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-right-11 {
        margin-right: 91.66667%
    }
    .no-flexbox .col-md-11 {
        float: left;
        width: 91.66667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-right-12 {
        margin-right: 100%
    }
    .no-flexbox .col-md-12 {
        width: 100%;
        float: none
    }
    .no-flexbox .center-content {
        margin: 0 auto;
        float: none
    }
    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
}
@media only screen and (min-width:1050px) {
    .no-flexbox .col-lg-1.no-content, .no-flexbox .col-lg-10.no-content, .no-flexbox .col-lg-11.no-content, .no-flexbox .col-lg-12.no-content, .no-flexbox .col-lg-2.no-content, .no-flexbox .col-lg-3.no-content, .no-flexbox .col-lg-4.no-content, .no-flexbox .col-lg-5.no-content, .no-flexbox .col-lg-7.no-content, .no-flexbox .col-lg-8.no-content, .no-flexbox .col-lg-9.no-content {
        content: '\00A0';
        height: 1px
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-right-1 {
        margin-right: 8.33333%
    }
    .no-flexbox .col-lg-1 {
        float: left;
        width: 8.33333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-right-2 {
        margin-right: 16.66667%
    }
    .no-flexbox .col-lg-2 {
        float: left;
        width: 16.66667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-right-3 {
        margin-right: 25%
    }
    .no-flexbox .col-lg-3 {
        float: left;
        width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-right-4 {
        margin-right: 33.33333%
    }
    .no-flexbox .col-lg-4 {
        float: left;
        width: 33.33333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-right-5 {
        margin-right: 41.66667%
    }
    .no-flexbox .col-lg-5 {
        float: left;
        width: 41.66667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-right-6 {
        margin-right: 50%
    }
    .no-flexbox .col-lg-6 {
        float: left;
        width: 50%
    }
    .no-flexbox .col-lg-6.no-content {
        content: '\00A0';
        height: 1px
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-right-7 {
        margin-right: 58.33333%
    }
    .no-flexbox .col-lg-7 {
        float: left;
        width: 58.33333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-right-8 {
        margin-right: 66.66667%
    }
    .no-flexbox .col-lg-8 {
        float: left;
        width: 66.66667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-right-9 {
        margin-right: 75%
    }
    .no-flexbox .col-lg-9 {
        float: left;
        width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-right-10 {
        margin-right: 83.33333%
    }
    .no-flexbox .col-lg-10 {
        float: left;
        width: 83.33333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-right-11 {
        margin-right: 91.66667%
    }
    .no-flexbox .col-lg-11 {
        float: left;
        width: 91.66667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-right-12 {
        margin-right: 100%
    }
    .no-flexbox .col-lg-12 {
        width: 100%;
        float: none
    }
    .no-flexbox .center-content {
        margin: 0 auto;
        float: none
    }
    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
}
.navicon-button {
    position: absolute;
    top: 12px;
    left: 20px;
    height: 40px;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-user-select: none;
    user-select: none;
    z-index: 500
}
@media only screen and (min-width:1051px) {
    .page {
        margin-top: 88px
    }
}
.-wrapper-button:active, .-wrapper-button:focus {
    outline: 0;
    border: none
}
.-is-lazy-loading {
    opacity: 0
}
.-is-lazy-transition {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}
.-is-lazy-loaded {
    opacity: 1
}
.-contain {
    height: 100%;
    overflow: hidden;
    width: 100%
}
.-float--right {
    float: right
}
.-float--left {
    float: left
}
.-clear:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}
.-vertical--top {
    vertical-align: top
}
.-vertical--bottom {
    vertical-align: bottom
}
.-vertical--middle, .star, .video-inline__cta, .video-inline__cta-copy, .video-inline__cta-icon {
    vertical-align: middle
}
.vcenter_translate {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.-scroll-y {
    overflow-y: scroll!important
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, .2);
    border-right: 1.1em solid rgba(255, 255, 255, .2);
    border-bottom: 1.1em solid rgba(255, 255, 255, .2);
    border-left: 1.1em solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}
.loader, .loader::after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.-text--center {
    text-align: center
}
.-text--right {
    text-align: right
}
.-text--left {
    text-align: left
}
.-hidden {
    display: none
}
.-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}
.-cover--top {
    background-position: 50% 0
}
.-square {
    display: block;
    height: 0;
    padding-bottom: 100%
}
.-sixteen-nine {
    display: block;
    height: 0;
    padding-bottom: 56.25%
}
.-full-viewport {
    min-height: 100vh;
    width: 100vw;
    max-width: 100%
}
@media only screen and (max-width:420px) {
    .xxs-device-hide {
        display: none!important
    }
    .xxs-device-show {
        display: initial!important
    }
    .xxs-device-show--block {
        display: block!important
    }
}
@media only screen and (min-width:420px) {
    .xs-device-hide {
        display: none!important
    }
    .xs-device-show {
        display: inline!important
    }
    .xs-device-show--block {
        display: block!important
    }
}
@media only screen and (min-width:672px) {
    .sm-device-hide {
        display: none!important
    }
    .sm-device-show {
        display: inline!important
    }
    .sm-device-show--block {
        display: block!important
    }
}
@media only screen and (min-width:868px) {
    .md-device-hide {
        display: none!important
    }
    .md-device-show {
        display: inline!important
    }
    .md-device-show--block {
        display: block!important
    }
}
@media only screen and (min-width:1050px) {
    .lg-device-hide {
        display: none!important
    }
    .lg-device-show {
        display: inline!important
    }
    .lg-device-show--block {
        display: block!important
    }
}
.icon {
    width: 35px;
    height: 35px
}
.icon.icon--small {
    width: 15px;
    height: 15px
}
.icon--youtube {
    color: #fff;
    fill: #e52d27
}
.icon--amex {
    fill: #00a3dd
}
.open-alert {
    color: #999;
    text-decoration: none
}
.tk-wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    padding: 5rem;
    color: #666;
    background: #1f1f1f
}
.tk-alert {
    background: rgba(18, 18, 18, .8);
    bottom: 0;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: height .6s ease .6s, visibility .6s ease, opacity .6s ease, z-index .6s ease;
    transition: height .6s ease .6s, visibility .6s ease, opacity .6s ease, z-index .6s ease;
    visibility: hidden;
    width: 100%;
    z-index: -1
}
.tk-alert.tk-active {
    height: 100%;
    opacity: 1;
    -webkit-transition: visibility .6s ease, opacity .6s ease, z-index .6s ease;
    transition: visibility .6s ease, opacity .6s ease, z-index .6s ease;
    visibility: visible;
    z-index: 1000
}
.tk-alert--fixed {
    position: fixed
}
.tk-alert--dark {
    background: rgba(18, 18, 18, .9)
}
.tk-alert--darkest {
    background: rgba(18, 18, 18, .98)
}
.tk-alert__content {
    background: #121212;
    border-radius: 4px;
    width: 526px;
    position: absolute;
    top: 20%;
    left: calc(50% - 263px)
}
.tk-alert--mobile {
    padding: 56px 28px
}
.tk-alert__header {
    color: #ed1c24;
    letter-spacing: 6px;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 0
}
.tk-alert__body {
    font-family: Helvetica, sans-serif;
    width: 350px;
    color: #8e8e8e;
    margin: 0 auto;
    line-height: 50px;
    text-align: center
}
.button, .tito-tickets-button, .tk-alert__close a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase
}
.tk-alert__close-icon {
    cursor: pointer;
    fill: #fff;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px
}
.tk-alert__close a {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif;
    height: 100px;
    width: 526px;
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 100px;
    background: #121212;
    margin-top: 40px
}
.animated-modal__wrapper {
    opacity: 0;
    position: relative;
    visibility: hidden
}
.animated-modal__wrapper.is-active {
    opacity: 1;
    visibility: visible
}
.animated-modal {
    background: rgba(255, 255, 255, .98);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}
.animated-modal.can-overflow {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.animated-modal.can-overflow.disable-overflow-scroll-touch {
    -webkit-overflow-scrolling: auto!important
}
@media only screen and (min-width:868px) {
    .animated-modal {
        padding: 0
    }
    .animated-modal.can-overflow {
        overflow-y: hidden
    }
}
.button, .tito-tickets-button {
    background-color: #ed1c24;
    border: none;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
    outline: 0;
    padding: 14px 10px;
    vertical-align: middle;
    width: 100%;
}
.button:hover, .tito-tickets-button:hover {
    background-color: #b80906
}
.button:hover::after, .tito-tickets-button:hover::after {
    display: none
}
.button:active, .tito-tickets-button:active {
    background-color: #ed1c24
}
.button--light, .tito-tickets-button--light {
    background-color: #fd170f
}
.button--secondary, .tito-tickets-button--secondary {
    background-color: #000000
}
.button--secondary:hover, .tito-tickets-button--secondary:hover {
    background-color: #121212
}
.button--secondary:active, .tito-tickets-button--secondary:active {
    background-color: #000000
}
.button--tertiary, .tito-tickets-button--tertiary {
    background-color: #b80906
}
.button--tertiary:hover, .tito-tickets-button--tertiary:hover {
    background-color: #d41b18
}
.button--tertiary:active, .tito-tickets-button--tertiary:active {
    background-color: #292929
}
.button__dynamic, .tito-tickets-button__dynamic {
    cursor: pointer;
    background-color: transparent;
    border: none
}
.button__dynamic:focus, .tito-tickets-button__dynamic:focus {
    outline: 0
}
.tito-tickets-button {
    background-color: #000000
}
.tito-tickets-button:hover {
    background-color: #121212
}
.tito-tickets-button:active {
    background-color: #000000
}
.video-inline {
    color: #8e8e8e;
    font-size: 14px;
    position: relative
}
.video-inline__icon {
    color: #fff;
    fill: #121212;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: fill .6s ease;
    transition: fill .6s ease;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}
.video-inline__content {
    padding: 60px 28px
}
@media only screen and (min-width:868px) {
    .video-inline {
        color: #fff;
        font-size: 12px
    }
    .video-inline__content {
        left: 0;
        padding: 0 5%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }
}
.video-inline__heading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0 0 30px
}
@media only screen and (min-width:868px) {
    .video-inline__heading {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        line-height: 22px;
        margin: 0 0 30px
    }
}
@media only screen and (min-width:1050px) {
    .video-inline__heading {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #fff;
        font-size: 22px;
        font-weight: 100;
        line-height: 24px;
        margin: 0 0 30px
    }
}
.video-inline__image {
    text-align: center;
    display: block;
    position: relative
}
.video-inline__image:hover:after {
    display: none
}
.video-inline__description {
    margin: 0 0 40px
}
@media only screen and (min-width:868px) {
    .video-inline__description {
        margin: 0
    }
    .video-inline__title {
        color: #fff;
        margin-top: 0
    }
    .video-inline__heading-icon {
        margin-right: 15px
    }
}
.video-inline__cta {
    color: #666;
    display: block;
    letter-spacing: 4px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.reviews__heading, .tabs__anchor {
    letter-spacing: 1px;
    text-decoration: none
}
.reviews__summary-title, .tabs__anchor, .tabs__heading {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.video-inline__cta:hover:after {
    display: none
}
@media only screen and (min-width:868px) {
    .video-inline__cta {
        display: none
    }
}
.video-inline__cta-copy {
    display: inline-block;
    margin-right: 20px
}
.video-inline__cta-icon {
    display: inline-block;
    height: 25px;
    width: 25px
}
@media only screen and (min-width:868px) {
    .video-inline__cta-icon {
        display: none
    }
}
.no-touchevents .video-inline__image:hover .video-inline__icon {
    fill: #e52d27
}
.video-player {
    background: rgba(17, 17, 17, .95)
}
.video-player__video-wrapper {
    position: absolute;
    left: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    top: 50%;
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 56.25%
}
@media only screen and (min-width:420px) {
    .video-player__video-wrapper {
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        width: 80%;
        display: block;
        height: 0;
        padding-bottom: 45%
    }
}
.video-player__video {
    height: 100%;
    position: absolute;
    width: 100%
}
.no-csstransforms3d .video-player__video-wrapper {
    margin-top: -25%
}
@media only screen and (min-width:868px) {
    .no-csstransforms3d .video-player__video-wrapper {
        left: 50%;
        margin-left: -40%
    }
    .tabs__list:after {
        content: "";
        width: 100%;
        display: inline-block
    }
}
.tabs {
    overflow: hidden;
    position: relative
}
.tabs__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: justify
}
.tabs__container {
    width: 100%;
    padding-bottom: 14px
}
.tabs__list--images {
    height: 0;
    padding-bottom: 100%;
    width: 100%
}
.tabs__list--links {
    margin: 30px 0 0 -20px
}
.tabs__heading {
    color: #000000;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0
}
@media only screen and (min-width:868px) {
    .tabs__list--images {
        padding-bottom: 41.66667%
    }
    .tabs__heading {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 20px;
        font-weight: 100;
        line-height: 22px;
        margin: 0
    }
}
.tabs__item {
    display: inline-block;
    padding-left: 20px
}
@media only screen and (min-width:1050px) {
    .tabs__list--links {
        margin: 0
    }
    .tabs__heading {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 22px;
        font-weight: 100;
        line-height: 24px;
        margin: 0
    }
    .tabs__item {
        display: block
    }
}
.tabs__item--last {
    padding-right: 0
}
.tabs__anchor {
    color: #000000;
    display: block;
    font-size: 12px;
    position: relative;
    text-transform: uppercase
}
.tabs__anchor.is-active {
    color: #b80906
}
.tabs__image-item {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    -webkit-transition: visibility .6s ease, opacity .6s ease, z-index .6s ease;
    transition: visibility .6s ease, opacity .6s ease, z-index .6s ease;
    visibility: hidden;
    width: 100%;
    z-index: -1;
    display: block;
    height: 0;
    padding-bottom: 100%
}
.reviews, .reviews__cta-wrapper, .reviews__heading, .tabs__content-item--with-accordion, .tabs__list--content {
    position: relative
}
@media only screen and (min-width:868px) {
    .tabs__image-item {
        padding-bottom: 41.66667%
    }
}
.tabs__image-item.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1
}
.tabs__content-item {
    display: none
}
.tabs__content-item.is-active {
    display: block
}
.tabs__scroll-container {
    width: 100%;
    overflow: auto
}
.tabs__row {
    padding: 50px 28px
}
@media only screen and (min-width:1050px) {
    .tabs__scroll-container {
        overflow: inherit
    }
    .tabs__row {
        padding: 50px 5%
    }
}
.star {
    display: inline-block;
    fill: #9b9b9b;
    height: 14px;
    margin-right: 8px;
    width: 14px
}
.star--total-active {
    fill: #b80906
}
.star--secondary-active {
    fill: #666
}
.reviews {
    padding: 80px 28px 10px
}
@media only screen and (min-width:868px) {
    .reviews {
        padding: 90px 0 10px
    }
}
.reviews__content {
    border-top: 1px solid #f9f9f9;
    padding: 25px 0 0
}
@media only screen and (min-width:868px) {
    .reviews__content {
        border: none;
        padding: 0
    }
}
.reviews__summary {
    padding: 0 5% 30px
}
.reviews__summary-title {
    color: #000000;
    font-size: 16px;
    font-weight: 100;
    line-height: 18px;
    margin: 0 0 30px
}
@media only screen and (min-width:868px) {
    .reviews__summary-title {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 18px;
        font-weight: 100;
        line-height: 20px;
        margin: 0 0 30px
    }
}
@media only screen and (min-width:1050px) {
    .reviews__summary-title {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 20px;
        font-weight: 100;
        line-height: 22px;
        margin: 0 0 20px
    }
}
.reviews__review {
    margin: 30px 0 0
}
.reviews__review--first {
    margin: 0
}
@media only screen and (min-width:868px) {
    .reviews__review {
        margin: 40px 0 0
    }
    .reviews__content-heading {
        height: 150px
    }
}
.reviews__heading, .reviews__subheading {
    margin: 0;
    text-transform: uppercase;
    font-weight: 100
}
.reviews__wrapper {
    padding: 0 5% 15px
}
.reviews__rate {
    padding: 30px 0 0
}
.reviews__heading {
    background-color: #ed1c24;
    border: none;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 16px 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.reviews__category, .reviews__subheading {
    display: inline-block;
    vertical-align: middle
}
@media only screen and (min-width:868px) {
    .reviews__heading {
        background-color: transparent;
        padding: 0;
        position: absolute;
        left: 15%;
        text-align: left;
        color: #b80906;
        font-size: 14px;
        font-weight: 100;
        letter-spacing: 3px;
        line-height: 14px;
        margin: 0;
        text-transform: uppercase;
        font-family: DINOTCondensedMedium, Helvetica, sans-serif
    }
}
.reviews__helpful-answer, .reviews__helpful-icon {
    text-align: right
}
.product__subheading, .reviews__subheading, .reviews__title {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.reviews__subheading {
    color: #8e8e8e;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 14px
}
.reviews__subheading-total {
    margin: 0 0 0 10px
}
.reviews__title {
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0
}
@media only screen and (min-width:868px) {
    .reviews__title {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 16px;
        font-weight: 100;
        line-height: 18px;
        margin: 0
    }
}
@media only screen and (min-width:1050px) {
    .reviews__title {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 18px;
        font-weight: 100;
        line-height: 20px;
        margin: 0
    }
}
.reviews__total {
    margin: 0 0 10px
}
.reviews__body {
    margin: 0
}
.reviews__byline, .reviews__meta {
    color: #000000
}
.reviews__byline {
    margin: 15px 0
}
.reviews__table {
    margin: 150px 0 0;
    width: 100%
}
.reviews__table td {
    padding: 0 0 15px
}
.reviews__helpful {
    margin: 20px 0 0
}
@media only screen and (min-width:868px) {
    .reviews__helpful {
        margin: 60px 0 0
    }
}
.reviews__helpful-anchor, .reviews__read-anchor {
    color: #666;
    font-size: 14px;
    margin: 0;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif;
    font-weight: 100;
    line-height: 14px;
    text-decoration: none;
    letter-spacing: 3px;
    text-transform: uppercase
}
.reviews__helpful-anchor {
    position: relative
}
.reviews__helpful-anchor:after {
    content: '';
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.reviews__helpful-anchor:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.reviews__helpful-flag {
    fill: #666;
    height: 14px;
    width: 14px
}
.reviews__read-anchor {
    border: 1px solid #f9f9f9;
    border-width: 1px 0;
    display: block;
    padding: 16px 5%;
    position: relative;
    width: 100%
}
.reviews__accordion-content {
    max-height: 5000px;
    -webkit-transition: max-height .6s ease;
    transition: max-height .6s ease;
    overflow: hidden
}
.reviews__accordion-content.is-hidden {
    max-height: 120px
}
@media only screen and (min-width:868px) {
    .reviews__read-anchor {
        display: none
    }
    .reviews__accordion-content.is-hidden {
        max-height: 999px;
        overflow: visible
    }
    .reviews__accordion-content {
        max-height: 999px
    }
    .reviews__accordion-content--all {
        max-height: 2500px
    }
}
.reviews__accordion-content--all.is-hidden {
    max-height: 0
}
@media only screen and (min-width:868px) {
    .reviews__accordion-content--all.is-hidden {
        max-height: 2500px;
        overflow: visible
    }
}
.product {
    overflow: hidden;
    width: 100%;
    padding: 80px 0 10px
}
.product--dark {
    background: #292929;
    color: #fff
}
.product--dark .product__heading, .product--dark .product__name, .product--dark .product__price {
    color: #fff
}
.product__subheading {
    color: #8e8e8e;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0 0 10px;
    text-transform: uppercase
}
.product__heading, .product__name {
    color: #000000;
    font-size: 18px;
    line-height: 20px;
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-weight: 100
}
.product__subheading p {
    margin: 0
}
.product__heading {
    margin: 0 0 40px
}
.product__heading p {
    margin: 0
}
.product__image {
    max-width: 125%;
    margin-left: -12.5%;
    border: none;
    width: 125%
}
@media only screen and (min-width:868px) {
    .product {
        padding: 90px 0 10px
    }
    .product__image {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        margin-left: 0
    }
}
.product__content {
    margin-top: 20px;
    padding-left: 28px;
    padding-right: 28px
}
.product__name {
    margin: 0 0 10px
}
.product__name p, .product__old-price p, .product__price p {
    margin: 0
}
.product__url {
    display: block;
    text-decoration: none
}
.product__url:hover:after {
    display: none
}
.product__old-price {
    color: #9b9b9b;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: line-through
}
.product__price {
    color: #666;
    font-size: 14px;
    text-transform: uppercase
}
.grid-header {
    position: relative
}
.view-grid-header__image, .grid-header__image, .grid-header__video {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    display: block;
    height: 0;
    padding-bottom: 100%
}
@media only screen and (min-width:1050px) {
    .grid-header__image, .grid-header__video {
        display: block;
        height: 0;
        padding-bottom: 35%
    }
    .view-grid-header__image, .grid-header__video {
        display: block;
        height: 0;
        padding-bottom: 20%
    }
}
.grid-header__image:hover:after, .grid-header__video:hover:after {
    display: none
}
.grid-header__content {
    background-color: #f9f9f9;
    padding: 28px 5%
}
.grid-header__content a {
    color: #000000;
    position: relative;
    text-decoration: none
}
.grid-header__content a:after {
    content: '';
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.grid-header__content a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.grid-header__content--no-image {
    position: static;
    margin-top: 87px
}
.grid-header__content--image, .grid-header__content--video {
    padding: 28px
}
@media only screen and (min-width:868px) {
    .grid-header__content {
        background-color: transparent
    }
    .grid-header__content--image, .grid-header__content--video {
        color: #fff;
        padding: 0;
        position: absolute;
        left: 5%;
        top: 20%;
        z-index: 999;
    }
    .grid-header__content--image a, .grid-header__content--video a {
        color: #9b9b9b;
        position: relative;
        text-decoration: none
    }
    .grid-header__content--image a:after, .grid-header__content--video a:after {
        content: '';
        height: 1px;
        background-color: #9b9b9b;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -3px;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
        transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    .grid-header__content--image a:hover:after, .grid-header__content--video a:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
.grid-header__description {
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px
}
.grid-header__video-icon {
    color: #fff;
    fill: #121212;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: fill .6s ease;
    transition: fill .6s ease;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}
.grid-header__heading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 22px;
    font-weight: 100;
    line-height: 20px;
    margin: 10px 0
}
@media only screen and (min-width:868px) {
    .grid-header__heading--story {
        color: #000000;
        font-style: italic;
        font-size: 42px;
        line-height: 1;
        margin: 25px 0;
        text-transform: uppercase;
        font-weight: 100;
        font-family: 'Microsoft YaHei', Helvetica, sans-serif;
    }
    .grid-header__heading--image, .grid-header__heading--video {
        color: #fff
    }
}
.grid-header__banner, .tile-carousel__heading {
    line-height: 20px;
    text-align: center;
    font-weight: 100
}
.grid-header__banner {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif;
    vertical-align: middle;
    background-color: #fd170f;
    color: #fff;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 8px;
    width: 100%
}
.grid-header__banner.not-completed {
    background-color: #9b9b9b
}
.grid-header__banner__link {
    color: #fff;
    cursor: pointer;
    font-size: 12px
}
.grid-header__banner__link::after {
    background-color: #fff
}
.no-touchevents .grid-header__video:hover .grid-header__video-icon {
    fill: #e52d27
}
.tile-grid-wrapper {
    background-color: #f9f9f9;
    position: relative
}
.tile-grid-wrapper--dark {
    background-color: #292929
}
.tile-carousel-wrapper {
    padding: 80px 28px 10px;
    overflow: hidden
}
.tile-carousel-wrapper--dark {
    background: #292929;
    color: #fff
}
.tile-carousel-wrapper--light {
    background: #fff;
    color: #121212
}
@media only screen and (min-width:868px) {
    .tile-carousel-wrapper {
        padding: 90px 0 10px
    }
}
.tile-carousel__heading {
    max-width: 1296px;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    margin: 0 auto 30px;
    padding-left: 0
}
@media only screen and (min-width:868px) {
    .tile-carousel__heading {
        padding-left: 68px;
        text-align: left
    }
}
.tile-carousel__overflow {
    overflow: hidden;
    width: 100%
}
.tile-carousel {
    display: block;
    margin: auto;
    width: 100%;
    padding: 0;
    max-width: 1296px;
    min-height: 200px;
    position: relative
}
.tile-carousel:after {
    clear: both
}
.tile-carousel:after, .tile-carousel:before {
    display: table;
    content: ' '
}
.tile-carousel__container {
    position: relative;
    text-align: center
}
.tile-carousel__instagram-cta {
    text-align: right
}
@media only screen and (min-width:868px) {
    .tile-carousel {
        display: block;
        height: auto!important;
        max-width: 100%
    }
    .tile-carousel__instagram-cta {
        margin: auto;
        max-width: 1296px;
        padding-right: 15px
    }
}
.tile-carousel__instagram-copy {
    display: inline-block;
    vertical-align: middle
}
.tile-carousel__instagram-anchor {
    color: #000000;
    letter-spacing: 4px;
    text-transform: uppercase;
    opacity: .75;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    position: relative;
    text-decoration: none;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.form-field__label, .form-field__text--large, .tile-grid__heading {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.tile-carousel__instagram-anchor:after {
    content: '';
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.tile-carousel__instagram-anchor:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.tile-carousel__instagram-icon {
    display: inline-block;
    fill: #666;
    vertical-align: middle
}
.tile-carousel__list>li {
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
@media only screen and (min-width:868px) {
    .tile-carousel__list>li {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .tile-carousel__list>li:nth-child(-n+3) {
        display: inline-block;
        float: none
    }
}
.tile-carousel .product-tile__content {
    opacity: 1
}
.tile-carousel .product-tile__anchor, .tile-carousel .product-tile__image {
    background-position: 50%
}
.tile-carousel .product-tile__item {
    padding: 0
}
.tile-carousel .product-tile__item.product-tile__heading--vertical {
    display: none
}
.tile-carousel .product-tile:hover .product-tile__heading--body, .tile-carousel .product-tile:hover .product-tile__price {
    color: #121212
}
@media only screen and (max-width:868px) {
    .tile-carousel .product-tile__item .product-tile__anchor, .tile-carousel .product-tile__item .product-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%!important;
        background-position: 50%
    }
    .tile-carousel .product-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (max-width:868px) and (min-width:868px) {
    .tile-carousel .product-tile__image {
        display: block;
        height: 0;
        padding-bottom: 75%;
        margin: 2% 10% 0
    }
}
.tile-grid, .tile-grid.tile-grid--no-image {
    margin-top: 0
}
@media only screen and (max-width:868px) {
    .tile-carousel .product-tile__content {
        opacity: 1;
        -webkit-transition: opacity .1s linear;
        transition: opacity .1s linear
    }
    .tile-carousel .product-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (max-width:868px) and (min-width:868px) {
    .tile-carousel .product-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.tile-grid {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
    z-index: inherit;
    position: relative
}
@media only screen and (min-width:868px) {
    .tile-grid {
        padding: 0 5% 50px
    }
}
.tile-grid__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 1% 0 0
}
@media only screen and (min-width:868px) {
    .tile-grid__list {
        margin: 0
    }
    .tile-grid__search {
        padding-left: 300px
    }
}
.tile-grid__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .tile-grid__item {
        width: 33.333%
    }
}
.tile-grid__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.tile-grid__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.tile-grid__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.tile-grid__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .tile-grid__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .tile-grid__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .tile-grid__heading {
        opacity: 0
    }
}
.tile-grid__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.tile-grid__item.tile-item--carousel .tile-grid__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.tile-grid__anchor {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.form-field__text, .form-field__text:focus {
    background-color: #f9f9f9
}
@media only screen and (min-width:868px) {
    .tile-grid__heading--vertical {
        display: block
    }
    .tile-grid__item.tile-item--carousel .tile-grid__heading--vertical {
        width: 80%
    }
    .tile-grid__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .form-field {
        margin-bottom: 24px
    }
}
.tile-grid__content {
    bottom: 10%;
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}
.tile-grid__icon {
    fill: #fff
}
.tile-grid__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .tile-grid__item.tile-item--carousel .tile-grid__anchor, .tile-grid__item.tile-item--carousel .tile-grid__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.form-field__text {
    -webkit-transition: background-color .4s ease-in-out, color .4s ease-in-out;
    transition: background-color .4s ease-in-out, color .4s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 2px;
    font-size: 12px;
    outline: 0;
    margin: 8px 0;
    padding: 12px 8px;
    width: 100%
}
.form-field__text--large {
    background: #f9f9f9;
    font-size: 20px;
    margin: 0;
    padding: 10px 28px
}
.form-field__text--large:focus {
    background: #f9f9f9
}
.form-field__text.has-error {
    background: #fd170f;
    color: #fff
}
.form-field__text.has-error:focus {
    background: #fd170f
}
.form-field__text:focus:-moz-placeholder, .form-field__text:focus:-ms-input-placeholder, .form-field__text:focus::-moz-placeholder, .form-field__text:focus::-webkit-input-placeholder {
    color: transparent
}
.form-field__radio {
    position: absolute;
    left: -9999px
}
.form-field__radio:checked~.form-field__radio-label::before {
    -webkit-transform: scale(0);
    transform: scale(0)
}
.form-field__radio:checked~.form-field__radio-label::after {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.form-field__radio-label {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px
}
.form-field__radio-label--text {
    display: inline-block;
    margin-left: 23px
}
.form-field__radio-label::after, .form-field__radio-label::before {
    position: absolute;
    content: ' ';
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}
.form-field__radio-label::before {
    background-color: #8e8e8e;
    border: 2px solid #f9f9f9;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.form-field__radio-label::after {
    background-image: url(../images/checkmark.png);
    background-position: 50% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    border: 2px solid #fd170f;
    background-color: #fd170f;
    -webkit-transform: scale(0);
    transform: scale(0)
}
.form-field__dropdown, .form-field__dropdown.has-error {
    background-position: left 7px center;
    background-repeat: no-repeat;
    background-size: 10px
}
.form-field__dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 2px;
    font-size: 12px;
    outline: 0;
    margin: 8px 0;
    width: 100%;
    background-image: url(../images/down-arrow.png);
    background-color: transparent;
    color: #121212;
    padding: 12px 14px 12px 25px;
    text-transform: capitalize
}
.form-field__label, .form-field__separator--label {
    font-size: 10px;
    line-height: 14px
}
.form-field__label, .form-field__label-body {
    padding-left: 8px;
    display: block
}
.colorway-tile__heading--vertical, .form-field__label, .form-field__separator--label, .product-tile__heading--vertical {
    letter-spacing: 3px;
    text-transform: uppercase
}
.form-field__dropdown:focus {
    background-color: #f9f9f9
}
.form-field__dropdown.has-error {
    background-image: url(../images/down-arrow-white.png);
    background-color: #fd170f;
    color: #fff
}
.form-field__dropdown.has-error:focus {
    background-color: #fd170f
}
.form-field__label {
    color: #8e8e8e;
    font-weight: 100;
    margin: 0 0 8px
}
.form-field__label.has-error {
    color: #fd170f
}
.form-field__separator--label, .product-tile__heading {
    color: #000000;
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-weight: 100
}
.no-csstransforms3d .form-field__dropdown {
    background: 0 0;
    padding: 14px
}
.colorway-tile__anchor, .product-tile__anchor {
    background-color: #fff;
    overflow: hidden;
    height: 0
}
.colorway-tile__slide, .product-tile__image {
    background-size: contain;
    background-repeat: no-repeat
}
.form-field__separator {
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #f9f9f9;
    padding: 0 0 8px 8px;
    margin-top: 20px;
    margin-bottom: 20px
}
.form-field__pdp {
    margin-bottom: 0
}
.touchevents .product-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .product-tile__item:not(.tile-item--carousel):hover .product-tile__anchor, .touchevents .product-tile__item:not(.tile-item--carousel) .product-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .product-tile__item:not(.tile-item--carousel):hover .product-tile__anchor, .touchevents .product-tile__item:not(.tile-item--carousel) .product-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .product-tile__item:not(.tile-item--carousel):hover .product-tile__image, .touchevents .product-tile__item:not(.tile-item--carousel) .product-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.product-tile {
    margin-top: 0;
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .no-touchevents .product-tile__item:not(.tile-item--carousel):hover .product-tile__image, .touchevents .product-tile__item:not(.tile-item--carousel) .product-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .product-tile {
        padding: 0 5% 50px
    }
}
.product-tile.tile-grid--no-image {
    margin-top: 0
}
.product-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .product-tile__list {
        margin: 0
    }
    .product-tile__search {
        padding-left: 300px
    }
}
.product-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .product-tile__item {
        width: 33.333%
    }
}
.product-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.product-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.product-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.product-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .product-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .product-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .product-tile__heading {
        opacity: 0
    }
}
.product-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    opacity: 1;
    position: absolute;
    text-align: right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.product-tile__item.tile-item--carousel .product-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.product-tile__anchor {
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .product-tile__heading--vertical {
        display: block
    }
    .product-tile__item.tile-item--carousel .product-tile__heading--vertical {
        width: 80%
    }
    .product-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.product-tile__icon {
    fill: #fff
}
.product-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .product-tile__item.tile-item--carousel .product-tile__anchor, .product-tile__item.tile-item--carousel .product-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.product-tile__item--dark .product-tile__heading--vertical {
    color: #fff
}
.product-tile__image {
    background-position: 50% 25%;
    -webkit-transition: margin .2s ease, padding .2s ease;
    transition: margin .2s ease, padding .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.product-tile__content {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%
}
@media only screen and (min-width:868px) {
    .product-tile__image {
        background-position: 50%;
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .product-tile__content {
        /* opacity:0 */
    }
    .product-tile__item:hover .product-tile__content {
        opacity: 1
    }
}
.product-tile__heading--body {
    opacity: 1;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.product-tile__description {
    color: #666;
    display: none;
    font-style: italic;
    line-height: 18px;
    margin: 0
}
.product-tile__old-price {
    color: #9b9b9b;
    margin: 0;
    -webkit-transition: color .6s ease;
    transition: color .6s ease;
    text-decoration: line-through
}
.product-tile__price {
    color: #666;
    margin: 0;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.no-touchevents .product-tile__item:hover .product-tile__content, .touchevents .product-tile__item .product-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.colorway-tile {
    margin-top: 0;
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .product-tile__description {
        display: block
    }
    .colorway-tile {
        padding: 0 5% 50px
    }
}
.colorway-tile.tile-grid--no-image {
    margin-top: 0
}
.colorway-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .colorway-tile__list {
        margin: 0
    }
    .colorway-tile__search {
        padding-left: 300px
    }
}
.colorway-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .colorway-tile__item {
        width: 33.333%
    }
}
.colorway-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.colorway-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.colorway-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.colorway-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .colorway-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .colorway-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .colorway-tile__heading {
        opacity: 0
    }
}
.colorway-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    opacity: 1;
    position: absolute;
    text-align: right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.colorway-tile__item.tile-item--carousel .colorway-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.colorway-tile__anchor {
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .colorway-tile__heading--vertical {
        display: block
    }
    .colorway-tile__item.tile-item--carousel .colorway-tile__heading--vertical {
        width: 80%
    }
    .colorway-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.colorway-tile__content {
    bottom: 10%;
    display: block;
    left: 0;
    position: absolute
}
.colorway-tile__icon {
    fill: #fff
}
.colorway-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .colorway-tile__item.tile-item--carousel .colorway-tile__anchor, .colorway-tile__item.tile-item--carousel .colorway-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.colorway-tile__image {
    margin: 2% 20% 0;
    position: relative;
    -webkit-transition: margin .2s ease, padding .2s ease;
    transition: margin .2s ease, padding .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.colorway-tile__item--dark .colorway-tile__heading--vertical {
    color: #fff
}
.colorway-tile__content {
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%
}
@media only screen and (min-width:868px) {
    .colorway-tile__image {
        background-position: 50%;
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .colorway-tile__content {
        opacity: 0
    }
}
.colorway-tile__heading--body {
    opacity: 1
}
.colorway-tile__description {
    color: #666;
    display: none;
    font-style: italic;
    line-height: 18px;
    margin: 0
}
@media only screen and (min-width:868px) {
    .colorway-tile__description {
        display: block
    }
}
.colorway-tile__anchor-link {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%
}
.colorway-tile__anchor-link:hover::after {
    display: none
}
.colorway-tile__old-price {
    color: #9b9b9b;
    margin: 0;
    text-decoration: line-through
}
.colorway-tile__sale-price {
    color: #fd170f;
    margin: 0
}
.colorway-tile__price {
    color: #666;
    margin: 0
}
.colorway-tile__slide {
    position: absolute;
    font-size: 16px;
    margin: 0;
    z-index: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background-position: 50%;
    opacity: 0
}
.colorway-tile__track {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
@media only screen and (max-width:868px) {
    .colorway-tile__slide {
        background-position: center 25%
    }
    .colorway-tile__track .pos0, .colorway-tile__track .pos1, .colorway-tile__track .pos3, .colorway-tile__track .pos4 {
        opacity: 0
    }
}
.colorway-tile__track .pos0 {
    left: -200%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.colorway-tile__track .pos1 {
    left: -50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.colorway-tile__track .pos2 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.colorway-tile__track .pos3 {
    left: calc(100% + 50px);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.colorway-tile__track .pos4 {
    left: 250%
}
.colorway-tile__dots {
    display: inline-block;
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    margin-left: 0;
    line-height: 15px;
    position: relative
}
@media only screen and (max-width:868px) {
    .colorway-tile__dots {
        display: none
    }
}
.colorway-tile__dot {
    width: 15px;
    cursor: pointer;
    font-size: 0;
    margin: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}
.colorway-tile__dot::after {
    -webkit-transition: -webkit-transform .22s;
    transition: transform .22s;
    content: " ";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-top: 13px;
    background: #c2c2c2;
    border-radius: 50%
}
.colorway-tile__dot.colorway-tile__dot--selected::after {
    background-color: #111;
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}
.social-tile__anchor, .video-tile__anchor {
    background-color: #121212;
    overflow: hidden;
    text-decoration: none
}
@media only screen and (min-width:868px) {
    .touchevents .colorway-tile__slide {
        background-position: 50% 80%;
        background-size: 90%
    }
}
.social-tile__image, .story-tile__image, .video-tile__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}
.no-touchevents .colorway-tile__item:hover .colorway-tile__image, .touchevents .colorway-tile__item .colorway-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .colorway-tile__item:hover .colorway-tile__image, .touchevents .colorway-tile__item .colorway-tile__image {
        display: block;
        height: 0;
        padding-bottom: 75%;
        margin: 2% 15% 0
    }
}
.social-tile, .social-tile.tile-grid--no-image {
    margin-top: 0
}
.no-touchevents .colorway-tile__item:hover .colorway-tile__content, .touchevents .colorway-tile__item .colorway-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.no-touchevents .colorway-tile__item:hover .colorway-tile__anchor, .touchevents .colorway-tile__item .colorway-tile__anchor {
    cursor: pointer;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .colorway-tile__item:hover .colorway-tile__anchor, .touchevents .colorway-tile__item .colorway-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (max-width:868px) {
    .no-touchevents .is-full, .touchevents .is-full {
        padding-top: 0
    }
    .no-touchevents .is-full .colorway-tile__item, .touchevents .is-full .colorway-tile__item {
        width: 100%
    }
    .no-touchevents .is-full .colorway-tile__item .colorway-tile__anchor, .no-touchevents .is-full .colorway-tile__item .colorway-tile__image, .no-touchevents .is-full .colorway-tile__item:hover .colorway-tile__anchor, .no-touchevents .is-full .colorway-tile__item:hover .colorway-tile__image, .touchevents .is-full .colorway-tile__item .colorway-tile__anchor, .touchevents .is-full .colorway-tile__item .colorway-tile__image, .touchevents .is-full .colorway-tile__item:hover .colorway-tile__anchor, .touchevents .is-full .colorway-tile__item:hover .colorway-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.touchevents .social-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .social-tile__item:not(.tile-item--carousel):hover .social-tile__anchor, .touchevents .social-tile__item:not(.tile-item--carousel) .social-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .social-tile__item:not(.tile-item--carousel):hover .social-tile__anchor, .touchevents .social-tile__item:not(.tile-item--carousel) .social-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .social-tile__item:not(.tile-item--carousel):hover .social-tile__image, .touchevents .social-tile__item:not(.tile-item--carousel) .social-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .social-tile__item:not(.tile-item--carousel):hover .social-tile__image, .touchevents .social-tile__item:not(.tile-item--carousel) .social-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .social-tile__item:hover .social-tile__anchor, .touchevents .social-tile__item .social-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .social-tile__item:hover .social-tile__anchor, .touchevents .social-tile__item .social-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .social-tile__item:hover .social-tile__image, .touchevents .social-tile__item .social-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .social-tile__item:hover .social-tile__image, .touchevents .social-tile__item .social-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.social-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .social-tile {
        padding: 0 5% 50px
    }
}
.social-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .social-tile__list {
        margin: 0
    }
    .social-tile__search {
        padding-left: 300px
    }
}
.social-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .social-tile__item {
        width: 33.333%
    }
}
.social-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.social-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.social-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.social-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
.social-tile__handle, .social-tile__heading--vertical {
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase
}
@media only screen and (min-width:868px) {
    .social-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .social-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .social-tile__heading {
        opacity: 0
    }
}
.social-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    left: 5px;
    opacity: 1;
    position: absolute;
    text-align: right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.social-tile__item.tile-item--carousel .social-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.social-tile__anchor {
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .social-tile__heading--vertical {
        display: block
    }
    .social-tile__item.tile-item--carousel .social-tile__heading--vertical {
        width: 80%
    }
    .social-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.social-tile__icon {
    fill: #fff
}
.social-tile__twitter-icon, .video-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .social-tile__item.tile-item--carousel .social-tile__anchor, .social-tile__item.tile-item--carousel .social-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.social-tile__image {
    margin: 0;
    -webkit-transition: padding .2s ease, opacity .2s linear;
    transition: padding .2s ease, opacity .2s linear;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.social-tile__item--dark .social-tile__heading {
    color: #fff
}
.social-tile__content {
    display: block;
    position: absolute;
    width: 100%;
    left: 5%;
    bottom: 5%;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}
@media only screen and (min-width:868px) {
    .social-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%;
        opacity: 1
    }
    .social-tile__content {
        opacity: 0;
        left: 0;
        bottom: 10%
    }
}
.social-tile__description {
    color: #fff;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
    display: none
}
@media only screen and (min-width:868px) {
    .social-tile__description {
        display: block;
        margin-bottom: 5px
    }
}
.social-tile__icon {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 0
}
@media only screen and (min-width:868px) {
    .social-tile__icon {
        position: static;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
        width: 15px
    }
}
.social-tile__handle {
    display: none;
    vertical-align: middle;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #fff;
    font-weight: 100;
    line-height: 14px;
    margin: 0 0 0 10px
}
.video-tile, .video-tile.tile-grid--no-image {
    margin-top: 0
}
.no-touchevents .social-tile__item:hover .social-tile__content, .touchevents .social-tile__item .social-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
@media only screen and (min-width:868px) {
    .social-tile__handle {
        display: inline-block
    }
    .no-touchevents .social-tile__item:hover .social-tile__image, .touchevents .social-tile__item .social-tile__image {
        opacity: .3
    }
}
.touchevents .video-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .video-tile__item:not(.tile-item--carousel):hover .video-tile__anchor, .touchevents .video-tile__item:not(.tile-item--carousel) .video-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .video-tile__item:not(.tile-item--carousel):hover .video-tile__anchor, .touchevents .video-tile__item:not(.tile-item--carousel) .video-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .video-tile__item:not(.tile-item--carousel):hover .video-tile__image, .touchevents .video-tile__item:not(.tile-item--carousel) .video-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .video-tile__item:not(.tile-item--carousel):hover .video-tile__image, .touchevents .video-tile__item:not(.tile-item--carousel) .video-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .video-tile__item:hover .video-tile__anchor, .touchevents .video-tile__item .video-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .video-tile__item:hover .video-tile__anchor, .touchevents .video-tile__item .video-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .video-tile__item:hover .video-tile__image, .touchevents .video-tile__item .video-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .video-tile__item:hover .video-tile__image, .touchevents .video-tile__item .video-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.video-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .video-tile {
        padding: 0 5% 50px
    }
}
.video-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .video-tile__list {
        margin: 0
    }
    .video-tile__search {
        padding-left: 300px
    }
}
.video-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .video-tile__item {
        width: 33.333%
    }
}
.video-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.video-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.video-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.video-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
.story-tile, .story-tile.tile-grid--no-image {
    margin-top: 0
}
@media only screen and (min-width:868px) {
    .video-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .video-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .video-tile__heading {
        opacity: 0
    }
}
.video-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.video-tile__item.tile-item--carousel .video-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.video-tile__anchor {
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .video-tile__heading--vertical {
        display: block
    }
    .video-tile__item.tile-item--carousel .video-tile__heading--vertical {
        width: 80%
    }
    .video-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.video-tile__content {
    display: block;
    left: 0;
    position: absolute
}
@media only screen and (max-width:868px) {
    .video-tile__item.tile-item--carousel .video-tile__anchor, .video-tile__item.tile-item--carousel .video-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.video-tile__image {
    margin: 0;
    -webkit-transition: padding .2s ease, opacity .2s linear;
    transition: padding .2s ease, opacity .2s linear;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .video-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.video-tile__item--dark .video-tile__heading {
    color: #fff
}
.video-tile__icon {
    fill: #e52d27;
    color: #fff;
    height: 30px;
    left: 5%;
    opacity: 1;
    position: absolute;
    bottom: 5%;
    -webkit-transition: fill .2s linear, width .2s ease, height .2s ease;
    transition: fill .2s linear, width .2s ease, height .2s ease;
    width: 30px;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .video-tile__icon {
        fill: #000;
        height: 10%;
        left: 50%;
        margin-left: -5%;
        top: 50%;
        width: 10%
    }
}
.video-tile__content {
    bottom: 0;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%
}
@media only screen and (min-width:868px) {
    .video-tile__content {
        bottom: 10%;
        opacity: 0;
        margin-left: 15%;
        margin-right: 15%;
        width: 70%
    }
}
.video-tile__video-description {
    display: none;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}
.no-touchevents .video-tile__item:hover .video-tile__content, .touchevents .video-tile__item .video-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear .2s;
    transition: opacity .2s linear .2s
}
.no-touchevents .video-tile__item:hover .video-tile__icon, .touchevents .video-tile__item .video-tile__icon {
    fill: #e52d27
}
@media only screen and (min-width:868px) {
    .video-tile__video-description {
        display: block
    }
    .no-touchevents .video-tile__item:hover .video-tile__icon, .touchevents .video-tile__item .video-tile__icon {
        height: 12%;
        width: 12%
    }
}
.touchevents .story-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .story-tile__item:not(.tile-item--carousel):hover .story-tile__anchor, .touchevents .story-tile__item:not(.tile-item--carousel) .story-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .story-tile__item:not(.tile-item--carousel):hover .story-tile__anchor, .touchevents .story-tile__item:not(.tile-item--carousel) .story-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .story-tile__item:not(.tile-item--carousel):hover .story-tile__image, .touchevents .story-tile__item:not(.tile-item--carousel) .story-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .story-tile__item:not(.tile-item--carousel):hover .story-tile__image, .touchevents .story-tile__item:not(.tile-item--carousel) .story-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .story-tile__item:hover .story-tile__anchor, .touchevents .story-tile__item .story-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .story-tile__item:hover .story-tile__anchor, .touchevents .story-tile__item .story-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .story-tile__item:hover .story-tile__image, .touchevents .story-tile__item .story-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .story-tile__item:hover .story-tile__image, .touchevents .story-tile__item .story-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.story-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .story-tile {
        padding: 0 5% 50px
    }
}
.story-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .story-tile__list {
        margin: 0
    }
    .story-tile__search {
        padding-left: 300px
    }
}
.story-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .story-tile__item {
        width: 33.333%
    }
}
.story-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.story-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.story-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.story-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: 'Microsoft YaHei', Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
.story-tile__heading--inline, .story-tile__subheading {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Microsoft YaHei', Helvetica, sans-serif;
    letter-spacing: 2px;
    font-weight: 100
}
@media only screen and (min-width:868px) {
    .story-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .story-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .story-tile__heading {
        opacity: 0
    }
}
.story-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.story-tile__item.tile-item--carousel .story-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.story-tile__anchor {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .story-tile__heading--vertical {
        display: block
    }
    .story-tile__item.tile-item--carousel .story-tile__heading--vertical {
        width: 80%
    }
    .story-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.story-tile__content {
    bottom: 10%;
    display: block;
    left: 0;
    position: absolute
}
.story-tile__icon {
    fill: #fff
}
.story-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .story-tile__item.tile-item--carousel .story-tile__anchor, .story-tile__item.tile-item--carousel .story-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.story-tile__image {
    margin: 0;
    -webkit-transition: padding .2s ease, opacity .2s linear;
    transition: padding .2s ease, opacity .2s linear;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.story-tile__item--dark .story-tile__heading {
    color: #fff
}
.story-tile__heading--inline {
    color: #fff;
    margin: 0 0 10px;
    display: block
}
.story-tile__content {
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%
}
@media only screen and (min-width:868px) {
    .story-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%;
        opacity: 1
    }
    .story-tile__heading--inline {
        display: none
    }
    .story-tile__content {
        opacity: 0;
        margin-left: 15%;
        margin-right: 15%;
        width: 70%
    }
}
.story-tile__subheading {
    color: #fff;
    margin: 0 0 10px;
    display: none
}
.story-tile__story-description {
    color: #fff
}
@media only screen and (min-width:868px) {
    .story-tile__story-description, .story-tile__subheading {
        display: block
    }
}
.story-tile__copy {
    display: none
}
.touchevents .story-tile__item .story-tile__content {
    opacity: 1
}
.no-touchevents .story-tile__item:hover .story-tile__anchor {
    background-color: #121212
}
@media only screen and (min-width:868px) {
    .story-tile__copy {
        display: block
    }
    .no-touchevents .story-tile__item:hover .story-tile__image {
        opacity: .3
    }
}
.no-touchevents .story-tile__item:hover .story-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.vertical-slideshow {
    position: relative
}
.vertical-slideshow__wrapper {
    position: relative;
    height: 100%
}
.vertical-slideshow__wrapper .form-field {
    margin-bottom: 24px;
    display: inline-block;
    width: 100%
}
@media only screen and (min-width:868px) {
    .vertical-slideshow__wrapper .form-field {
        width: 24.5%
    }
}
.vertical-slideshow__slide {
    opacity: 0;
    position: absolute;
    padding: 20px 0 47px;
    left: 50%;
    -webkit-transform: translate(-50%, 40px);
    transform: translate(-50%, 40px);
    -webkit-transition: -webkit-transform .4s ease-in-out, opacity .4s ease-in-out;
    transition: transform .4s ease-in-out, opacity .4s ease-in-out;
    width: 100%;
    margin: 0 auto;
    max-width: 1296px;
    z-index: 101
}
@media only screen and (min-width:868px) {
    .vertical-slideshow__slide {
        height: calc(100% - 87px);
        padding: 20px 0 80px
    }
}
.vertical-slideshow__slide.is-active {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
    z-index: 102
}
.vertical-slideshow__slide.is-active .checkout__buttons {
    display: inline-block
}
.vertical-slideshow__slide.is-transitioning-out {
    -webkit-transform: translate(-50%, -40px);
    transform: translate(-50%, -40px);
    opacity: 0
}
.vertical-slideshow__slide .checkout__buttons {
    display: none
}
.vertical-slideshow__invalid-promo {
    color: #fd170f;
    margin-top: 5px
}
.text-tile, .text-tile.tile-grid--no-image {
    margin-top: 0
}
.vertical-slideshow__invalid-promo .icon {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
    fill: #fd170f
}
@media only screen and (min-width:868px) {
    .vertical-slideshow__content-container {
        height: 100%;
        overflow: auto;
        padding: 0 50px
    }
}
.pdf-tile__anchor, .testimonial-tile__anchor, .text-tile__anchor {
    overflow: hidden;
    text-decoration: none
}
.vertical-slideshow__cart-promo-description {
    color: #fd170f;
    font-weight: 100;
    padding-top: 10px;
    font-size: 12px
}
.touchevents .text-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .text-tile__item:not(.tile-item--carousel):hover .text-tile__anchor, .touchevents .text-tile__item:not(.tile-item--carousel) .text-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .text-tile__item:not(.tile-item--carousel):hover .text-tile__anchor, .touchevents .text-tile__item:not(.tile-item--carousel) .text-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .text-tile__item:not(.tile-item--carousel):hover .text-tile__image, .touchevents .text-tile__item:not(.tile-item--carousel) .text-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .text-tile__item:not(.tile-item--carousel):hover .text-tile__image, .touchevents .text-tile__item:not(.tile-item--carousel) .text-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .text-tile__item:hover .text-tile__anchor, .touchevents .text-tile__item .text-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .text-tile__item:hover .text-tile__anchor, .touchevents .text-tile__item .text-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .text-tile__item:hover .text-tile__image, .touchevents .text-tile__item .text-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .text-tile__item:hover .text-tile__image, .touchevents .text-tile__item .text-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.text-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .text-tile {
        padding: 0 5% 50px
    }
}
.text-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .text-tile__list {
        margin: 0
    }
    .text-tile__search {
        padding-left: 300px
    }
}
.text-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .text-tile__item {
        width: 33.333%
    }
}
.text-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.text-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.text-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.text-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
.text-tile__content, .text-tile__text-heading {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif;
    text-transform: uppercase
}
.pdf-tile, .pdf-tile.tile-grid--no-image {
    margin-top: 0
}
@media only screen and (min-width:868px) {
    .text-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .text-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .text-tile__heading {
        opacity: 0
    }
}
.text-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.text-tile__content, .text-tile__item--dark .text-tile__heading, .text-tile__text-heading--primary {
    color: #fff
}
.text-tile__item.tile-item--carousel .text-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.text-tile__anchor {
    background-color: #fff;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%;
    text-align: left
}
@media only screen and (min-width:868px) {
    .text-tile__heading--vertical {
        display: block
    }
    .text-tile__item.tile-item--carousel .text-tile__heading--vertical {
        width: 80%
    }
    .text-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.text-tile__content {
    bottom: 10%;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    letter-spacing: 4px;
    line-height: 16px
}
.text-tile__icon {
    fill: #fff
}
.pdf-tile__twitter-icon, .text-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .text-tile__item.tile-item--carousel .text-tile__anchor, .text-tile__item.tile-item--carousel .text-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.text-tile__anchor--primary {
    background-color: #ed1c24
}
.text-tile__anchor--secondary {
    background-color: #fff
}
.text-tile__anchor--tertiary {
    background-color: #121212
}
.text-tile__text-container {
    width: 100%;
    position: absolute;
    top: 20%
}
.text-tile__text-heading {
    color: #fff;
    font-size: 10vw;
    font-style: italic;
    font-weight: 100;
    line-height: 9.75vw;
    letter-spacing: 2px;
    padding-left: 10%;
    margin: 0;
    top: 20%;
    display: block;
    height: 0;
    padding-bottom: 50%
}
@media only screen and (min-width:672px) {
    .text-tile__text-heading {
        font-size: 8.75vw;
        line-height: 9vw
    }
}
@media only screen and (min-width:868px) {
    .text-tile__text-heading {
        font-size: 4.75vw;
        line-height: 5vw;
        padding-left: 15%
    }
}
@media only screen and (min-width:1050px) {
    .text-tile__text-heading {
        font-size: 60px;
        line-height: 60px
    }
}
.text-tile__text-heading--secondary {
    color: #000000
}
.text-tile__description {
    display: block;
    padding-left: 10%;
    padding-right: 10%
}
@media only screen and (min-width:868px) {
    .text-tile__description {
        padding-left: 15%;
        text-align: left
    }
}
.text-tile__description--primary {
    color: #fff
}
.text-tile__description--secondary {
    color: #000000
}
.text-tile__description--tertiary {
    color: #666
}
.is-full .text-tile__text-heading {
    font-size: 50px;
    line-height: 50px
}
.touchevents .pdf-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .pdf-tile__item:not(.tile-item--carousel):hover .pdf-tile__anchor, .touchevents .pdf-tile__item:not(.tile-item--carousel) .pdf-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .pdf-tile__item:not(.tile-item--carousel):hover .pdf-tile__anchor, .touchevents .pdf-tile__item:not(.tile-item--carousel) .pdf-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .pdf-tile__item:not(.tile-item--carousel):hover .pdf-tile__image, .touchevents .pdf-tile__item:not(.tile-item--carousel) .pdf-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .pdf-tile__item:not(.tile-item--carousel):hover .pdf-tile__image, .touchevents .pdf-tile__item:not(.tile-item--carousel) .pdf-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .pdf-tile__item:hover .pdf-tile__anchor, .touchevents .pdf-tile__item .pdf-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .pdf-tile__item:hover .pdf-tile__anchor, .touchevents .pdf-tile__item .pdf-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .pdf-tile__item:hover .pdf-tile__image, .touchevents .pdf-tile__item .pdf-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .pdf-tile__item:hover .pdf-tile__image, .touchevents .pdf-tile__item .pdf-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.pdf-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .pdf-tile {
        padding: 0 5% 50px
    }
}
.pdf-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .pdf-tile__list {
        margin: 0
    }
    .pdf-tile__search {
        padding-left: 300px
    }
}
.pdf-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .pdf-tile__item {
        width: 33.333%
    }
}
.pdf-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.pdf-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.pdf-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.pdf-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .pdf-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .pdf-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .pdf-tile__heading {
        opacity: 0
    }
}
.pdf-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.pdf-tile__item.tile-item--carousel .pdf-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.pdf-tile__anchor {
    background-color: #fff;
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .pdf-tile__heading--vertical {
        display: block
    }
    .pdf-tile__item.tile-item--carousel .pdf-tile__heading--vertical {
        width: 80%
    }
    .pdf-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .pdf-tile__item--dark:hover .pdf-tile__icon {
        fill: #fff
    }
}
.pdf-tile__content {
    bottom: 10%;
    display: block;
    left: 0;
    position: absolute
}
@media only screen and (max-width:868px) {
    .pdf-tile__item.tile-item--carousel .pdf-tile__anchor, .pdf-tile__item.tile-item--carousel .pdf-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.pdf-tile__container {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
    width: 100%
}
.pdf-tile__item--dark .pdf-tile__cta, .pdf-tile__item--dark .pdf-tile__heading, .pdf-tile__item--dark .pdf-tile__title {
    color: #fff
}
.pdf-tile__item--dark .pdf-tile__anchor {
    background: #121212
}
.course-tile__image, .rider-tile__image, .tech-tile__image, .testimonial-tile__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}
.pdf-tile__item--dark .pdf-tile__icon {
    fill: #fff
}
.pdf-tile__icon {
    display: inline-block;
    height: 20vw;
    vertical-align: middle;
    width: 20vw;
    fill: #666;
    -webkit-transition: width .2s linear, height .2s ease;
    transition: width .2s linear, height .2s ease
}
@media only screen and (min-width:672px) {
    .pdf-tile__icon {
        display: inline-block;
        height: 10vw;
        vertical-align: middle;
        width: 10vw
    }
}
@media only screen and (min-width:868px) {
    .pdf-tile__icon {
        display: inline-block;
        height: 5vw;
        vertical-align: middle;
        width: 5vw
    }
}
.pdf-tile__cta {
    color: #666;
    display: none;
    margin-bottom: 5px;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    letter-spacing: 4px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.pdf-tile__title, .testimonial-tile__content, .testimonial-tile__heading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-weight: 100
}
.pdf-tile__content {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 95%
}
@media only screen and (min-width:868px) {
    .pdf-tile__cta {
        opacity: 0;
        display: block
    }
    .pdf-tile__content {
        margin-left: 15%;
        margin-right: 15%;
        width: 70%
    }
}
.pdf-tile__title {
    display: block;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .no-touchevents .pdf-tile__item:not(.pdf-tile__item--dark):hover .pdf-tile__icon, .touchevents .pdf-tile__item .pdf-tile__icon {
        display: inline-block;
        height: 7vw;
        vertical-align: middle;
        width: 7vw
    }
}
.no-touchevents .pdf-tile__item:not(.pdf-tile__item--dark):hover .pdf-tile__cta, .touchevents .pdf-tile__item .pdf-tile__cta {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.touchevents .testimonial-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .testimonial-tile__item:not(.tile-item--carousel):hover .testimonial-tile__anchor, .touchevents .testimonial-tile__item:not(.tile-item--carousel) .testimonial-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .testimonial-tile__item:not(.tile-item--carousel):hover .testimonial-tile__anchor, .touchevents .testimonial-tile__item:not(.tile-item--carousel) .testimonial-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .testimonial-tile__item:not(.tile-item--carousel):hover .testimonial-tile__image, .touchevents .testimonial-tile__item:not(.tile-item--carousel) .testimonial-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .testimonial-tile__item:not(.tile-item--carousel):hover .testimonial-tile__image, .touchevents .testimonial-tile__item:not(.tile-item--carousel) .testimonial-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .testimonial-tile__item:hover .testimonial-tile__anchor, .touchevents .testimonial-tile__item .testimonial-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .testimonial-tile__item:hover .testimonial-tile__anchor, .touchevents .testimonial-tile__item .testimonial-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .testimonial-tile__item:hover .testimonial-tile__image, .touchevents .testimonial-tile__item .testimonial-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .testimonial-tile__item:hover .testimonial-tile__image, .touchevents .testimonial-tile__item .testimonial-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.testimonial-tile {
    margin-top: 0;
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .testimonial-tile {
        padding: 0 5% 50px
    }
}
.testimonial-tile.tile-grid--no-image {
    margin-top: 0
}
.testimonial-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .testimonial-tile__list {
        margin: 0
    }
    .testimonial-tile__search {
        padding-left: 300px
    }
}
.testimonial-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .testimonial-tile__item {
        width: 33.333%
    }
}
.testimonial-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.testimonial-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.testimonial-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.testimonial-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .testimonial-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .testimonial-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .testimonial-tile__heading {
        opacity: 0
    }
}
.testimonial-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.testimonial-tile__item.tile-item--carousel .testimonial-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.testimonial-tile__anchor {
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%;
    background-color: #121212
}
@media only screen and (min-width:868px) {
    .testimonial-tile__heading--vertical {
        display: block
    }
    .testimonial-tile__item.tile-item--carousel .testimonial-tile__heading--vertical {
        width: 80%
    }
    .testimonial-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.testimonial-tile__icon {
    fill: #fff
}
.testimonial-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .testimonial-tile__item.tile-item--carousel .testimonial-tile__anchor, .testimonial-tile__item.tile-item--carousel .testimonial-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.testimonial-tile__anchor--secondary {
    background-color: #ed1c24
}
.rider-tile__anchor, .tech-tile__anchor {
    background-color: #121212;
    overflow: hidden;
    text-decoration: none
}
.testimonial-tile__item--dark .testimonial-tile__heading {
    color: #fff
}
.testimonial-tile__image {
    margin: 0;
    opacity: .3;
    -webkit-transition: padding .4s ease;
    transition: padding .4s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.tech-tile__content, .testimonial-tile__content {
    -webkit-transition: opacity .1s linear;
    text-transform: uppercase
}
.testimonial-tile__container {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
.testimonial-tile__content {
    bottom: 10%;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    opacity: 1;
    transition: opacity .1s linear;
    color: #fff;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0
}
@media only screen and (min-width:868px) {
    .testimonial-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .testimonial-tile__content {
        opacity: 0
    }
}
.testimonial-tile__description {
    color: #fff;
    display: block;
    font-style: italic;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 10px 15%;
    width: 70%;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.tech-tile, .tech-tile.tile-grid--no-image {
    margin-top: 0
}
.testimonial-tile__icon {
    display: inline-block;
    height: 5vw;
    vertical-align: middle;
    width: 5vw
}
@media only screen and (min-width:672px) {
    .testimonial-tile__icon {
        display: inline-block;
        height: 2vw;
        vertical-align: middle;
        width: 2vw
    }
}
.touchevents .tech-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .tech-tile__item:not(.tile-item--carousel):hover .tech-tile__anchor, .touchevents .tech-tile__item:not(.tile-item--carousel) .tech-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .tech-tile__item:not(.tile-item--carousel):hover .tech-tile__anchor, .touchevents .tech-tile__item:not(.tile-item--carousel) .tech-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .tech-tile__item:not(.tile-item--carousel):hover .tech-tile__image, .touchevents .tech-tile__item:not(.tile-item--carousel) .tech-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .tech-tile__item:not(.tile-item--carousel):hover .tech-tile__image, .touchevents .tech-tile__item:not(.tile-item--carousel) .tech-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .tech-tile__item:hover .tech-tile__anchor, .touchevents .tech-tile__item .tech-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .tech-tile__item:hover .tech-tile__anchor, .touchevents .tech-tile__item .tech-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .tech-tile__item:hover .tech-tile__image, .touchevents .tech-tile__item .tech-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .tech-tile__item:hover .tech-tile__image, .touchevents .tech-tile__item .tech-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.tech-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .tech-tile {
        padding: 0 5% 50px
    }
}
.tech-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .tech-tile__list {
        margin: 0
    }
    .tech-tile__search {
        padding-left: 300px
    }
}
.tech-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .tech-tile__item {
        width: 33.333%
    }
}
.tech-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.tech-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.tech-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.tech-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
@media only screen and (min-width:868px) {
    .tech-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .tech-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .tech-tile__heading {
        opacity: 0
    }
}
.tech-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    font-size: 10px;
    left: 5px;
    letter-spacing: 3px;
    opacity: 1;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.tech-tile__item.tile-item--carousel .tech-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.tech-tile__anchor {
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .tech-tile__heading--vertical {
        display: block
    }
    .tech-tile__item.tile-item--carousel .tech-tile__heading--vertical {
        width: 80%
    }
    .tech-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.tech-tile__icon {
    fill: #fff
}
.tech-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .tech-tile__item.tile-item--carousel .tech-tile__anchor, .tech-tile__item.tile-item--carousel .tech-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.tech-tile__image {
    margin: 0;
    -webkit-transition: padding .2s ease, opacity .2s linear;
    transition: padding .2s ease, opacity .2s linear;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.tech-tile__image--light {
    opacity: .3
}
.tech-tile__item--dark .tech-tile__heading {
    color: #fff
}
.tech-tile__content {
    bottom: 10%;
    display: block;
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
    letter-spacing: 4px;
    opacity: 1;
    transition: opacity .1s linear;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.course-tile__handle, .course-tile__heading, .course-tile__table-subheading--inline-progress, .rider-tile__handle, .rider-tile__heading, .rider-tile__table-subheading, .specs__heading, .tech-tile__tech-heading {
    font-family: DINOTMedium, Helvetica, sans-serif
}
@media only screen and (min-width:868px) {
    .tech-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .tech-tile__image--light {
        opacity: 1
    }
    .tech-tile__content {
        color: #666;
        left: 15%;
        opacity: 0;
        text-align: left
    }
}
.tech-tile__container {
    color: #fff;
    left: 0;
    position: absolute;
    opacity: 1;
    text-align: left;
    top: 20%;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%
}
.tech-tile__tech-heading {
    display: none;
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}
@media only screen and (min-width:868px) {
    .tech-tile__container {
        opacity: 0
    }
    .tech-tile__tech-heading {
        display: block
    }
}
.tech-tile__tech-description {
    display: none;
    margin-bottom: 0;
    margin-top: 15px
}
.rider-tile, .rider-tile.tile-grid--no-image {
    margin-top: 0
}
.tech-tile__tech-description--modal {
    display: block
}
.no-touchevents .tech-tile__item:hover .tech-tile__image--light, .touchevents .tech-tile__item .tech-tile__image--light {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .tech-tile__tech-description {
        display: block
    }
    .no-touchevents .tech-tile__item:hover .tech-tile__image--light, .touchevents .tech-tile__item .tech-tile__image--light {
        opacity: .05;
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.no-touchevents .tech-tile__item:hover .tech-tile__container, .no-touchevents .tech-tile__item:hover .tech-tile__content, .touchevents .tech-tile__item .tech-tile__container, .touchevents .tech-tile__item .tech-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.touchevents .rider-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .rider-tile__item:not(.tile-item--carousel):hover .rider-tile__anchor, .touchevents .rider-tile__item:not(.tile-item--carousel) .rider-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .rider-tile__item:not(.tile-item--carousel):hover .rider-tile__anchor, .touchevents .rider-tile__item:not(.tile-item--carousel) .rider-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .rider-tile__item:not(.tile-item--carousel):hover .rider-tile__image, .touchevents .rider-tile__item:not(.tile-item--carousel) .rider-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .rider-tile__item:not(.tile-item--carousel):hover .rider-tile__image, .touchevents .rider-tile__item:not(.tile-item--carousel) .rider-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .rider-tile__item:hover .rider-tile__anchor, .touchevents .rider-tile__item .rider-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .rider-tile__item:hover .rider-tile__anchor, .touchevents .rider-tile__item .rider-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .rider-tile__item:hover .rider-tile__image, .touchevents .rider-tile__item .rider-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .rider-tile__item:hover .rider-tile__image, .touchevents .rider-tile__item .rider-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.rider-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .rider-tile {
        padding: 0 5% 50px
    }
}
.rider-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .rider-tile__list {
        margin: 0
    }
    .rider-tile__search {
        padding-left: 300px
    }
}
.rider-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
@media only screen and (min-width:868px) {
    .rider-tile__item {
        width: 33.333%
    }
}
.rider-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.rider-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.rider-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.rider-tile__heading {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    color: #000000;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
.rider-tile__handle, .rider-tile__heading--vertical, .rider-tile__table-subheading {
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase
}
@media only screen and (min-width:868px) {
    .rider-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .rider-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .rider-tile__heading {
        opacity: 0
    }
}
.rider-tile__heading--vertical {
    bottom: -10px;
    color: #9b9b9b;
    display: none;
    left: 5px;
    opacity: 1;
    position: absolute;
    text-align: right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.rider-tile__item.tile-item--carousel .rider-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.rider-tile__anchor {
    position: relative;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
.rider-tile__container, .rider-tile__content {
    position: absolute;
    text-align: left;
    color: #fff
}
@media only screen and (min-width:868px) {
    .rider-tile__heading--vertical {
        display: block
    }
    .rider-tile__item.tile-item--carousel .rider-tile__heading--vertical {
        width: 80%
    }
    .rider-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.rider-tile__icon {
    fill: #fff
}
.rider-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .rider-tile__item.tile-item--carousel .rider-tile__anchor, .rider-tile__item.tile-item--carousel .rider-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.rider-tile__image {
    margin: 0;
    opacity: .3;
    -webkit-transition: padding .2s ease, opacity .2s linear;
    transition: padding .2s ease, opacity .2s linear;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .rider-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%;
        opacity: 1
    }
}
.rider-tile__item--dark .rider-tile__heading {
    color: #fff
}
.rider-tile__content {
    bottom: 10%;
    display: block;
    width: 100%;
    left: 15%;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}
.rider-tile__handle, .rider-tile__icon {
    display: inline-block;
    vertical-align: middle
}
.rider-tile__container {
    left: 0;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%
}
.rider-tile__icon {
    height: 15px;
    width: 15px
}
.rider-tile__handle {
    color: #fff;
    font-weight: 100;
    line-height: 14px;
    margin: 0 0 0 10px
}
.course-tile, .course-tile.tile-grid--no-image, .rider-tile__td p {
    margin-top: 0
}
.rider-tile__table {
    width: 100%
}
.rider-tile__td {
    padding-top: 0;
    padding-bottom: 15px;
    vertical-align: top
}
.rider-tile__table-subheading {
    color: #8e8e8e;
    font-weight: 100;
    line-height: 25px;
    margin: 0
}
.rider-tile__table-meta, .rider-tile__table-meta a {
    color: #fff
}
.rider-tile__table-meta a:hover:after {
    background-color: #fff
}
.rider-tile__social-anchor:hover:after {
    background-color: #fff;
    left: 28px;
    width: calc(100% - 28px)
}
@media only screen and (min-width:868px) {
    .rider-tile__content {
        opacity: 0
    }
    .no-touchevents .rider-tile__item:hover .rider-tile__container, .touchevents .rider-tile__item .rider-tile__container {
        opacity: 1
    }
}
.no-touchevents .rider-tile__item:hover .rider-tile__content, .touchevents .rider-tile__item .rider-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.touchevents .course-tile__item:not(.tile-item--carousel) {
    padding-left: 4px
}
.no-touchevents .course-tile__item:not(.tile-item--carousel):hover .course-tile__anchor, .touchevents .course-tile__item:not(.tile-item--carousel) .course-tile__anchor {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .rider-tile__item:hover .rider-tile__image, .touchevents .rider-tile__item .rider-tile__image {
        opacity: .3
    }
    .no-touchevents .course-tile__item:not(.tile-item--carousel):hover .course-tile__anchor, .touchevents .course-tile__item:not(.tile-item--carousel) .course-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.no-touchevents .course-tile__item:not(.tile-item--carousel):hover .course-tile__image, .touchevents .course-tile__item:not(.tile-item--carousel) .course-tile__image {
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .no-touchevents .course-tile__item:not(.tile-item--carousel):hover .course-tile__image, .touchevents .course-tile__item:not(.tile-item--carousel) .course-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
    .no-touchevents .course-tile__item:hover .course-tile__anchor, .touchevents .course-tile__item .course-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .course-tile__item:hover .course-tile__anchor, .touchevents .course-tile__item .course-tile__anchor {
        display: block;
        height: 0;
        padding-bottom: 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@media only screen and (min-width:868px) {
    .no-touchevents .course-tile__item:hover .course-tile__image, .touchevents .course-tile__item .course-tile__image {
        display: block;
        height: 0;
        padding-bottom: 133.33333%
    }
}
@media only screen and (min-width:868px) and (min-width:868px) {
    .no-touchevents .course-tile__item:hover .course-tile__image, .touchevents .course-tile__item .course-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.course-tile {
    position: relative;
    z-index: 1
}
@media only screen and (min-width:868px) {
    .course-tile {
        padding: 0 5% 50px
    }
}
.course-tile__list {
    font-size: 0;
    list-style-type: none;
    margin: 0 0 0 -4px;
    padding: 4.8% 0 0
}
@media only screen and (min-width:868px) {
    .course-tile__list {
        margin: 0
    }
    .course-tile__search {
        padding-left: 300px
    }
}
.course-tile__item {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear;
    transition: transform .4s ease, padding .4s ease, margin-top .4s ease, opacity .2s linear
}
.course-tile__handle, .course-tile__icon {
    vertical-align: middle;
    display: inline-block
}
@media only screen and (min-width:868px) {
    .course-tile__item {
        width: 33.333%
    }
}
.course-tile__item.is-filtering {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}
.course-tile__item.is-filtered-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.course-tile__item.tile-item--carousel {
    padding: 0 0 4.8% 28px;
    width: 75%;
    max-width: 100vh;
    position: absolute;
    display: inline-block;
    -webkit-transform: none;
    transform: none
}
.course-tile__heading {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}
.course-tile__handle, .course-tile__heading--vertical, .course-tile__table-subheading--inline-progress, .specs__heading {
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase
}
@media only screen and (min-width:868px) {
    .course-tile__item.tile-item--carousel {
        position: relative;
        left: auto!important;
        width: 33%;
        display: none
    }
    .course-tile__item.tile-item--carousel:nth-child(-n+3) {
        display: block;
        float: left
    }
    .course-tile__heading {
        opacity: 0
    }
}
.course-tile__heading--vertical {
    bottom: -10px;
    display: none;
    left: 5px;
    opacity: 1;
    position: absolute;
    text-align: right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 80%
}
.course-tile__item.tile-item--carousel .course-tile__heading--vertical {
    display: block;
    width: calc(100% - 28px)
}
.course-tile__anchor {
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    display: block;
    height: 0;
    padding-bottom: 133.33333%;
    background-color: #292929
}
@media only screen and (min-width:868px) {
    .course-tile__heading--vertical {
        display: block
    }
    .course-tile__item.tile-item--carousel .course-tile__heading--vertical {
        width: 80%
    }
    .course-tile__anchor {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.course-tile__content {
    bottom: 10%;
    display: block;
    position: absolute;
    width: 100%;
    color: #fff;
    left: 15%;
    text-align: left
}
.course-tile__icon {
    fill: #fff
}
.course-tile__twitter-icon {
    fill: #4099ff
}
@media only screen and (max-width:868px) {
    .course-tile__item.tile-item--carousel .course-tile__anchor, .course-tile__item.tile-item--carousel .course-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%
    }
}
.course-tile__image {
    margin: 0;
    opacity: .5;
    -webkit-transition: padding .2s ease, opacity .2s linear;
    transition: padding .2s ease, opacity .2s linear;
    display: block;
    height: 0;
    padding-bottom: 133.33333%
}
@media only screen and (min-width:868px) {
    .course-tile__image {
        display: block;
        height: 0;
        padding-bottom: 100%;
        opacity: 1
    }
    .course-tile__content {
        opacity: 0
    }
}
.course-tile__container {
    color: #fff;
    left: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    pointer-events: none;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
    opacity: 1
}
@media only screen and (min-width:320px) {
    .course-tile__description {
        overflow: hidden;
        position: relative;
        line-height: 15px;
        max-height: 30px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__description:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
        display: block
    }
    .course-tile__description:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: block
    }
    .story__content img {
        max-width: 100%;
    }
}
@media only screen and (min-width:375px) {
    .course-tile__description {
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 60px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__description:before {
        content: '...';
        position: absolute;
        right: 15px;
        bottom: 0;
        display: none
    }
    .course-tile__description:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: none
    }
    .story__content img {
        max-width: 100%;
    }
}
@media only screen and (min-width:672px) {
    .course-tile__description {
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 120px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__description:before {
        content: '...';
        position: absolute;
        right: 10px;
        bottom: 0;
        display: none
    }
    .course-tile__description:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: none
    }
}
.course-tile__icon {
    height: 15px;
    width: 15px
}
.course-tile__handle {
    color: #fff;
    font-weight: 100;
    line-height: 14px;
    margin: 0 0 0 10px
}
.course-tile__heading {
    color: #fff;
    opacity: 1
}
.course-tile__heading--vertical {
    color: #9b9b9b
}
.course-tile__table {
    width: 100%
}
.course-tile__td {
    padding-top: 0;
    padding-bottom: 15px;
    vertical-align: top
}
.course-tile__td__image {
    display: inline-block;
    vertical-align: middle
}
.course-tile__td__image svg {
    fill: #3c3
}
.story__content img {
    max-width: 100%;
}
@media only screen and (min-width:320px) {
    .course-tile__td__image {
        width: 100%;
        text-align: center
    }
    .course-tile__td.label {
        display: none
    }
}
@media only screen and (min-width:672px) {
    .course-tile__td__image {
        width: auto;
        text-align: inherit
    }
    .course-tile__td.label {
        display: block
    }
}
.course-tile__td p {
    margin-top: 0
}
.course-tile__table-subheading, .course-tile__table-subheading--progress {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 25px;
    margin: 0;
    text-transform: uppercase
}
@media only screen and (min-width:320px) {
    .course-tile__table-subheading--progress {
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 60px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__table-subheading--progress:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
        display: block
    }
    .course-tile__table-subheading--progress:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: block
    }
}
@media only screen and (min-width:375px) {
    .course-tile__table-subheading--progress {
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 80px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__table-subheading--progress:before {
        content: '...';
        position: absolute;
        right: 10px;
        bottom: 0;
        display: none
    }
    .course-tile__table-subheading--progress:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: none
    }
}
.course-tile__table-subheading--inline-progress {
    color: #fff;
    font-weight: 100;
    line-height: 25px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden
}
@media only screen and (min-width:320px) {
    .course-tile__table-subheading--inline-progress {
        white-space: nowrap;
        width: 50px
    }
}
@media only screen and (min-width:672px) {
    .course-tile__table-subheading--inline-progress {
        white-space: normal;
        width: auto
    }
}
.course-tile__table-meta {
    color: #fff
}
.course-tile__table-meta--completed {
    display: inline-block;
    color: #3c3
}
@media only screen and (min-width:320px) {
    .course-tile__table-meta--completed {
        width: 100%;
        text-align: center
    }
}
@media only screen and (min-width:672px) {
    .course-tile__table-meta--completed {
        width: auto;
        text-align: inherit
    }
}
.course-tile__table-meta a {
    color: #fff
}
.course-tile__table-meta a:hover::after {
    background-color: #fff
}
@media only screen and (min-width:320px) {
    .course-tile__table-meta--lesson-name {
        margin-left: 4px;
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 40px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__table-meta--lesson-name:before {
        content: '...';
        position: absolute;
        right: 15px;
        bottom: 0;
        display: block
    }
    .course-tile__table-meta--lesson-name:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: block
    }
}
@media only screen and (min-width:375px) {
    .course-tile__table-meta--lesson-name {
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 60px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__table-meta--lesson-name:before {
        content: '...';
        position: absolute;
        right: 10px;
        bottom: 0;
        display: none
    }
    .course-tile__table-meta--lesson-name:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: none
    }
}
@media only screen and (min-width:672px) {
    .course-tile__table-meta--lesson-name {
        overflow: hidden;
        position: relative;
        line-height: 20px;
        max-height: 80px;
        margin-right: -1em;
        padding-right: 1em
    }
    .course-tile__table-meta--lesson-name:before {
        content: '...';
        position: absolute;
        right: 10px;
        bottom: 0;
        display: none
    }
    .course-tile__table-meta--lesson-name:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        margin-top: .2em;
        background: 0 0;
        display: none
    }
}
@media only screen and (min-width:320px) {
    .course-tile__table-meta--progress {
        width: 100%;
        text-align: center
    }
}
@media only screen and (min-width:672px) {
    .course-tile__table-meta--progress {
        width: auto;
        text-align: inherit
    }
}
.course-tile__social-anchor:hover::after {
    background-color: #fff;
    left: 28px;
    width: calc(100% - 28px)
}
.course-tile__content {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
@media only screen and (min-width:868px) {
    .course-tile__image {
        opacity: .3
    }
}
.course-tile__noaccess {
    left: 0;
    position: absolute;
    opacity: 0;
    text-align: left;
    top: 20%;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
    color: #ed1c24
}
.private .course-tile__noaccess {
    opacity: 1
}
.private .course-tile__container {
    opacity: .25
}
.private .course-tile__content {
    opacity: .25;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.specs {
    background: #292929;
    color: #fff;
    padding: 30px 0 0
}
@media only screen and (min-width:868px) {
    .private .course-tile__image {
        opacity: .25
    }
    .specs {
        padding: 60px 0 0
    }
}
@media only screen and (min-width:1050px) {
    /* .specs {
	padding:40px 0
} */
}
.specs.with-tabs .tabs {
    padding-left: 0
}
@media only screen and (min-width:868px) {
    .specs.with-tabs .tabs {
        padding-left: 5%
    }
}
.specs.with-tabs .tabs__list--links {
    margin-left: 0
}
.specs__heading, .specs__heading.is-active {
    color: #fff;
    font-weight: 100;
    margin: 0 0 30px
}
.specs__heading {
    line-height: 14px;
    display: block;
    padding: 0 0 0 5%;
    text-decoration: none
}
@media only screen and (min-width:868px) {
    .specs__heading {
        font-size: 18px;
        font-family: DINOTCondensedMedium, Helvetica, sans-serif;
        text-transform: uppercase;
        margin: 0 0 10px;
        padding: 0
    }
}
.specs__heading.is-active, .specs__subheading {
    font-family: 'Microsoft YaHei', Helvetica, sans-serif;
}
.specs__heading.is-active {
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
    letter-spacing: 0
}
.filter__btn, .filter__heading, .specs__subheading {
    text-transform: uppercase
}
.specs__heading:hover:after {
    display: none
}
.specs__subheading {
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 15px;
    font-weight: 400;
    padding-right: 15px;
    color: #8e8e8e
}
.specs__description {
    color: #fff;
    margin: 0 0 15px;
    text-decoration: none
}
.specs__icon-wrapper {
    text-align: left
}
@media only screen and (min-width:868px) {
    .specs__icon-wrapper {
        text-align: right
    }
}
.specs__icon {
    fill: #8e8e8e;
    width: 20px;
    height: 20px;
    margin-right: 15px
}
.specification-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-align: left
}
@media only screen and (min-width:672px) {
    .specification-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        padding: 0
    }
}
.specification-list li {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 0 5%;
    max-height: 500px;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out
}
@media only screen and (min-width:868px) {
    .specification-list li {
        padding: 0 10px 0 0
    }
}
.specification-list li.specification-list--hide {
    overflow: hidden;
    max-height: 0;
    display: block
}
.specification-list__icon {
    fill: #fff;
    display: inline-block;
    height: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .25s -webkit-transform ease-out;
    transition: .25s transform ease-out;
    position: absolute;
    right: 5%;
    vertical-align: middle;
    width: 10px
}
.is-open .specification-list__icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.accordion-content__icon, .footer__localization-icon {
    -webkit-transform: rotate(180deg);
    vertical-align: middle
}
.specification-list__toggle {
    font-family: DINOTCondensed, Helvetica, sans-serif;
    display: block;
    background: 0 0;
    border: none;
    outline: 0;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 18px 5%;
    position: relative;
    width: 100%;
    text-align: left;
    line-height: 1;
    text-decoration: none;
    border-top: 1px solid #292929;
    border-bottom: 1px solid #292929
}
@media only screen and (min-width:1050px) {
    .specs .specification-list__toggle {
        border: none;
        font-size: 14px;
        color: #fff
    }
}
.filter__actions-btn, .filter__btn, .filter__heading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px
}
.accordion-content {
    max-height: 1000px;
    -webkit-transition: max-height 180ms ease-out;
    transition: max-height 180ms ease-out;
    overflow: hidden
}
.accordion-content.is-hidden {
    max-height: 0
}
.accordion-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.accordion-content li {
    padding: 0 5%
}
.accordion-content__link {
    text-decoration: none
}
.accordion-content__title {
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle
}
.accordion-content__icon {
    fill: #fff;
    display: inline-block;
    height: 10px;
    transform: rotate(180deg);
    -webkit-transition: .25s -webkit-transform ease-out;
    transition: .25s transform ease-out;
    position: absolute;
    right: 5%;
    width: 10px
}
.is-open .accordion-content__icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.filter {
    bottom: 0;
    color: #fff;
    left: 0;
    right: auto;
    position: absolute;
    -webkit-transition: bottom .4s ease;
    transition: bottom .4s ease;
    width: 50%;
    z-index: 2
}
.filter.filter-right {
    left: auto;
    right: 0
}
.filter.is-active {
    position: fixed;
    bottom: 0
}
.filter.is-filter-active {
    position: fixed;
    bottom: -100%
}
@media only screen and (min-width:868px) {
    .filter {
        width: 320px
    }
}
.filter__close-icon {
    cursor: pointer;
    fill: #8e8e8e;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px
}
.filter__btn {
    background-color: #121212;
    border: none;
    cursor: pointer;
    padding: 20px 0;
    text-decoration: none;
    width: 100%;
    height: 55px;
    color: #8e8e8e;
    margin: 0
}
.filter__btn:focus {
    outline: 0
}
.filter .filter__btn::-moz-focus-inner {
    padding: 0;
    border: none
}
.filter__icon {
    fill: #8e8e8e;
    height: 10px;
    width: 10px
}
.filter__btn--secondary {
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #8e8e8e;
    border-width: 1px 1px 1px 0;
    padding: 19px 0;
    color: #8e8e8e
}
.filter__heading {
    color: #8e8e8e;
    margin: 0 0 20px
}
.filter__item-wrapper {
    color: #666;
    position: relative
}
.filter__input--checkbox, .filter__input--radio {
    position: absolute;
    left: -9999px
}
.filter__input--checkbox:disabled~.filter__label, .filter__input--radio:disabled~.filter__label {
    color: rgba(102, 102, 102, .2)
}
.filter__label {
    display: block;
    margin: 0 0 8px;
    -webkit-transition: color .4s linear;
    transition: color .4s linear
}
.filter__label.has-hover {
    cursor: pointer;
    position: relative
}
.filter__label.has-hover:after {
    background-color: #fff;
    border-radius: 100%;
    content: '';
    height: 4px;
    margin-top: -2px;
    left: -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: left .4s ease, opacity .4s ease;
    transition: left .4s ease, opacity .4s ease;
    width: 4px
}
.filter__label.has-hover:hover:after {
    left: -10px;
    opacity: 1
}
.filter__label.has-hover:hover {
    color: #fff
}
.filter__label--inline {
    float: left;
    width: 25%
}
.filter__title--color {
    display: block;
    margin: 0 0 8px
}
.filter__input--checkbox:checked+.filter__label:not(.filter__label--color), .filter__input--radio:checked+.filter__label:not(.filter__label--color) {
    position: relative;
    color: #fff
}
.filter__input--checkbox:checked+.filter__label:not(.filter__label--color):after, .filter__input--radio:checked+.filter__label:not(.filter__label--color):after {
    background-color: #fff;
    border-radius: 100%;
    content: '';
    height: 4px;
    margin-top: -2px;
    left: -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: left .4s ease, opacity .4s ease;
    transition: left .4s ease, opacity .4s ease;
    width: 4px
}
.filter__input--checkbox:checked+.filter__label:not(.filter__label--color)::after, .filter__input--checkbox:checked+.filter__label:not(.filter__label--color):hover:after, .filter__input--radio:checked+.filter__label:not(.filter__label--color)::after, .filter__input--radio:checked+.filter__label:not(.filter__label--color):hover:after {
    left: -10px;
    opacity: 1
}
.filter__item-icon {
    fill: #fff;
    width: 8px;
    height: 8px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s linear, -webkit-transform .4s linear;
    transition: opacity .4s linear, transform .4s linear
}
.filter__label--color {
    border-radius: 17px;
    margin-bottom: 20px;
    cursor: pointer;
    height: 17px;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease, height .4s ease, width .4s ease;
    transition: transform .2s ease, height .4s ease, width .4s ease;
    width: 17px
}
@media only screen and (min-width:868px) {
    .filter__label--color:hover {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}
.filter__label--color::after, .filter__label--color::before {
    background-color: #fff;
    content: '';
    height: 8px;
    left: 8px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: opacity .2s linear, transform .2s linear;
    top: 5px;
    width: 1px
}
.filter__label--color::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.filter__label--color::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.filter__color--white::after, .filter__color--white::before {
    background-color: #8e8e8e
}
.filter__input--color:checked+.filter__label--color {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}
.filter__input--color:checked+.filter__label--color::after, .filter__input--color:checked+.filter__label--color::before {
    opacity: 1
}
.filter__input--color:checked+.filter__label--color::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.filter__input--color:checked+.filter__label--color::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.filter__actions {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    width: 320px;
    z-index: 2
}
.filter__actions-btn {
    background-color: #1e1e1e;
    border: none;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    color: #8e8e8e;
    margin: 0;
    text-transform: uppercase
}
.footer__anchor {
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-family: DINOTCondensed, Helvetica, sans-serif;
    text-decoration: none
}
.filter__actions-btn:focus {
    outline: 0
}
.filter__actions-btn--secondary {
    background-color: #000000
}
.filter-content-wrapper {
    left: 0;
    right: 0;
    position: relative;
    -webkit-transition: left .4s ease, right .4s ease;
    transition: left .4s ease, right .4s ease
}
.has-no-header .filter-panel, .has-no-header .filter-panel-right {
    top: 0
}
@media only screen and (min-width:1000px) {
    .has-no-header .filter-panel, .has-no-header .filter-panel-right {
        top: 87px
    }
}
.has-no-header .filter {
    position: fixed
}
.has-no-header .filter.is-past-footer {
    position: absolute
}
.filter-panel, .has-no-header .filter.is-filter-active {
    position: fixed
}
.filter-panel {
    background-color: #2c2c2c;
    height: 100vh;
    left: -100%;
    right: auto;
    padding: 87px 40px 0;
    top: 0;
    overflow: auto;
    -webkit-transition: left .4s ease, right .4s ease;
    transition: left .4s ease, right .4s ease;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    z-index: 1000
}
@media only screen and (min-width:868px) {
    .filter-panel {
        left: -320px;
        right: auto;
        height: auto;
        min-height: calc(100vh - 87px);
        overflow: inherit;
        position: absolute;
        width: 320px;
        z-index: 3
    }
}
body.not-horiz-scrollable, html.not-horiz-scrollable {
    overflow-x: hidden;
    width: 100%
}
.filter-panel.is-active {
    left: 0;
    right: auto
}
.filter-panel.is-active .filter__actions {
    bottom: 0;
    display: block;
    position: fixed;
    width: 100%
}
@media only screen and (min-width:868px) {
    .filter-panel.is-active .filter__actions {
        display: block;
        position: absolute
    }
    .filter-panel.is-active-medium {
        left: 0;
        right: auto
    }
    .filter-panel.is-active-medium .filter__actions {
        bottom: 0;
        width: 100%;
        display: block;
        position: absolute
    }
}
.filter-panel__wrapper, .footer__list, .footer__retailer {
    position: relative
}
.filter-panel.filter-panel-right {
    left: auto;
    right: -100%
}
@media only screen and (min-width:868px) {
    .filter-panel.filter-panel-right {
        left: auto;
        right: -320px
    }
}
.filter-panel.filter-panel-right .filter__close-icon {
    left: 20px;
    right: auto
}
.filter-panel.filter-panel-right.is-active {
    left: auto;
    right: 0
}
.filter-panel__wrapper.has-filters {
    overflow-x: hidden;
    padding-bottom: 80px
}
@media only screen and (min-width:868px) {
    .filter-panel.filter-panel-right.is-active-medium {
        left: auto;
        right: 0
    }
    .filter-panel__wrapper.has-filters {
        padding-bottom: 0
    }
}
.filter-panel__content-wrapper {
    padding-bottom: 40px
}
.filter-panel__content-wrapper:last-child {
    padding-bottom: 80px
}
.footer {
    position: relative;
    text-align: center;
    background: #000;
    overflow: hidden;
}
.footer.has-margin {
    margin-top: 10px
}
@media only screen and (min-width:868px) {
    .footer.has-margin {
        margin-top: 90px
    }
}
.footer__input {
    background-color: #666;
    border: none;
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 auto;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle
}
@media only screen and (min-width:868px) {
    .footer__input {
        margin: 0 0 14px;
        text-align: left
    }
}
.footer__input:focus {
    outline: 0;
    background-color: #1f1f1f
}
.footer__input--retailer {
    display: inline-block;
    margin-bottom: 0
}
.footer__button {
    background-color: transparent;
    border: none;
    color: #999;
    cursor: pointer;
    margin: 0;
    padding: 0;
    -webkit-transition: color .4s ease, visibility .4s ease, opacity .4s ease, z-index .4s ease;
    transition: color .4s ease, visibility .4s ease, opacity .4s ease, z-index .4s ease;
    z-index: -1
}
@media only screen and (max-width:1000px) {
    .footer__button {
        padding: 14px 0
    }
}
.footer__button:hover {
    color: #fff
}
.footer__button:focus {
    outline: 0
}
.footer__button.is-active {
    opacity: 1;
    visibility: visible
}
.footer__retailer-wrapper {
    background-color: #121212
}
@media only screen and (min-width:868px) {
    .footer__button.is-active {
        display: block
    }
    .footer__retailer-wrapper {
        background-color: transparent;
        text-align: left;
        padding-right: 30px
    }
    .footer__retailer-heading {
        margin-bottom: 0!important
    }
}
.footer__retailer.is-active .footer__retailer-enter {
    opacity: 0;
    visibility: hidden;
    z-index: -1
}
.footer__retailer.is-active .footer__list--retailer, .footer__retailer.is-active .footer__retailer-info {
    opacity: 1;
    visibility: visible;
    z-index: 1
}
.footer__retailer-heading {
    display: inline-block;
    padding-right: 10px;
    text-decoration: none
}
.footer__retailer-name {
    color: #fff;
    font-weight: 400;
    margin: 0
}
.footer__retailer-enter {
    width: 100%;
    -webkit-transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    transition: visibility .4s ease, opacity .4s ease, z-index .4s ease
}
.footer__copy, .footer__retailer-enter {
    color: #9b9b9b;
    margin-bottom: 30px;
    margin-top: 0
}
.footer__list--retailer, .footer__retailer-info {
    position: relative;
    opacity: 0;
    -webkit-transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    visibility: hidden;
    z-index: -1
}
.footer__list--retailer {
    display: none
}
.footer__newsletter-wrapper {
    background-color: #121212
}
@media only screen and (min-width:868px) {
    .footer__list--retailer, .footer__retailer-info {
        margin-bottom: 15px
    }
    .footer__list--retailer {
        display: block
    }
    .footer__newsletter-wrapper {
        background-color: transparent;
        text-align: left
    }
}
.footer__newsletter {
    padding: 60px 0 0;
    text-align: center
}
@media only screen and (min-width:868px) {
    .footer__newsletter {
        padding: 30px 0 0;
        text-align: left
    }
}
.footer__newsletter.is-active .footer__button {
    opacity: 1;
    visibility: visible;
    z-index: 1
}
.footer__copy--newsletter {
    margin-bottom: 0
}
.footer__retailer-phone {
    color: #8e8e8e;
    text-decoration: none
}
.footer__retailer-address {
    margin-top: 0
}
.footer__content {
    color: #9b9b9b;
    padding: 30px 28px 0
}
@media only screen and (min-width:868px) {
    .footer__content {
        padding: 30px 0 0
    }
    .footer__list {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
        text-align: left
    }
}
.footer__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 1
}
.footer__item {
    display: block
}
@media only screen and (min-width:868px) {
    .footer__item {
        display: inline-block;
        padding-right: 25px;
        width: 100%
    }
    .footer__item--locale {
        text-align: left
    }
}
.footer__item-locale {
    border: none;
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    vertical-align: middle;
    -webkit-transition: filter .4s linear, -webkit-filter .4s linear;
    transition: filter .4s linear, -webkit-filter .4s linear
}
.footer__item-locale-title {
    color: #9b9b9b
}
.footer__item-locale-title:hover {
    color: #fff
}
.footer__anchor {
    color: #9b9b9b;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: color .6s linear;
    transition: color .6s linear
}
.geometry-section__table .geometry-section__table-section, .geometry-section__table thead th, .geometry-section__title {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.footer__anchor:hover {
    color: #fff
}
.footer__anchor:hover .footer__item-locale {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.footer__anchor:hover .footer__icon-partner, .footer__anchor:hover .footer__icon-social {
    fill: #fff
}
.footer__anchor:hover::after {
    display: none
}
.footer__anchor--partner, .footer__anchor--social {
    line-height: 20px;
    margin-bottom: 0
}
.footer__content--social {
    padding: 50px 28px 50px
}
@media only screen and (max-width:1000px) {
    .footer__content--social {
        padding-top: 50px
    }
}
.footer__list-social {
    list-style-type: none;
    margin: 0 0 30px;
    padding: 0
}
.footer__icon-partner, .footer__icon-social {
    color: #121212;
    fill: #9b9b9b;
    height: 20px;
    -webkit-transition: fill .6s linear;
    transition: fill .6s linear;
    width: 20px
}
.footer__item-partner, .footer__item-social {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
}
.footer__item-social--first {
    margin-left: 0
}
.footer__item-partner--first {
    margin-left: 10px;
    padding-left: 20px;
    border-left: 1px solid #9b9b9b
}
.footer__item-partner--last, .footer__item-social--last {
    margin-right: 0
}
.footer__copyright {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 20px
}
.footer__localization-modal {
    overflow: auto
}
.footer__localization-modal-wrapper {
    height: 100vh;
    overflow: auto;
    padding: 50px 28px 100px;
    -webkit-overflow-scrolling: touch
}
@media only screen and (min-width:868px) {
    .footer__localization-modal-wrapper {
        padding: 100px
    }
}
.footer__localization-modal-select {
    height: 100%;
    position: fixed;
    width: 100%;
    display: none
}
.footer__localization-modal-select.is-active {
    display: block
}
.footer__localization {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.footer__localization-item {
    position: relative;
    padding-right: 20px;
    margin-bottom: 25px;
    margin-top: 25px
}
@media only screen and (min-width:868px) {
    .footer__localization-item {
        margin-bottom: 15px;
        margin-top: 15px
    }
}
.footer__localization-anchor {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.footer__localization-anchor:hover::after {
    display: none
}
.footer__localization-anchor:hover .flag__img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.footer__localization-anchor.is-active {
    color: #666;
    position: relative;
    z-index: 2
}
.footer__localization-anchor.is-active .footer__localization-icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    fill: #666
}
.footer__localization-anchor--dark {
    color: #666
}
.footer__localization-language-menu {
    background-color: #f9f9f9;
    padding: 50px 20px 10px;
    position: absolute;
    margin: 0;
    left: -15px;
    list-style-type: none;
    opacity: 0;
    top: -20px;
    width: 80%;
    -webkit-transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    visibility: hidden;
    z-index: 1
}
.footer__localization-language-menu.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1
}
.footer__localization-language-anchor {
    color: #666;
    text-decoration: none;
    position: relative;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.footer__localization-language-anchor:after {
    background-color: #121212;
    border-radius: 100%;
    content: '';
    height: 4px;
    margin-top: -2px;
    left: -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: left .4s ease, opacity .4s ease;
    transition: left .4s ease, opacity .4s ease;
    width: 4px
}
.footer__localization-language-anchor:hover:after {
    left: -10px;
    opacity: 1
}
.footer__localization-language-anchor:hover {
    color: #121212
}
.footer__localization-icon {
    fill: #fff;
    height: 10px;
    margin-left: 10px;
    top: 5px;
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .4s linear, fill .4s ease;
    transition: transform .4s linear, fill .4s ease;
    width: 10px
}
.g-recaptcha {
    width: 100%;
    margin: 15px 0 5px
}
.g-recaptcha>div {
    display: inline-block
}
.geometry-section {
    background: #292929;
    padding: 0;
    color: #fff
}
@media only screen and (min-width:868px) {
    .no-csscolumns .footer .footer__item {
        display: inline-block;
        vertical-align: top;
        width: 48%
    }
    .no-csscolumns .footer .footer__item--locale {
        display: block;
        width: 100%
    }
    .g-recaptcha>div>div {
        overflow: hidden
    }
    .geometry-section {
        padding: 90px 5% 20px;
        background: #fff;
        color: #8e8e8e
    }
}
.geometry-section__icon-arrow {
    fill: #fff;
    display: inline-block;
    height: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .25s -webkit-transform ease-out;
    transition: .25s transform ease-out;
    position: absolute;
    right: 5%;
    vertical-align: middle;
    width: 10px
}
.is-open .geometry-section__icon-arrow {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.geometry-section__title {
    font-size: 14px;
    font-weight: 100;
    line-height: 18px
}
.geometry-section__tabs__row {
    background-color: #292929
}
@media only screen and (min-width:868px) {
    .geometry-section__title {
        color: #000000;
        font-size: 20px
    }
    .geometry-section__tabs__row {
        background-color: transparent
    }
    .geometry-section__table tr {
        height: 60px
    }
}
.geometry-section__row-hover td {
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.geometry-section__row-hover:hover td:not(.geometry-section__table-section) {
    color: #ed1c24
}
.geometry-section__row-hover:nth-child(odd) {
    background: #f9f9f9
}
.geometry-section__table {
    width: 100%;
    padding: 0 5%;
    position: relative
}
.geometry-section__table thead th {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: none
}
.geometry-section__table .geometry-section__table-heading {
    min-width: 150px;
    padding-right: 50px
}
@media only screen and (min-width:868px) {
    .geometry-section__table .geometry-section__table-heading {
        color: #121212;
        text-align: left;
        width: 170px
    }
    .geometry-section__table .geometry-section__table-section-heading {
        color: #121212;
        text-align: center;
        padding-left: 1px
    }
}
.geometry-section__table tbody th {
    color: #9b9b9b
}
.geometry-section__table .geometry-section__table-heading, .geometry-section__table .geometry-section__table-section, .geometry-section__table tbody th {
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 30px;
    text-transform: uppercase
}
@media only screen and (min-width:868px) {
    .geometry-section__table .geometry-section__table-heading, .geometry-section__table .geometry-section__table-section, .geometry-section__table tbody th {
        font-size: 10px;
        letter-spacing: 4px;
        line-height: 20px;
        padding: 10px 20px;
        vertical-align: middle
    }
}
.geometry-section__table td {
    color: #fff;
    text-align: right;
    font-size: 12px
}
@media only screen and (min-width:868px) {
    .geometry-section__table td {
        color: #8e8e8e;
        text-align: center;
        vertical-align: middle
    }
}
.geometry-section__table .geometry-section__table-section {
    font-size: 12px;
    color: #fff
}
.geometry-section__table:first-child {
    padding: 38px 5%
}
.geometry-section.with-tabs .tabs {
    width: 100%
}
.geometry-section.with-tabs .tabs__row {
    padding-bottom: 0;
    padding-left: 5%;
    padding-top: 30px
}
@media only screen and (min-width:868px) {
    .geometry-section__table .geometry-section__table-section {
        color: #8e8e8e;
        font-size: 10px
    }
    .geometry-section.with-tabs .tabs__row {
        padding: 0
    }
}
.geometry-section.with-tabs .tabs__anchor {
    color: #737373
}
.geometry-section.with-tabs .tabs__anchor.is-active {
    color: #fff
}
.geometry-section.with-tabs .tabs__anchor.is-active:before {
    background-color: #fff
}
.geometry-section.with-tabs .tabs__content-item {
    width: 100%;
    min-height: 0
}
@media only screen and (min-width:868px) {
    .geometry-section.with-tabs .tabs__anchor.is-active {
        color: #000000
    }
    .geometry-section.with-tabs .tabs__content-item {
        position: static;
        width: 300px;
        min-height: 1030px;
        float: left;
        opacity: 1;
        visibility: visible;
        z-index: 1
    }
    .geometry-section.with-tabs .tabs__content-item:nth-child(n+2) {
        width: 100px
    }
    .geometry-section.with-tabs .tabs__content-item:nth-child(n+2) th {
        display: none
    }
    .geometry-section.with-tabs .tabs__list {
        padding-left: 344px;
        width: auto!important
    }
    .geometry-section.with-tabs .tabs__list--content {
        padding-left: 111px
    }
}
.geometry-section.with-tabs .tabs__list--content {
    min-height: 50px;
    -webkit-transition: min-height 180ms ease-out;
    transition: min-height 180ms ease-out
}
.geometry-section.with-tabs .tabs__list--content.is-active {
    min-height: 630px
}
.geometry-section.with-tabs .tabs__list--content.is-active .accordion-content {
    height: inherit
}
.geometry-section.with-tabs .tabs__list--content .accordion-content {
    height: 00px
}
.geometry-section.with-accordion .accordion-content {
    max-height: 750px
}
.geometry-section.with-accordion .accordion-content.is-hidden {
    max-height: 0
}
.geometry-section.with-specification .specification-list__toggle {
    color: #666
}
@media only screen and (min-width:868px) {
    .geometry-section.with-tabs .tabs__item {
        display: inline-block;
        width: 96px;
        padding: 0
    }
    .geometry-section.with-accordion .accordion-content {
        overflow: visible
    }
    .geometry-section.with-specification .specification-list__toggle {
        display: none
    }
}
.carousel {
    overflow: hidden;
    width: 99%;
    height: 306px;
    position: relative
}
.carousel__scrim {
    position: absolute;
    background: 0 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}
.carousel__track {
    position: absolute;
    white-space: nowrap
}
.carousel__slide {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 306px;
    height: 306px;
    font-size: 16px;
    margin: 0 15px;
    white-space: normal
}
.carousel.carousel--has-footer {
    height: 406px
}
.carousel__footer {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    font-size: 10px
}
.carousel__footer .carousel__product-price {
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    color: #737373;
    line-height: 10px
}
.carousel__footer .carousel__product-title, .carousel__sidebar {
    font-family: DINOTMedium, Helvetica, sans-serif
}
.carousel__footer .carousel__product-title {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    margin: 15px
}
.carousel__sidebar {
    letter-spacing: 4px;
    padding: 0 1em;
    line-height: 30px;
    font-size: 12px;
    box-sizing: content-box;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotateZ(-90deg) translateY(-100%) translateX(-100%);
    transform: rotateZ(-90deg) translateY(-100%) translateX(-100%)
}
.notification__title, .pdp-hero__category, .toggle__title {
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 14px;
    font-weight: 100;
    text-transform: uppercase
}
.carousel__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}
.carousel__overlay:hover, .toggle__wrapper.is-active .toggle__trigger .toggle__icon--checked {
    opacity: 1
}
.carousel__overlay__content {
    padding: 1em;
    white-space: normal;
    text-align: center
}
@media screen and (min-width:868px) {
    .carousel {
        text-align: center
    }
    .carousel__track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: auto;
        -webkit-transform: none!important;
        transform: none!important
    }
    .carousel__slide {
        display: block;
        background-position: center
    }
}
@media screen and (max-width:867px) {
    .carousel__overlay {
        display: none
    }
    .carousel__track {
        display: block
    }
    .carousel__slide {
        display: inline-block;
        margin: 0 10% 0 0
    }
}
.no-flexbox .carousel__slide {
    display: inline-block;
    margin-left: -4px
}
.no-flexbox .carousel__overlay {
    display: table
}
.no-flexbox .carousel__overlay__content {
    display: table-cell;
    height: 306px;
    vertical-align: middle
}
.toggle__trigger, .toggle__wrapper {
    border-radius: 20px;
    height: 25px;
    cursor: pointer
}
.no-csstransforms3d .carousel__sidebar {
    top: 100%
}
.toggle {
    position: relative
}
.toggle__title {
    color: #000000;
    margin: 0 0 14px
}
.toggle__wrapper {
    background-color: #f9f9f9;
    display: block;
    width: 50px
}
.toggle__wrapper.is-active .toggle__trigger {
    background-color: #fd170f;
    left: 25px
}
.toggle__wrapper.is-active .toggle__trigger .toggle__icon--unchecked {
    opacity: 0
}
.toggle__checkbox {
    position: absolute;
    left: -9999px
}
.toggle__checkbox:checked~.toggle__wrapper .toggle__trigger {
    background-color: #fd170f;
    left: 25px
}
.toggle__checkbox:checked~.toggle__wrapper .toggle__trigger .toggle__icon--checked {
    opacity: 1
}
.toggle__checkbox:checked~.toggle__wrapper .toggle__trigger .toggle__icon--unchecked {
    opacity: 0
}
.toggle__trigger {
    background-color: #9b9b9b;
    display: inline-block;
    left: 0;
    position: relative;
    -webkit-transition: background-color .4s linear, left .4s cubic-bezier(1, -.03, .74, 1);
    transition: background-color .4s linear, left .4s cubic-bezier(1, -.03, .74, 1);
    width: 25px
}
.toggle__icon {
    fill: #fff;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 8px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}
.toggle__icon--unchecked {
    opacity: 1
}
.toggle__icon--checked {
    opacity: 0
}
.toggle__icon-svg {
    fill: #fff;
    height: 8px;
    vertical-align: top;
    width: 8px
}
.notification-wrapper {
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%
}
.notification {
    position: absolute;
    right: 10px;
    opacity: 0;
    top: 97px;
    -webkit-transform: translateX(33%) translateX(15px);
    transform: translateX(33%) translateX(15px);
    -webkit-transition: -webkit-transform .6s cubic-bezier(1, -.03, .74, 1);
    transition: transform .6s cubic-bezier(1, -.03, .74, 1);
    width: 100%;
    z-index: 1000
}
.notification .row>div>.row {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width:1000px) {
    .notification {
        right: 0;
        top: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
.notification.is-fixed {
    position: fixed
}
.notification.is-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
@media only screen and (max-width:1000px) {
    .notification.is-active {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.notification__icon {
    fill: #fff;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px
}
.pdp-hero__buy:after, .pdp-hero__retailer:after {
    height: 2px;
    left: 0;
    bottom: -3px;
    content: ''
}
.notification__state {
    background-color: #121212;
    position: relative
}
.notification__content {
    background-color: #121212;
    padding: 12px;
    text-align: center
}
.notification__title {
    color: #fff;
    margin: 0
}
.notification__subtitle {
    margin-top: 0;
    margin-bottom: 0
}
.notification__subtitle a {
    color: #fff
}
.no-csstransforms3d .pdp-hero__select-menu {
    background: 0 0
}
.pdp-hero {
    padding-top: 64px;
    width: 100%;
    background: #fff;
}
.pdp-hero--dark {
    background: #292929
}
.pdp-hero--dark .pdp-hero__heading, .pdp-hero--dark .pdp-hero__price, .pdp-hero--dark .pdp-hero__retailer {
    color: #fff;
    position: relative;
    text-decoration: none
}
.pdp-hero--dark .pdp-hero__heading:after, .pdp-hero--dark .pdp-hero__price:after, .pdp-hero--dark .pdp-hero__retailer:after {
    content: '';
    height: 2px;
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.pdp-hero--dark .pdp-hero__heading:hover:after, .pdp-hero--dark .pdp-hero__price:hover:after, .pdp-hero--dark .pdp-hero__retailer:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.pdp-hero__category {
    color: #8e8e8e;
    margin: 10px 0
}
.pdp-hero__mobile-price-row {
    margin: 0 5%
}
.pdp-hero__buy {
    color: #121212;
    margin-right: 10px;
    position: relative
}
.pdp-hero__buy:after {
    background-color: #121212;
    width: 100%;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.pdp-hero__buy:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.pdp-hero__retailer {
    color: #fd170f;
    position: relative
}
.pdp-hero__retailer:after {
    background-color: #fd170f;
    width: 100%;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.pdp-hero__retailer:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.pdp-hero__buy, .pdp-hero__retailer {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 4px;
    vertical-align: middle;
    padding-top: 3px;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.pdp-hero__description {
    z-index: 2;
    padding: 0 28px;
    position: relative;
    width: 100%
}
.pdp-hero__heading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0
}
@media only screen and (min-width:868px) {
    .pdp-hero__heading {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 20px;
        font-weight: 100;
        line-height: 22px;
        margin: 0 0 20px
    }
}
@media only screen and (min-width:1050px) {
    .pdp-hero__heading {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 22px;
        font-weight: 100;
        line-height: 24px;
        margin: 0 0 20px
    }
}
.pdp-hero__content {
    color: #8e8e8e;
    display: none;
    font-size: 14px;
    line-height: 30px;
    margin: 20px 0;
    overflow: auto
}
.pdp-hero__old-price, .pdp-hero__price {
    display: inline-block;
    font-family: Helvetica;
    font-size: 13px;
    margin-right: 10px;
    vertical-align: middle
}
.pdp-hero__meta {
    white-space: nowrap;
    position: relative;
    padding: 0 5%;
    z-index: 1;
    text-align: left;
    pointer-events: all
}
.pdp-hero__old-price {
    color: #9b9b9b;
    text-decoration: line-through
}
.pdp-hero__price {
    color: #000000
}
.pdp-hero__price.on-sale {
    color: #fd170f
}
.pdp-hero__promo_name {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif;
    vertical-align: middle;
    color: #fd170f;
    padding-top: 0;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 100;
    line-height: 17px;
    letter-spacing: 4px;
    text-transform: uppercase;
    max-width: 380px;
    white-space: normal
}
.pdp-hero__promo_name .icon {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
    fill: #fd170f
}
.pdp-hero__promo-description, .pdp-hero__sbcu-description {
    font-family: DINOTCondensedMedium, Helvetica, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    color: #fff;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase
}
.pdp-hero__promo-description {
    background-color: #fd170f;
    font-size: 10px
}
.pdp-hero__promo-description__link {
    color: #fff;
    cursor: pointer;
    font-size: 10px
}
.pdp-hero__promo-description__link::after {
    background-color: #fff
}
.pdp-hero__sbcu-description {
    background-color: #fd170f;
    font-size: 12px
}
.pdp-hero__sbcu-description__link {
    color: #fff;
    cursor: pointer;
    font-size: 12px
}
.pdp-hero__sbcu-description__link::after {
    background-color: #fff
}
.pdp-hero__sbcu-description.incomplete {
    background-color: #9b9b9b
}
.pdp-hero__sku {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #9b9b9b;
    font-size: 8px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 12px;
    margin: 2em 0;
    text-transform: uppercase;
    width: 95%;
    float: left;
    clear: both
}
@media only screen and (min-width:320px) {
    .pdp-hero__promo-description, .pdp-hero__sbcu-description {
        position: relative
    }
}
@media only screen and (min-width:868px) {
    .pdp-hero__promo-description, .pdp-hero__sbcu-description {
        top: 87px;
        position: relative
    }
    .pdp-hero__description {
        height: 40%
    }
    .pdp-hero__lower {
        top: 65%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: top .6s, left .6s;
        transition: top .6s, left .6s
    }
}
@media only screen and (min-width:1050px) {
    .pdp-hero__promo-description, .pdp-hero__sbcu-description {
        top: 0;
        position: absolute
    }
    .pdp-hero__lower {
        top: 65%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        -webkit-transition: top .6s, left .6s;
        transition: top .6s, left .6s
    }
}
@media only screen and (max-width:868px) {
    .pdp-hero {
        margin: 0
    }
    .pdp-hero__breadcrumbs {
        margin: 10px 0
    }
    .pdp-hero__content.-mobile {
        display: block
    }
    .pdp-hero__lower {
        position: static;
        width: 100%
    }
    .pdp-hero__meta {
        display: inline-block;
        padding: 0 5%;
        width: 100%
    }
    .pdp-hero__old-price, .pdp-hero__price {
        float: right
    }
    .pdp-hero__locator {
        background: #b80906;
        position: relative
    }
    .pdp-hero__locator:hover:after {
        display: none
    }
    .pdp-hero__locator-icon {
        fill: #fff;
        position: absolute;
        height: 25px;
        width: 25px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }
    .pdp-hero__purchase {
        background: #ed1c24;
        bottom: 0;
        display: block;
        height: 55px;
        margin: 0;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        width: 100%
    }
    .pdp-hero__purchase::active {
        background: #fd170f
    }
    .pdp-hero__purchase.-sticky {
        position: fixed;
        bottom: 0;
        z-index: 1
    }
    .pdp-hero__purchase.-stuck {
        position: absolute;
        z-index: 1
    }
    .pdp-hero__purchase--where {
        background-color: #000000
    }
    .pdp-hero__purchase-text {
        display: inline-block;
        padding: 5px
    }
    .pdp-hero__purchase-main {
        font-family: DINOTCondensedMedium, Helvetica, sans-serif;
        color: #fff;
        display: block;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase
    }
    .pdp-hero__purchase-main--no-price {
        padding: 10px
    }
    .pdp-hero__purchase-subtext {
        display: block;
        opacity: .95;
        font-family: Helvetica, Arial;
        font-size: 14px;
        color: #fff
    }
    .pdp-hero__old-price-subtext {
        display: inline-block;
        font-family: Helvetica;
        font-size: 13px;
        color: #d9d9d9;
        text-decoration: line-through
    }
}
@media only screen and (min-width:869px) {
    .pdp-hero {
        padding: 0;
        position: relative;
        overflow: hidden;
        min-height: 400px;
        height: 100vh
    }
    .pdp-hero--dark {
        height: 100vh;
        margin-top: -87px;
        padding-top: 87px
    }
    .pdp-hero--dark .pdp-hero__lower {
        top: calc(50% + 87px)
    }
    .pdp-hero__content.-desktop {
        display: block;
        position: absolute;
        height: calc(100% - 110px);
        margin: 0;
        width: 100%
    }
    .pdp-hero__content.-desktop p:first-child {
        margin-top: 0
    }
    .pdp-hero__title {
        overflow: hidden
    }
    .pdp-hero__lower {
        position: absolute;
        height: 100%;
        left: 5%;
        width: 25%
    }
    .pdp-hero .-stick {
        position: absolute;
        top: 190vh
    }
    .pdp-hero__select-container {
        margin-left: -5px
    }
    .pdp-hero__select-container label {
        display: none
    }
    .pdp-hero__arrows {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0
    }
    .pdp-hero__description {
        padding: 0
    }
    .pdp-hero__meta {
        margin-top: 20px;
        padding: 0;
        height: 50%;
        width: 100%
    }
    .pdp-hero__meta-item {
        width: 100%
    }
    .pdp-hero__meta-options {
        margin: 10px 0
    }
}
@media only screen and (max-width:868px) {
    .pdp-hero__meta--mobile {
        display: block;
        white-space: normal
    }
}
@media only screen and (min-width:1050px) {
    .pdp-hero:not(.pdp-hero--dark) {
        margin: 0;
        height: calc(100vh - 400px)
    }
}
@-moz-document url-prefix() {
    @media only screen and (min-width: 1050px) {
        .pdp-hero:not(.pdp-hero--dark) {
            margin:0;
            height: calc(130vh - 50px)
        }
    }
    @media only screen and (min-width:1281px) {
        .pdp-hero:not(.pdp-hero--dark) {
            margin: 0;
            height: calc(100vh - 50px)
        }
    }
}
.is-utility {
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(0, -87px, 0);
    transform: translate3d(0, -87px, 0)
}
.is-utility--active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.is-peekaboo {
    position: fixed
}
.euCookiePolicy {
    text-align: center;
    z-index: 999;
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    border-bottom: 1px solid #8e8e8e;
    padding: 6px 0
}
.horizontal-nav.is-above-content.is-active:hover.with-horizontal-link-list.with-product-preview .product-preview, .horizontal-nav.is-above-content.with-horizontal-link-list.with-product-preview .product-preview {
    border-bottom: none
}
.euCookiePolicy a {
    cursor: pointer;
    margin-left: 5px;
    top: 1px
}
.euCookiePolicy a .icon {
    width: 12px;
    height: 12px
}
.horizontal-nav {
    display: none;
    height: 87px;
    top: 0;
    z-index: 102;
    width: 100%;
    background: #fff
}
.horizontal-nav.is-active.with-horizontal-link-list.with-product-preview .hover-animate {
    opacity: 1;
    -webkit-transition: visibility .2s ease, opacity .2s .2s ease, z-index .2s ease;
    transition: visibility .2s ease, opacity .2s .2s ease, z-index .2s ease;
    visibility: visible;
    z-index: 1
}
.horizontal-nav.is-above-content {
    background-color: transparent;
    width: 100%
}
.horizontal-nav.is-above-content .horizontal-link-list__list-item__link {
    color: #000;
    -webkit-transition: color .3s .4s ease;
    transition: color .3s .4s ease
}
.horizontal-nav.is-above-content .horizontal-nav__custom-logo-img {
    opacity: 0
}
.horizontal-nav.is-above-content .horizontal-nav__custom-logo-img--light {
    opacity: 1
}
.horizontal-nav.is-above-content .icon--dark, .horizontal-nav.is-above-content .icon--search {
    fill: #fff;
    -webkit-transition: fill .3s .4s ease;
    transition: fill .3s .4s ease
}
.horizontal-nav.is-above-content.is-active:hover .horizontal-link-list__list-item__link {
    color: #121212;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}
.horizontal-nav.is-above-content.is-active:hover .icon--dark, .horizontal-nav.is-above-content.is-active:hover .icon--search {
    fill: #121212;
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease
}
@media only screen and (min-width:1000px) {
    .horizontal-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.horizontal-nav__icon-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 87px;
    padding-left: 2%;
    z-index: 3;
    width: 14%
}
.horizontal-nav__icon-container a:hover:after {
    display: none
}
.horizontal-nav__custom-logo-img {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s .4s ease;
    transition: opacity .3s .4s ease;
    width: 100%
}
.horizontal-nav__custom-logo-img--light {
    opacity: 0
}
.horizontal-nav__search-container {
    height: 87px;
    right: 0;
    padding-top: 35px;
    padding-right: 2%;
    position: absolute;
    top: 0;
    text-align: right;
    z-index: 1
}
.header, .horizontal-nav.with-horizontal-link-list .horizontal-link-list--sub .horizontal-link-list__container {
    padding-top: 20px
}
.horizontal-nav__search-container a {
    text-decoration: none
}
.horizontal-nav__search-container a:hover:after {
    display: none
}
.horizontal-nav.with-icon .icon {
    vertical-align: middle
}
.product-preview__post-item, .text-nav__link-column {
    vertical-align: top;
    display: inline-block
}
.horizontal-nav.with-icon .icon--logo-full, .horizontal-nav.with-icon .icon--logo-sbcu {
    margin-top: 30px
}
.horizontal-nav.with-icon .icon--search {
    height: 21px;
    margin-right: 10px
}
.horizontal-nav.with-icon .icon--cart {
    height: 18px
}
.horizontal-nav.with-icon .icon--more {
    height: 16px;
    margin-right: 10px
}
@media only screen and (min-width:1190px) {
    .horizontal-nav.with-icon .icon--more {
        display: none
    }
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list__container {
    text-align: center
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--sub {
    position: absolute;
    top: 87px;
    left: 0;
    visibility: hidden;
    max-height: 60px
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--hidden {
    max-height: 0;
    visibility: hidden;
    opacity: 0
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--primary {
    height: 87px
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--secondary {
    clear: both;
    z-index: 2
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--secondary .horizontal-link-list__list-item__link:after {
    bottom: -22px;
    height: 2px
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--secondary .horizontal-link-list__list-item__link--hidden {
    opacity: 0;
    visibility: hidden
}
.horizontal-nav.with-horizontal-link-list .horizontal-link-list--tertiary {
    top: 60px;
    z-index: 1
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview {
    height: 0;
    top: 87px;
    border-bottom: 1px solid;
    z-index: 0
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview__top-row-container {
    margin: 87px auto
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview__item-container {
    max-height: 290px;
    overflow: hidden;
    margin-top: 87px;
    margin-bottom: 0
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview__item-container--withnav {
    margin-top: 0
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview__item {
    margin-bottom: 100px;
    vertical-align: top
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview__post-container {
    margin-bottom: 87px;
    clear: both
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .product-preview__post-item {
    margin-bottom: 100px
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .hover-animate {
    opacity: 0;
    -webkit-transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    transition: visibility .4s ease, opacity .4s ease, z-index .4s ease;
    visibility: hidden;
    z-index: -1
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list {
    text-align: left;
    width: 200px
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__container {
    padding-left: 0
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__list-item__link {
    color: #737373;
    font-size: 10px;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    position: relative
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__list-item__link:after {
    background-color: #121212;
    border-radius: 100%;
    content: '';
    height: 4px;
    margin-top: -2px;
    left: -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: left .4s ease, opacity .4s ease;
    transition: left .4s ease, opacity .4s ease;
    width: 4px
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__list-item__link:hover:after {
    left: -10px;
    opacity: 1
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__list-item__link:hover {
    color: #121212
}
.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__list-item__link--all {
    color: #c2c2c2
}
.header {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}
.header.with-icon .header__hamburger {
    position: absolute;
    left: 25px
}
.header.with-icon .header__logo {
    margin: 0 auto
}
.header.with-icon .header__logo-anchor:hover:after {
    display: none
}
.header.with-icon .header__cart {
    position: absolute;
    padding-top: 3px;
    top: 18px;
    right: 25px
}
.header.with-icon .icon--logo-full, .header.with-icon .icon--logo-sbcu {
    width: 150px
}
@media only screen and (min-width:420px) {
    .header.with-icon .icon--logo-full, .header.with-icon .icon--logo-sbcu {
        width: 180px
    }
}
.column-nav {
    width: 100%;
    z-index: 102;
    background: #fff
}
.column-nav--overlay-open {
    height: 100%
}
@media only screen and (min-width:1000px) {
    .column-nav {
        display: none
    }
}
.column-nav__custom-logo {
    padding-bottom: 9px
}
.column-nav__custom-logo-img {
    height: 35px;
    display: block
}
.column-nav.is-above-content .column-nav__custom-logo-img, .column-nav__custom-logo-img--light {
    display: none
}
.column-nav.is-above-content {
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: transparent
}
.column-nav.is-above-content.is-active {
    height: 100%
}
.column-nav.is-above-content .icon--dark {
    fill: #fff
}
.column-nav.is-above-content .hamburger-icon, .column-nav.is-above-content .hamburger-icon::after, .column-nav.is-above-content .hamburger-icon::before {
    background: #fff
}
.column-nav.is-above-content .column-nav__custom-logo-img--light {
    display: block
}
.column-nav.is-above-content .x-close-icon .hamburger-icon {
    background: 0 0
}
.column-nav.is-above-content .x-close-icon .hamburger-icon::after, .column-nav.is-above-content .x-close-icon .hamburger-icon::before {
    background: #fff
}
.column-nav__menu-overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #121212;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 100;
    overflow-x: hidden
}
.column-nav__menu-overlay .icon--top {
    position: absolute
}
.column-nav__search {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 101
}
.column-nav.with-vertical-link-list .vertical-link-list {
    margin: 0;
    height: 100%;
    overflow: hidden
}
.column-nav.with-vertical-link-list .vertical-link-list:before {
    height: 90px;
    width: 50%;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}
.column-nav.with-vertical-link-list .vertical-link-list__container {
    height: 100%;
    overflow-y: scroll;
    padding-top: 90px;
    -webkit-overflow-scrolling: touch
}
.column-nav.with-vertical-link-list .vertical-link-list--primary .vertical-link-list__container, .column-nav.with-vertical-link-list .vertical-link-list--secondary .vertical-link-list__container {
    overflow-y: scroll
}
.column-nav.with-vertical-link-list .vertical-link-list--sub {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}
.column-nav.with-vertical-link-list .vertical-link-list__list-item__link:after, .no-touchevents .column-nav.with-vertical-link-list .vertical-link-list__list-item__link:after {
    content: '';
    height: 2px;
    background-color: #fff;
    bottom: -10px;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    width: 100%;
    left: 0
}
.column-nav.with-vertical-link-list .vertical-link-list__list-item {
    margin-bottom: 30px
}
.column-nav.with-vertical-link-list .vertical-link-list__list-item__link {
    font-family: DINOTCondensed, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    position: relative
}
.horizontal-link-list__list-item, .product-preview__title, .vertical-link-list__list-item__link {
    /* font-family:DINOTMedium,Helvetica,sans-serif */
}
.column-nav.with-vertical-link-list .vertical-link-list__list-item__link:after {
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.column-nav.with-vertical-link-list .vertical-link-list__list-item__link--active:after {
    -webkit-transform: scaleX(1)!important;
    transform: scaleX(1)!important;
    opacity: 1!important
}
.no-touchevents .column-nav.with-vertical-link-list .vertical-link-list__list-item__link {
    position: relative;
    text-decoration: none
}
.no-touchevents .column-nav.with-vertical-link-list .vertical-link-list__list-item__link:after {
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.no-touchevents .column-nav.with-vertical-link-list .vertical-link-list__list-item__link:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.horizontal-link-list__container {
    text-align: justify;
    padding-top: 35px;
    padding-left: 40px;
    height: 100%;
    max-width: 920px;
    margin: 0 auto
}
.horizontal-link-list__container:after {
    content: "";
    width: 100%;
    display: inline-block
}
.carousel-hero-video__dot-circle, .carousel-hero__dot-circle, .carousel-hero__dot-circle::after, .carousel-photo__dot-circle, .carousel-photo__dot-circle::after, .carousel-photo__story-photo__attribution a:after, .checkout__input-anchor:after, .dynamic-cta__image::before, .hamburger-icon::after, .hamburger-icon::before, .horizontal-link-list__list-item__link:after, .long-description__content a:after, .story__content a:after, a:after {
    content: ''
}
.horizontal-link-list__list-item {
    list-style-type: none;
    padding-right: 6%;
    position: relative;
    display: inline-block
}
.horizontal-link-list__list-item.sbcu-padding {
    padding-right: 4%
}
.horizontal-link-list__list-item:last-child {
    padding-right: 0
}
.horizontal-link-list__list-item--truncate {
    display: none
}
@media only screen and (min-width:1190px) {
    .horizontal-link-list__list-item--truncate {
        display: inline-block
    }
}
.horizontal-link-list__list-item__link {
    color: #000;
    letter-spacing: 3px;
    font-size: 14px;
    position: relative;
    text-decoration: none
}
.horizontal-link-list__list-item__link:after {
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.horizontal-link-list__list-item__link:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.horizontal-link-list__list-item__link--hidden {
    opacity: 0;
    visibility: hidden
}
.vertical-link-list__list-item {
    text-transform: uppercase;
    list-style-type: none;
    margin-bottom: 20px
}
.vertical-link-list__list-item__link {
    color: #fff;
    text-decoration: none;
    letter-spacing: 5px;
    font-size: 14px
}
@media only screen and (min-width:1000px) {
    .vertical-link-list__list-item__link {
        text-transform: none;
        letter-spacing: 0;
        font-size: 12px!important
    }
}
.vertical-link-list__container {
    margin: 0
}
.vertical-link-list--primary, .vertical-link-list--primary:before {
    background-color: #121212
}
.vertical-link-list--secondary, .vertical-link-list--secondary:before {
    background-color: #292929
}
.vertical-link-list--tertiary {
    background-color: #121212
}
.product-preview {
    text-align: center;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    width: 100%
}
.product-preview__item-container {
    margin-top: 0;
    margin-bottom: 100px;
    padding: 0
}
.product-preview__item {
    list-style-type: none;
    display: inline-block;
    margin-left: 40px
}
.product-preview__item:first-child {
    margin-left: 0
}
.product-preview__image {
    margin-bottom: 65px
}
.product-preview__title {
    font-size: 12px;
    color: #000000;
    margin: 0
}
.product-preview__old-price {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    color: #9b9b9b;
    text-decoration: line-through
}
.checkout__input-anchor, .checkout__jump-anchor, .product-preview__link {
    text-decoration: none
}
.product-preview__price {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    color: #c2c2c2
}
.product-preview__link:visited {
    color: inherit
}
.product-preview__post-container {
    overflow: hidden;
    padding: 0;
    max-height: 150px
}
.product-preview__post-item {
    list-style-type: none;
    margin-left: 20px
}
.product-preview__post-item:first-child {
    margin-left: 0
}
.product-preview__post-title {
    color: #000000;
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0
}
.text-nav {
    padding-top: 50px
}
.text-nav__more-links {
    padding-left: 2%;
    top: 125px;
    position: absolute;
    z-index: 3
}
.text-nav__category-container {
    position: absolute;
    top: 90px;
    left: 0;
    text-align: left;
    padding-left: 0;
    margin: 0 auto 100px;
    max-width: 1180px
}
.text-nav.with-vertical-link-list .vertical-link-list {
    width: auto!important
}
.text-nav.with-vertical-link-list .vertical-link-list__list-item {
    text-transform: none;
    margin-bottom: 20px
}
.text-nav.with-vertical-link-list .vertical-link-list__list-item__link {
    letter-spacing: 0;
    font-size: 12px!important
}
.icon--white {
    fill: #fff!important
}
.icon--dark {
    fill: #666
}
.icon--logo-full, .icon--logo-sbcu {
    width: 117px
}
.icon--search {
    fill: #666;
    width: 25px
}
.icon--cart, .icon--menu {
    width: 30px
}
.hamburger-icon, .hamburger-icon::after, .hamburger-icon::before {
    display: inline-block;
    width: 3em;
    height: 2px;
    background: #666;
    border-radius: .21429em
}
.hamburger-icon {
    -webkit-transition: .3s;
    transition: .3s;
    position: relative
}
.hamburger-icon::after, .hamburger-icon::before {
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    left: 0
}
.checkout, .checkout__icons {
    position: relative
}
.hamburger-icon:before {
    top: -.75em
}
.hamburger-icon:after {
    top: .75em
}
.x-close-icon .hamburger-icon {
    background: 0 0
}
.x-close-icon .hamburger-icon::after, .x-close-icon .hamburger-icon::before {
    top: 0;
    background: #fff
}
.x-close-icon .hamburger-icon:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.x-close-icon .hamburger-icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
@media only screen and (min-width:1000px) {
    .no-csstransforms3d .horizontal-nav {
        display: block
    }
}
.no-flexbox .text-nav__category-container {
    float: none
}
@media only screen and (max-width:1050px) {
    .touchevents .column-nav {
        display: block
    }
    .touchevents .horizontal-nav {
        display: none;
        width: 0
    }
    .touchevents .vertical-link-list__list-item__link {
        text-transform: uppercase;
        letter-spacing: 5px;
        font-size: 14px!important
    }
}
.quantity-count__add, .quantity-count__subtract, .quantity-count__total {
    display: inline-block;
    -webkit-user-select: none
}
.checkout__error, .checkout__icons:hover::after {
    display: none
}
.quantity-count__total {
    font-family: DINOTCondensed, Helvetica, sans-serif;
    color: #121212;
    font-size: 18px;
    margin: 0 15px
}
.quantity-count__icon {
    cursor: pointer;
    height: 16px;
    width: 16px;
    vertical-align: middle
}
@media only screen and (max-width:1000px) {
    .checkout__icons {
        display: block;
        height: 30px;
        width: 30px
    }
}
.checkout__icons-fab {
    background-color: #fd170f;
    border-radius: 100%;
    color: #fff;
    font-size: 8px;
    line-height: 0;
    height: 14px;
    margin: 0;
    position: absolute;
    right: -50%;
    text-align: center;
    top: -50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 14px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out
}
@media only screen and (max-width:1000px) {
    .checkout__icons-fab {
        right: -6px;
        top: -4px
    }
}
.checkout__icons-fab.is-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.checkout__icons-fab-value {
    position: relative;
    text-align: center;
    top: 8px
}
.checkout__icons.is-active .checkout__open {
    display: none
}
.checkout__icons.is-active .checkout__close, .checkout__open {
    display: inline-block
}
.checkout__input-anchor {
    color: #666;
    display: inline-block;
    margin-left: 8px;
    margin-bottom: 10px;
    position: relative
}
.checkout__input-anchor:after {
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.checkout__input-anchor:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.checkout__jump-anchor .form-field__label-body {
    color: #121212
}
.checkout__login-form .form-field {
    width: 100%
}
.checkout__close, .checkout__open {
    height: 18px;
    width: 18px
}
@media only screen and (max-width:1000px) {
    .checkout__close, .checkout__open {
        height: 30px;
        width: 30px
    }
}
.checkout__close {
    display: none
}
.checkout__buttons {
    display: none;
    font-size: 0;
    position: absolute;
    right: 0;
    text-align: right;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    z-index: 102;
    width: 100%;
    margin-top: 50px
}
.checkout-product, .checkout-product__content {
    position: relative
}
@media only screen and (min-width:868px) {
    .checkout__input-anchor {
        top: -25px
    }
    .checkout__buttons {
        margin-top: 0;
        width: auto
    }
}
.checkout__buttons .button {
    cursor: pointer;
    outline: 0;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}
.checkout__button {
    display: inline-block;
    width: 50%
}
.checkout-product {
    border-bottom: 1px solid #f9f9f9;
    opacity: 1;
    padding: 24px 0 14px;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}
@media only screen and (min-width:320px) {
    .checkout-product {
        padding: 38px 0 42px
    }
}
@media only screen and (min-width:672px) {
    .checkout-product {
        padding: 7px 0 0
    }
}
@media only screen and (min-width:868px) {
    .checkout__button {
        width: 160px
    }
    .checkout-product {
        padding: 15px 0
    }
}
.checkout-product.is-transitioning-out {
    opacity: 0
}
.checkout-product.is-inactive {
    display: none
}
.checkout-product__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 24px;
    display: block;
    height: 0;
    padding-bottom: 75%
}
.checkout-product__wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}
.checkout-product__title {
    margin-top: 0;
    color: #000000;
    max-width: 190px
}
.checkout-product__title--anchor {
    text-decoration: none;
    color: #000000
}
.checkout-product__title--anchor:hover::after {
    display: none
}
.checkout-product__value {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 38px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 38px
}
.checkout-product__value-svg {
    height: 12px;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    position: absolute;
    top: 50%;
    width: 12px
}
.checkout-product__value-line-1, .checkout-product__value-line-2 {
    background-color: #000000;
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
    -webkit-transition: background-color .4s linear, -webkit-transform .4s cubic-bezier(1, -.03, .74, 1);
    transition: background-color .4s linear, transform .4s cubic-bezier(1, -.03, .74, 1);
    width: 12px
}
.checkout-product__value.is-active .checkout-product__value-line-1 {
    background-color: #fd170f;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.checkout-product__value.is-active .checkout-product__value-line-2 {
    background-color: #fd170f;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}
.checkout-product__qty-input {
    background-color: #fff;
    margin: 0;
    width: 32px;
    vertical-align: middle
}
.checkout-product__old-price {
    bottom: 0;
    padding-bottom: 6px;
    position: absolute;
    right: 0;
    color: #9b9b9b;
    text-decoration: line-through
}
.checkout-product__controls-container {
    position: relative
}
.checkout-product__price, .checkout-product__price-container {
    position: absolute;
    top: 23%;
    right: 0
}
.checkout-product__price__old {
    display: inline-block
}
.checkout-product__price__promo {
    display: inline-block;
    color: #fd170f
}
.checkout-product__promo-code {
    color: #fd170f;
    position: relative
}
.checkout-product__promo-code__description {
    display: inline-block;
    max-width: 175px
}
@media only screen and (min-width:320px) {
    .checkout-product__promo-code__description {
        max-width: 125px
    }
}
@media only screen and (min-width:672px) {
    .checkout-product__price__promo {
        margin-left: 8px
    }
    .checkout-product__promo-code__description {
        max-width: 225px
    }
}
@media only screen and (min-width:868px) {
    .checkout-product__promo-code__description {
        max-width: 165px
    }
}
.checkout-product__promo-code__amount {
    display: inline-block;
    position: absolute;
    right: 0
}
.checkout-progress {
    margin: 40px auto;
    width: 100%;
    max-width: 1200px
}
.checkout-progress__title-wrapper, .checkout-progress__title-wrapper.is-empty {
    margin: 0 0 24px 8px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 100;
    font-family: DINOTMedium, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px
}
.checkout-progress__title-wrapper {
    width: 100%;
    color: #000000
}
.checkout-progress__title-wrapper.is-empty {
    color: #9b9b9b
}
.checkout-progress__bar-wrapper {
    border-bottom: 1px solid #f9f9f9;
    height: 3px;
    width: 100%
}
@media only screen and (max-width:1000px) {
    .checkout-progress__progress-title {
        display: none
    }
}
.checkout-progress__bar {
    background-color: #ed1c24;
    display: block;
    height: 2px;
    width: 0;
    -webkit-transition: width .4s cubic-bezier(.78, 0, .31, 1);
    transition: width .4s cubic-bezier(.78, 0, .31, 1)
}
.checkout-tab__radio {
    position: absolute;
    left: -9999px
}
.checkout-tab__radio:checked~.checkout-tab {
    background-color: #d9d9d9
}
.checkout-tab {
    background-color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 10px;
    padding: 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}
.checkout-tab__image {
    max-width: 100%;
    display: block
}
.checkout-tab__title {
    margin: 0;
    color: #121212
}
.checkout-tab__old-price {
    margin-bottom: 0;
    color: #9b9b9b;
    text-decoration: line-through
}
.checkout-tab__price {
    margin-bottom: 0
}
.checkout-total {
    overflow: hidden;
    padding: 20px 0;
    position: relative
}
.checkout-total__sub-value {
    padding: 20px 0;
    border-bottom: 1px solid #f9f9f9
}
.checkout-total__item {
    padding: 8px 0
}
.checkout-total__final-value {
    padding: 20px 0
}
.checkout-total__title {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #8e8e8e;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0 0 8px;
    text-transform: uppercase
}
.checkout-total__subtotal, .checkout-total__total {
    position: absolute;
    right: 0;
    line-height: 14px
}
.checkout-total__total {
    color: #000000
}
.story {
    padding-bottom: 80px
}
.story__copy-wrapper {
    padding: 80px 28px 10px
}
@media only screen and (min-width:868px) {
    .checkout-tab:hover {
        background-color: #f9f9f9
    }
    .story__copy-wrapper {
        padding: 10px 0 10px;
        /* position: relative; */
    }
}
.story__copy-wrapper--has-quote {
    padding: 40px 28px 0
}
@media only screen and (min-width:868px) {
    .story__copy-wrapper--has-quote {
        padding: 90px 0 0
    }
}
.story__copy-wrapper--has-previous-quote {
    padding: 0 28px 10px
}
.story__subheading {
    color: #8e8e8e;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0 0 10px;
    text-transform: uppercase
}
.story__heading {
    color: #000000;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0 0 20px
}
.story__content {
    font-size: 14px;
    line-height: 30px;
    margin: 0
}
@media only screen and (min-width:868px) {
    .story__copy-wrapper--has-previous-quote {
        padding: 0 0 10px
    }
    .story__content {
        font-size: 16px;
        line-height: 32px
    }
}
.story__content a {
    color: #000000;
    position: relative;
    text-decoration: none
}
.story__content a:after {
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.photo-grid__image, .story-parallax__image, .story-photo__image {
    height: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}
.story__content a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.no-flexbox .story__copy-wrapper .story__copy-col-wrapper {
    float: none;
    margin: 0 25%
}
.no-flexbox .story__copy-wrapper .story__col-wrapper {
    float: left
}
.no-flexbox .story-parallax__content .col-md-4, .no-flexbox .story__copy-wrapper .story__col-share-wrapper {
    float: right
}
.story-photo {
    position: relative;
    padding: 80px 0 10px
}
@media only screen and (min-width:868px) {
    .story-photo {
        padding: 90px 0 10px
    }
}
.story-photo--parallax {
    padding: 0
}
.story-photo__image {
    display: block;
    padding-bottom: 100%
}
.story-photo__caption-wrapper {
    color: #8e8e8e;
    font-size: 12px;
    margin: 10px 28px 0
}
@media only screen and (min-width:868px) {
    .story-photo__image {
        display: block;
        height: 0;
        padding-bottom: 56.25%
    }
    .story-photo__caption-wrapper {
        display: block;
        margin-left: 5%;
        margin-right: 5%;
        position: absolute
    }
    .story-photo__caption-wrapper--offset-left {
        width: 16.66667%
    }
}
.story-parallax, .story-photo__offset-wrapper {
    position: relative
}
.story-photo__caption-heading {
    color: #000000;
    font-weight: 700
}
.story-photo__caption {
    margin: 0
}
.story-photo__attribution {
    margin: 5px 0 0
}
.story-photo__caption-wrapper--top-left {
    top: 5%;
    left: 0
}
.story-photo__caption-wrapper--top-right {
    top: 5%;
    right: 0
}
.story-photo__caption-wrapper--bottom-left {
    bottom: 5%;
    left: 0
}
.story-photo__caption-wrapper--bottom-right {
    bottom: 5%;
    right: 0
}
.story-photo__caption-wrapper--offset-left {
    left: -26.66667%;
    top: 5%
}
.story-photo__caption-wrapper--offset-right {
    left: 100%;
    top: 5%
}
.photo-grid {
    padding: 80px 0 10px
}
.photo-grid__caption-wrapper {
    color: #8e8e8e;
    font-size: 12px;
    display: none
}
@media only screen and (min-width:868px) {
    .story-photo__caption-wrapper--offset-right {
        width: 16.66667%
    }
    .photo-grid {
        padding: 90px 5% 10px
    }
    .photo-grid__container {
        padding-left: 5px;
        padding-right: 5px
    }
    .photo-grid__col:first-child .photo-grid__container {
        padding-left: 0;
        padding-right: 10px
    }
    .photo-grid__col:last-child .photo-grid__container {
        padding-left: 10px;
        padding-right: 0
    }
    .photo-grid__caption-wrapper {
        display: block
    }
}
.photo-grid__caption {
    display: block;
    margin-bottom: 0
}
.photo-grid__attribution {
    display: block;
    margin: 0
}
.photo-grid__image {
    display: block;
    padding-bottom: 75%
}
.photo-grid__image:hover:after {
    display: none
}
.story-parallax {
    margin: 80px 0 10px
}
@media only screen and (min-width:868px) {
    .story-parallax {
        margin-bottom: 10px
    }
}
.story-parallax__copy-wrapper {
    margin: 80px 28px 30px
}
@media only screen and (min-width:868px) {
    .story-parallax__copy-wrapper {
        margin: 0 0 80px
    }
}
.story-parallax__subheading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #8e8e8e;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0 0 10px;
    text-transform: uppercase
}
.story-parallax__heading, .story-two-up__main-heading, .story-two-up__secondary-heading {
    color: #000000;
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-weight: 100
}
.story-parallax__heading {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 20px
}
.story-parallax__image {
    display: block;
    padding-bottom: 100%
}
@media only screen and (min-width:868px) {
    .story-parallax__image {
        display: block;
        height: 0;
        padding-bottom: 56.25%
    }
}
.story-parallax__content {
    font-size: 14px;
    line-height: 30px;
    padding: 0 28px
}
@media only screen and (min-width:868px) {
    .story-parallax__content {
        font-size: 16px;
        line-height: 32px;
        bottom: auto;
        left: 0;
        padding: 0 5%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
}
@media only screen and (min-width:1050px) {
    .story-parallax__content {
        bottom: 0;
        top: auto
    }
}
.story-parallax__copy {
    margin: 0
}
.no-flexbox .story-parallax__content {
    top: 0;
    bottom: auto
}
.no-flexbox .story-parallax .col-md-6 {
    float: none;
    margin: 0 25%
}
.story-two-up {
    padding: 80px 0 10px;
    font-size: 14px;
    line-height: 30px
}
@media only screen and (min-width:868px) {
    .story-two-up {
        font-size: 16px;
        line-height: 32px;
        padding: 0 0 10px
    }
}
.story-two-up__main-content {
    position: relative
}
.story-two-up__image {
    width: 100%;
    display: block
}
.story-two-up__main-heading, .story-two-up__secondary-heading {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 30px
}
.story-two-up__col-wrapper {
    padding-top: 28px
}
@media only screen and (min-width:868px) {
    .story-two-up__col-wrapper {
        padding-top: 40px
    }
}
.story-two-up__main-description, .story-two-up__secondary-description {
    margin: 0;
    padding: 0 28px
}
.story-two-up__secondary-description {
    margin-top: 28px
}
@media only screen and (min-width:868px) {
    .story-two-up__main-description, .story-two-up__secondary-description {
        padding: 0
    }
    .story-two-up__secondary-description {
        bottom: 0;
        margin-top: 0;
        position: absolute
    }
}
.story-two-up__image-wrapper {
    padding-top: 28px
}
.story-two-up__main-column {
    padding-bottom: 28px
}
@media only screen and (min-width:868px) {
    .story-two-up__image-wrapper {
        padding-top: 40px
    }
    .story-two-up__main-column {
        padding-bottom: 0
    }
}
.story-two-up__secondary-content--no-description {
    padding-top: 50px
}
.story-two-up__main-subheading, .story-two-up__secondary-subheading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #8e8e8e;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0 0 10px;
    text-transform: uppercase
}
.story-quote__quote, .story-two-up__anchor {
    text-transform: uppercase;
    font-family: DINOTCondensedMedium, Helvetica, sans-serif
}
.story-two-up__anchor {
    font-size: 12px;
    letter-spacing: 4px;
    text-decoration: none;
    margin-top: 40px
}
.no-flexbox .story-two-up__col-wrapper {
    float: right
}
.story-quote {
    margin: 80px 28px 0;
    position: relative;
    text-align: center
}
.story-quote__quote {
    color: #000000;
    font-size: 28px;
    font-style: italic;
    line-height: 40px;
    margin: 0;
    padding: 25px 50px;
    font-weight: 100
}
.story-pagination--is-dark, .story-pagination--is-dark .story-pagination__pagination, .story-pagination--is-dark .story-pagination__pagination-heading {
    color: #8e8e8e
}
.story-quote__attribution {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 30px
}
.story-quote--has-attribution {
    margin-bottom: 0
}
.story-quote__icon {
    fill: #121212;
    height: 18px;
    margin-top: 0;
    width: 18px
}
@media only screen and (min-width:868px) {
    .story-quote {
        margin-left: 0;
        margin-right: 0
    }
    .story-quote__attribution {
        font-size: 16px;
        line-height: 32px
    }
    .story-quote__icon {
        height: 24px;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        width: 24px
    }
}
.story-pagination--is-dark .story-pagination__pagination-heading, .story-pagination--is-light .story-pagination__pagination-heading {
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    font-weight: 100;
    letter-spacing: 3px;
    font-family: DINOTMedium, Helvetica, sans-serif;
    text-transform: uppercase
}
.story-quote__icon--open {
    left: -16.66667%
}
.story-quote__icon--close {
    right: -16.66667%
}
.story-pagination {
    bottom: 5%;
    display: none;
    left: 5%;
    position: absolute;
    width: 95%
}
.story-pagination--is-dark .story-pagination__icon {
    fill: #8e8e8e
}
.story-pagination--is-light, .story-pagination--is-light .story-pagination__pagination {
    color: #fff
}
.story-pagination--is-light .story-pagination__pagination-heading {
    color: #fff
}
.story-pagination--is-light .story-pagination__icon {
    fill: #fff
}
@media only screen and (min-width:868px) {
    .story-pagination {
        display: block
    }
}
.story-pagination__date {
    font-style: italic
}
.story-pagination__pagination {
    bottom: 5%;
    right: 5%;
    position: absolute
}
.story-pagination__pagination-heading {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle
}
.story-pagination__pagination-heading:hover:after {
    display: none
}
.story-pagination__pagination-link {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle
}
.story-pagination__pagination-link:hover:after {
    display: none
}
.story-pagination__icon {
    margin: 10px 0 0 10px;
    width: 10px;
    height: 10px
}
.story-pagination__icon--no-link {
    opacity: .5
}
.question-answer {
    margin: 40px 0 0
}
.question-answer__image {
    display: block;
    width: 100%
}
.question-answer__question {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #000000;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0 28px 20px
}
@media only screen and (min-width:868px) {
    .question-answer__question {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #000000;
        font-size: 18px;
        font-weight: 100;
        line-height: 20px;
        margin: 0 0 20px
    }
}
.question-answer__answer {
    margin: 0 28px 20px;
    font-size: 14px;
    line-height: 30px
}
@media only screen and (min-width:868px) {
    .question-answer__answer {
        font-size: 16px;
        line-height: 32px;
        margin: 0 0 20px
    }
}
.question-answer__caption-wrapper {
    color: #8e8e8e;
    font-size: 12px;
    display: none
}
.question-answer__caption {
    margin-bottom: 0
}
.question-answer__attribution {
    margin: 0
}
.no-flexbox .question-answer__col-wrapper {
    float: none;
    margin: 0 25%
}
.story-credits {
    background-color: #f9f9f9;
    padding: 80px 28px 10px;
    font-size: 14px;
    line-height: 30px
}
.story-credits__row {
    margin-bottom: 40px
}
@media only screen and (min-width:868px) {
    .question-answer__caption-wrapper {
        display: block
    }
    .story-credits {
        font-size: 16px;
        line-height: 32px;
        margin-top: 90px;
        padding: 90px 0
    }
    .story-credits__row {
        margin-bottom: 20px
    }
}
.account .account-section table td.table__td .form-field, .story-credits__row--last {
    margin-bottom: 0
}
.story-credits__row-heading {
    font-family: DINOTMedium, Helvetica, sans-serif;
    color: #666;
    font-size: 10px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}
.story-credits__icon {
    fill: #8e8e8e;
    height: 70px;
    margin-bottom: 40px
}
.no-flexbox .story-credits__col-wrapper {
    float: none;
    margin: 0 25%
}
.share__list-social {
    display: none;
    list-style-type: none;
    font-size: 0;
    margin: 0 0 20px;
    padding: 0;
    text-align: center
}
@media only screen and (min-width:868px) {
    .story-credits__icon {
        height: 45px
    }
    .share__list-social {
        display: block
    }
}
.share__anchor:hover:after {
    display: none
}
.share__list-social--right {
    text-align: right
}
.share__item-social {
    display: inline-block;
    margin-left: 30px
}
.share__item-social--first {
    margin-left: 0
}
.share__anchor--social {
    display: block
}
.share__anchor--social:hover .share__icon-social {
    fill: #121212
}
.share__icon-social {
    color: #fff;
    fill: #666;
    height: 15px;
    width: 15px;
    -webkit-transition: fill .6s ease;
    transition: fill .6s ease
}
.flag {
    display: inline-block;
    line-height: 24px
}
.flag__img {
    border: none;
    float: left;
    display: block;
    margin-top: 2px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: filter .4s linear, -webkit-filter .4s linear;
    transition: filter .4s linear, -webkit-filter .4s linear
}
.flag__copy {
    display: block;
    line-height: 20px;
    padding-left: 22px;
    padding-right: 22px;
    position: relative
}
.dynamic-cta__item:hover::after, .jspCap {
    display: none
}
.jspContainer {
    overflow: hidden;
    position: relative
}
.jspHorizontalBar, .jspPane, .jspVerticalBar {
    position: absolute
}
.jspPane p {
    padding-right: 15px
}
.jspVerticalBar {
    top: 0;
    right: 0;
    width: 5px;
    height: 100%
}
.jspVerticalBar.jspArrow {
    height: 16px
}
.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px
}
.dynamic-cta, .dynamic-cta__item, .jspDrag, .jspTrack {
    position: relative
}
.jspHorizontalBar.jspCap {
    float: left
}
.jspTrack {
    background: #f9f9f9
}
.jspDrag {
    background: #c2c2c2;
    top: 0;
    left: 0;
    cursor: pointer
}
.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}
* html .jspCorner {
    margin: 0 -3px 0 0
}
.dynamic-cta {
    background-color: #121212
}
.dynamic-cta__item-inner {
    display: block;
    height: 0;
    padding-bottom: 56.25%
}
.dynamic-cta__image {
    background-position: center;
    background-repeat: no-repeat;
    height: 120%;
    position: absolute;
    top: -10%;
    width: 100%
}
.dynamic-cta__image::before {
    opacity: .58;
    background-image: -webkit-linear-gradient(270deg, transparent 0, #000 100%);
    background-image: linear-gradient(-180deg, transparent 0, #000 100%);
    height: 100%;
    position: absolute;
    width: 100%
}
.dynamic-cta__caption {
    position: absolute;
    color: #fff;
    font-size: 12px;
    letter-spacing: 4px;
    line-height: 12px;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: DINOTMedium, Helvetica, sans-serif
}
.dynamic-cta__skewer {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 100%
}
.carousel-hero-video, .carousel-hero-video__item {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}
.carousel-hero-video {
    background: #121212;
    max-width: 100%
}
.carousel-hero-video__arrow--left, .carousel-hero-video__arrow--right {
    background-repeat: no-repeat;
    background-position-x: 42%;
    background-position-y: 50%;
    background-size: 40%
}
.carousel-hero-video__item {
    top: 0;
    padding: 0;
    z-index: 0;
    left: 0;
    float: left
}
.carousel-hero-video__item.-active .carousel-hero-video__image {
    -webkit-animation-play-state: running;
    animation-play-state: running
}
.carousel-hero-video__item.-paused .carousel-hero-video__image {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
.carousel-hero-video__arrows {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0
}
.carousel-hero-video__arrows.active {
    display: block
}
.carousel-hero-video__arrow {
    pointer-events: all;
    position: absolute;
    height: 80%;
    top: 10%;
    padding: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
    width: 5%
}
.carousel-hero-video__dots, .carousel-hero__dots {
    -webkit-user-select: none;
    -moz-user-select: none;
    vertical-align: text-top
}
.carousel-hero-video__arrow--left {
    cursor: url(/Static/Home/bike/img/left.png) 12 12.5, auto;
    left: 0
}
.carousel-hero-video__arrow--right {
    cursor: url(/Static/Home/bike/img/right.png) 12 12.5, auto;
    right: 0
}
.carousel-hero-video__track {
    height: 100%;
    position: relative;
    left: 0;
    -webkit-transform: none!important;
    transform: none!important
}
.carousel-hero-video__image {
    position: absolute;
    height: 100%;
    width: 100%
}
.carousel-hero-video__image.-is-lazy-loaded {
    -webkit-transform: rotateZ(.1deg);
    transform: rotateZ(.1deg)
}
.carousel-hero-video__image.-is-lazy-handled {
    -webkit-animation: scale;
    animation: scale;
    -webkit-animation-duration: 80s;
    animation-duration: 80s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
.carousel-hero-video__actions {
    font-size: 0;
    width: 100%
}
.carousel-hero-video__info {
    width: 100%
}
.carousel-hero-video [class*=' button-'], .carousel-hero-video [class^=button-] {
    display: inline-block;
    cursor: pointer;
    width: auto;
    padding: 10px 25px
}
.carousel-hero-video__caption {
    font-size: 36px;
    font-style: italic;
    color: #fff;
    line-height: normal;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%;
    font-family: Helvetica, sans-serif
}
.carousel-hero-video__dots {
    display: inline-block;
    -ms-user-select: none;
    user-select: none;
    pointer-events: all;
    text-align: center
}
.carousel-hero-video__dot {
    cursor: pointer;
    padding: 10px;
    border: none
}
.carousel-hero-video__dot:hover::after {
    display: none
}
.carousel-hero-video__dot:first-child {
    margin-left: 0
}
@media only screen and (min-width:868px) {
    .dynamic-cta__image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0;
        -webkit-transition: -webkit-filter .5s, opacity .5s, filter .5s, opacity .5s;
        transition: filter .5s, opacity .5s
    }
    .dynamic-cta__image.-is-lazy-handled {
        opacity: .5
    }
    .dynamic-cta__image:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1
    }
    .carousel-hero-video__dot:hover::after {
        display: none
    }
    .carousel-hero-video__dot:hover .carousel-photo__dot-circle {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    .carousel-hero-video__dot:hover .carousel-photo__dot-circle::after {
        opacity: 0
    }
}
.carousel-hero-video__dot-circle {
    border-radius: 100%;
    border: 1px solid #8e8e8e;
    color: transparent;
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform .5s, background-color .5s;
    transition: transform .5s, background-color .5s;
    height: 8px;
    width: 8px
}
.carousel-hero-video__dot-circle::after {
    border-radius: 100%;
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    top: 0;
    left: 0
}
.carousel-hero-video__dot--selected .carousel-hero-video__dot-circle {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.carousel-hero-video__dot--selected .carousel-hero-video__dot-circle::after {
    opacity: 0
}
.carousel-hero-video__dot-container {
    text-align: center;
    padding-bottom: 30px;
    width: 100%;
    position: absolute;
    bottom: 0
}
@-webkit-keyframes scale {
    0%, 100% {
        -webkit-transform: scale(1) rotateZ(.1deg);
        transform: scale(1) rotateZ(.1deg)
    }
    50% {
        -webkit-transform: scale(1.2) rotateZ(.1deg);
        transform: scale(1.2) rotateZ(.1deg)
    }
}
@keyframes scale {
    0%, 100% {
        -webkit-transform: scale(1) rotateZ(.1deg);
        transform: scale(1) rotateZ(.1deg)
    }
    50% {
        -webkit-transform: scale(1.2) rotateZ(.1deg);
        transform: scale(1.2) rotateZ(.1deg)
    }
}
.long-description {
    background-color: #f9f9f9
}
.long-description__copy-wrapper {
    padding: 20px 28px 10px
}
@media only screen and (min-width:868px) {
    .carousel-hero-video__caption {
        font-size: 48px;
        margin: 0 0 40px
    }
    .carousel-hero-video__actions {
        top: 60%;
        text-align: center;
        width: 100%
    }
    .long-description__copy-wrapper {
        padding: 40px 0;
        margin-bottom: 10px
    }
}
.long-description__list {
    margin-top: 30px
}
.long-description__item {
    margin-bottom: 20px
}
.long-description__content {
    font-size: 16px;
    line-height: 32px;
    margin: 0
}
.long-description__content a {
    color: #000000;
    position: relative;
    text-decoration: none
}
.long-description__content a:after {
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.long-description__content a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.search-input {
    max-width: 1440px;
    margin: 0 auto;
    padding: 127px 5% 35px
}
.search-input__quantity {
    display: block;
    padding-left: 7%
}
@media only screen and (min-width:868px) {
    .search-input__quantity {
        padding-left: 350px
    }
    .search-input {
        padding: 187px 5% 0 320px
    }
    .search-input .form-field__text {
        width: 30.99969%
    }
}
.carousel-hero {
    background: #ddd;
    height: 100%;
    position: relative
}
.carousel-hero__arrows {
    display: none
}
.carousel-hero__slide-overlay {
    background: 0 0;
    position: fixed;
    -webkit-transition: background .3s;
    transition: background .3s;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
}
.carousel-hero__slide-overlay .carousel-hero__slide-image {
    -webkit-transition: none;
    transition: none;
    position: absolute
}
.carousel-hero__slide {
    float: left;
    top: 0;
    padding: 0;
    z-index: 0
}
.carousel-hero__track {
    position: relative
}
.carousel-hero__container {
    backface-visiblity: hidden;
    position: relative;
    overflow: hidden
}
.carousel-hero__main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.carousel-hero__dots {
    display: inline-block;
    -ms-user-select: none;
    user-select: none;
    margin-left: 0
}
.carousel-hero__dot {
    cursor: pointer;
    padding: 10px;
    border: none
}
.carousel-hero__dot:hover::after {
    display: none
}
.carousel-hero__dot:first-child {
    margin-left: 0
}
.carousel-hero__dot-circle {
    border-radius: 100%;
    border: 1px solid #8e8e8e;
    color: transparent;
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform .5s, background-color .5s;
    transition: transform .5s, background-color .5s;
    height: 8px;
    width: 8px
}
.carousel-hero__dot-circle::after {
    border-radius: 100%;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    top: 0;
    left: 0
}
.carousel-hero__dot--selected .carousel-hero__dot-circle {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.carousel-hero__dot--selected .carousel-hero__dot-circle::after {
    opacity: 0
}
.carousel-hero.-no-transition .carousel-hero__slide, .carousel-hero.-no-transition .carousel-hero__slide-image {
    -webkit-transition: none!important;
    transition: none!important
}
@media only screen and (max-width:868px) {
    .carousel-hero__slide-image:nth-child(n+2) {
        display: none
    }
    .carousel-hero__main {
        left: 0;
        right: 0
    }
    .carousel-hero__container {
        height: 60vh
    }
    .carousel-hero__color-label-container, .carousel-hero__dot-container {
        position: relative;
        left: 0
    }
    .carousel-hero__slide {
        height: 60vh;
        overflow: hidden;
        width: 100vw
    }
    .carousel-hero__slide-image {
        height: 100%;
        width: 90%;
        background-size: contain;
        background-position: center;
        position: relative;
        background-repeat: no-repeat;
        margin-left: 5%
    }
    .carousel-hero__color-label, .carousel-hero__dots {
        left: 0;
        padding: 0 28px;
        width: 100%
    }
    .carousel-hero__color-label {
        font-family: DINOTMedium, Helvetica, sans-serif;
        color: #8e8e8e;
        font-size: 10px;
        font-weight: 100;
        letter-spacing: 3px;
        line-height: 14px;
        margin: 0;
        text-transform: uppercase
    }
}
@media only screen and (min-width:868px) {
    .carousel-hero__arrows {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0
    }
    .carousel-hero__arrow {
        pointer-events: all;
        position: absolute;
        height: 80%;
        top: 10%;
        padding: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 10;
        width: 5%
    }
    .carousel-hero__arrow--left {
        cursor: url(/assets/toolkit/faux-icons/left.png) 12 12.5, auto;
        left: 0
    }
    .carousel-hero__arrow--right {
        cursor: url(/assets/toolkit/faux-icons/right.png) 12 12.5, auto;
        right: 0
    }
    .carousel-hero__container, .carousel-hero__main, .carousel-hero__track {
        height: 100%
    }
    .carousel-hero__slide {
        font-size: 16px;
        padding: 0;
        position: relative;
        height: 75%;
        width: 100vw;
        left: 0;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 0
    }
    .carousel-hero__slide-image {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        /* cursor:url(/Static/Home/bike/img/zoom-in.png),auto; */
        -webkit-transition: none;
        transition: none;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        opacity: 0;
        margin: 0 auto;
        width: 60%;
        height: 100%
    }
    .carousel-hero__slide-image.-is-lazy-handled {
        opacity: 1;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }
    .carousel-hero__slide-image.zoomed {
        left: auto;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        margin: 0;
        display: block;
        top: auto;
        position: fixed;
        cursor: url(/Static/Home/bike/img/zoom-out.png), auto
    }
    .carousel-hero__dot-container {
        padding-bottom: 20px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0px auto;
        width: 90%;
        bottom: 0
    }
    .carousel-hero__color-label-container {
        padding-bottom: 60px;
        position: absolute;
        left: 5%;
        width: 90%;
        bottom: 0
    }
    .carousel-hero__color-label, .carousel-hero__dots {
        position: relative;
        width: 100%;
        text-align: center
    }
    .carousel-hero__color-label {
        font-family: 'Microsoft YaHei', Helvetica, sans-serif;
        color: #8e8e8e;
        font-size: 16px;
        font-weight: 100;
        letter-spacing: 3px;
        line-height: 14px;
        margin: 0;
        text-transform: uppercase
    }
    .carousel-hero__dot:hover::after {
        display: none
    }
    .carousel-hero__dot:hover .carousel-hero__dot-circle {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    .carousel-hero__dot:hover .carousel-hero__dot-circle::after {
        opacity: 0
    }
}
.breadcrumbs, .breadcrumbs__anchor--light {
    color: #9b9b9b
}
.account .account-section__title, .table__th {
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
    font-family: DINOTMedium, Helvetica, sans-serif
}
.breadcrumbs__anchor {
    text-decoration: none
}
@media only screen and (min-width:868px) {
    .breadcrumbs__anchor--light {
        position: relative;
        text-decoration: none;
        color: #fff
    }
    .breadcrumbs__anchor--light:after {
        content: '';
        height: 1px;
        background-color: #fff;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -3px;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
        transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    .breadcrumbs__anchor--light:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
.breadcrumbs__anchor--dark {
    color: #9b9b9b
}
@media only screen and (min-width:868px) {
    .breadcrumbs__anchor--dark {
        position: relative;
        text-decoration: none
    }
    .breadcrumbs__anchor--dark:after {
        content: '';
        height: 1px;
        background-color: #000000;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -3px;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
        -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
        transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    .breadcrumbs__anchor--dark:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
    .breadcrumbs__anchor--dark:hover {
        color: #121212
    }
}
.regions__localization-wrapper {
    background-color: #121212;
    padding: 50px 28px 100px;
    -webkit-overflow-scrolling: touch
}
@media only screen and (min-width:868px) {
    .regions__localization-wrapper {
        padding: 100px
    }
}
.credit-cards__disclaimer-icon {
    display: inline-block;
    vertical-align: middle
}
.credit-cards__body {
    padding-left: 20px;
    vertical-align: middle
}
.table {
    width: 100%
}
.table__tr {
    background-color: #f9f9f9;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}
.table__tr:hover, .table__tr:hover a {
    color: #ed1c24
}
.table__tr:nth-child(odd) {
    background-color: #fff
}
.table__th {
    padding: 10px;
    text-align: left;
    color: #000000;
    margin: 0
}
.table__td {
    padding: 10px;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}
.table__td img {
    max-width: 100%
}
.table ul.itemDescription {
    padding: 0
}
.table ul.itemDescription li {
    list-style-type: none
}
.account .grid-header__content {
    background: #fff
}
.account .account-heading h1 small {
    text-align: right;
    float: right;
    margin-right: 5%
}
.account .account-section {
    background: #fff;
    padding: 0
}
@media only screen and (min-width:868px) {
    .account .account-section {
        padding: 90px 5% 20px
    }
    .account .account-section__title {
        color: #000000;
        font-size: 20px
    }
    .account .account-section table td.table__td--heading {
        color: #121212;
        text-align: left
    }
}
.account .account-section table:first-child {
    padding: 0 5% 38px
}
.account .account-section table tr {
    height: 60px;
    background-color: #fff
}
.account .account-section table tr.invisible {
    display: none
}
.account .account-section table tr.visible {
    display: table-row
}
.account .account-section table td.table__td--heading {
    color: #121212;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 10px 20px;
    vertical-align: middle
}
@media only screen and (min-width:320px) {
    .account .account-section .update.button {
        margin-bottom: 15px
    }
    .account .-first-row {
        padding-top: 50px
    }
}
@media only screen and (min-width:1050px) {
    .account .account-section .update.button {
        margin-bottom: 0
    }
    .account .-first-row {
        padding: 0
    }
}
.account .error, .account .success {
    width: 100%;
    text-align: center;
    background-color: #9b9b9b;
    color: #fff;
    padding: 5px 0
}
@media only screen and (min-width:320px) {
    .account .error, .account .success {
        padding-top: 15px;
        padding-bottom: 0
    }
}
@media only screen and (min-width:1050px) {
    .account .error, .account .success {
        padding: 5px 0
    }
}
.account .error {
    background-color: #fd170f
}
.orderHistory {
    padding-bottom: 28px
}
.orderHistory .grid-header__content {
    background: #fff
}
.orderHistory .orderHistory-heading {
    padding-top: 90px
}
.orderHistory .orderHistory-heading h1 small {
    text-align: right;
    float: right;
    margin-right: 5%
}
@media only screen and (min-width:868px) {
    .orderHistory .orderHistory-heading {
        padding-top: 0
    }
}
.orderHistory .orderHistory-section {
    background: #fff;
    padding: 0 5%
}
.orderHistory .orderHistory-section__title {
    font-family: DINOTMedium, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
    margin: 0 0 .75em
}
@media only screen and (min-width:868px) {
    .orderHistory .orderHistory-section {
        padding: 10px 5% 20px
    }
    .orderHistory .orderHistory-section__title {
        color: #000000;
        font-size: 20px
    }
    .orderHistory .orderHistory-section table td.table__td--heading {
        color: #121212;
        text-align: left
    }
}
.orderHistory .orderHistory-section table:first-child {
    padding: 0 0 38px
}
.orderHistory .orderHistory-section table tr {
    height: 60px;
    background-color: #fff
}
.orderHistory .orderHistory-section table th.table__th {
    padding: 0
}
.orderHistory .orderHistory-section table td.table__td--heading {
    color: #121212;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 10px 20px;
    vertical-align: middle
}
.orderHistory .orderHistory-section table td.table__td {
    padding: 0
}
.orderHistory .orderHistory-section table td.table__td .form-field {
    margin-bottom: 0
}
.orderHistory .end-xs {
    text-align: right;
    padding-right: 10px
}
.carousel-photo {
    height: 100%;
    position: relative
}
.carousel-photo__arrows {
    display: none
}
.carousel-photo__slide-overlay {
    background: 0 0;
    position: fixed;
    -webkit-transition: background .3s;
    transition: background .3s;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1000
}
.carousel-photo__slide-overlay .carousel-hero__slide-image {
    -webkit-transition: none;
    transition: none;
    position: absolute
}
.carousel-photo__slide {
    float: left;
    top: 0;
    padding: 0;
    z-index: 0
}
.carousel-photo__slide__container {
    position: relative;
    padding: 80px 0 10px
}
.carousel-photo__slide__container__caption-wrapper {
    color: #8e8e8e;
    font-size: 12px;
    margin: 10px 28px 0
}
.carousel-photo__slide__container__caption-wrapper__bottom {
    position: relative
}
@media only screen and (min-width:320px) {
    .carousel-photo__slide__container {
        padding: 30px 0 10px
    }
    .carousel-photo__slide__container__caption-wrapper {
        display: block
    }
}
@media only screen and (min-width:420px) {
    .carousel-photo__slide__container__caption-wrapper {
        display: block
    }
}
@media only screen and (min-width:868px) {
    .carousel-photo__slide__container {
        padding: 90px 0 10px
    }
    .carousel-photo__slide__container__caption-wrapper {
        margin-left: 5%;
        margin-right: 5%;
        position: absolute
    }
    .carousel-photo__slide__container__caption-wrapper__bottom {
        position: relative
    }
    .carousel-photo__container {
        height: 100%
    }
}
.carousel-photo__slide__container__caption-heading {
    color: #000000;
    font-weight: 700
}
.carousel-photo__slide__container__caption {
    margin: 0
}
.carousel-photo__track {
    position: relative
}
.carousel-photo__container {
    backface-visiblity: hidden;
    position: relative;
    overflow: hidden
}
.carousel-photo__main {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.carousel-photo__dots {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: text-top;
    pointer-events: all;
    text-align: center
}
.carousel-photo__dot {
    cursor: pointer;
    padding: 10px;
    border: none
}
.carousel-photo__dot:hover::after {
    display: none
}
.carousel-photo__dot:first-child {
    margin-left: 0
}
.carousel-photo__dot-circle {
    border-radius: 100%;
    border: 1px solid #8e8e8e;
    color: transparent;
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform .5s, background-color .5s;
    transition: transform .5s, background-color .5s;
    height: 8px;
    width: 8px
}
.carousel-photo__dot-circle::after {
    border-radius: 100%;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 1;
    position: absolute;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    top: 0;
    left: 0
}
.carousel-photo__dot--selected .carousel-photo__dot-circle {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.carousel-photo__dot--selected .carousel-photo__dot-circle::after {
    opacity: 0
}
.carousel-photo.-no-transition .carousel-photo__slide, .carousel-photo.-no-transition .carousel-photo__slide-image {
    -webkit-transition: none!important;
    transition: none!important
}
.carousel-photo__story-photo__image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}
.carousel-photo__story-photo__attribution {
    display: block;
    bottom: 0;
    background: #f9f9f9;
    font-size: 12px;
    font-weight: 100;
    line-height: 25px;
    text-align: right;
    color: #000000;
    width: 100%;
    padding: 2em 5%
}
.carousel-photo__story-photo__attribution.left {
    text-align: left
}
.carousel-photo__story-photo__attribution a {
    font-size: 12px
}
.carousel-photo__story-photo__attribution a:after {
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
.carousel-photo__story-photo__attribution.attribution-desktop {
    display: none;
    -webkit-transition: height .6s ease .6s, visibility .6s ease, opacity .6s ease;
    transition: height .6s ease .6s, visibility .6s ease, opacity .6s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background: rgba(18, 18, 18, .8);
    color: #fff
}
.carousel-photo__story-photo__attribution.attribution-desktop a:after, .carousel-photo__story-photo__attribution.attribution-desktop.active a:after {
    background-color: #fff!important
}
.carousel-photo__story-photo__attribution.attribution-desktop a {
    color: #fff
}
.carousel-photo__story-photo__attribution.attribution-desktop.active {
    opacity: 1;
    -webkit-transition: visibility .6s ease, opacity .6s ease;
    transition: visibility .6s ease, opacity .6s ease;
    visibility: visible
}
@media only screen and (min-width:320px) {
    .carousel-photo__story-photo__attribution {
        padding: 5px 28px
    }
}
@media only screen and (min-width:1050px) {
    .carousel-photo__story-photo__attribution {
        padding: 2em 5%
    }
}
.carousel-photo__dot-container {
    text-align: center;
    padding-bottom: 30px;
    width: 100%
}
.carousel-photo__dot-container--bottom {
    bottom: 30px;
    position: absolute;
    width: 100%;
    pointer-events: none;
    text-align: center
}
@media only screen and (min-width:320px) {
    .carousel-photo__dot-container--bottom {
        bottom: -20px;
        position: relative
    }
}
@media only screen and (min-width:672px) {
    .carousel-photo__dot-container--bottom {
        bottom: -15px
    }
}
@media only screen and (min-width:868px) {
    .carousel-photo__story-photo__attribution {
        display: none
    }
    .carousel-photo__story-photo__attribution.attribution-desktop {
        display: block
    }
    .carousel-photo__dot-container--bottom {
        bottom: 30px
    }
}
@media only screen and (min-width:1050px) {
    .carousel-photo__dot-container--bottom {
        position: absolute
    }
}
@media only screen and (max-width:868px) {
    .carousel-photo__slide-image:nth-child(n+2) {
        display: none
    }
    .carousel-photo__main {
        left: 0;
        right: 0
    }
    .carousel-photo__dot-container {
        position: relative;
        left: 0;
        text-align: center
    }
    .carousel-photo__color-label-container {
        position: relative;
        left: 0
    }
    .carousel-photo__slide {
        overflow: hidden;
        width: 100vw
    }
    .carousel-photo__slide-image {
        height: 100%;
        width: 90%;
        background-size: contain;
        background-position: center;
        position: relative;
        background-repeat: no-repeat;
        margin-left: 5%
    }
    .carousel-photo__dots {
        padding: 0 28px
    }
}
@media only screen and (min-width:672px) {
    .carousel-photo__arrow--left, .carousel-photo__arrow--right {
        background-repeat: no-repeat;
        background-position-x: 42%;
        background-position-y: 50%;
        background-size: 40%
    }
    .carousel-photo__arrows {
        display: none;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0
    }
    .carousel-photo__arrows.active {
        display: block
    }
    .carousel-photo__arrow {
        pointer-events: all;
        position: absolute;
        height: 80%;
        top: 10%;
        padding: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 10;
        width: 5%
    }
    .carousel-photo__arrow--left {
        cursor: url(/assets/toolkit/faux-icons/left.png) 12 12.5, auto;
        left: 0
    }
    .carousel-photo__arrow--right {
        cursor: url(/assets/toolkit/faux-icons/right.png) 12 12.5, auto;
        right: 0
    }
}
a, html {
    position: relative
}
@media only screen and (min-width:868px) {
    .carousel-photo__main, .carousel-photo__track {
        height: 100%
    }
    .carousel-photo__slide {
        font-size: 16px;
        padding: 0;
        position: relative;
        height: 75%;
        width: 100vw;
        left: 0;
        z-index: 0
    }
    .carousel-photo__slide-image {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        cursor: url(/Static/Home/bike/img/zoom-in.png), auto;
        -webkit-transition: none;
        transition: none;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        opacity: 0;
        left: 33%;
        width: 60%;
        height: 100%
    }
    .carousel-photo__slide-image.-is-lazy-handled {
        opacity: 1;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }
    .carousel-photo__dots {
        text-align: center
    }
    .carousel-photo__dot:hover::after {
        display: none
    }
    .carousel-photo__dot:hover .carousel-photo__dot-circle {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    .carousel-photo__dot:hover .carousel-photo__dot-circle::after {
        opacity: 0
    }
}
body, html {
    font-size: 12px
}
body.not-scrollable, html.not-scrollable {
    overflow: hidden;
    height: 100%
}
html {
    left: 0;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out
}
body {
    color: #8e8e8e;
    font-family: 'Microsoft YaHei', Helvetica, sans-serif;
    font-weight: 100;
    line-height: 25px;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%
}
body.not-scrollable div.content-body, body.not-scrollable div.page {
    visibility: hidden;
    -webkit-transition: visibility 1s linear;
    transition: visibility 1s linear
}
a {
    color: #000000;
    text-decoration: none
}
a:after {
    height: 1px;
    background-color: #000000;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}
a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
select::-ms-expand {
    display: none
}
.disabled-element {
    pointer-events: none;
    opacity: .45
}
.align-left {
    text-align: left
}
.padding-10 {
    padding: 10px 0
}
.max-width {
    width: 100%!important;
    display: block
}
.showpage {
    display: block;
    text-align: center;
    height: 99px;
    line-height: 99px;
    clear: both;
    font-family: Arial, 'Times New Roman', 'Microsoft YaHei';
}
.showpage a, .showpage span, .showpage b {
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: #000;
    color: #fff;
}
.showpage a b {
    border: none;
}
.showpage .current {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: #ddd;
    color: #333;
}
.footer__copyright a {
    color: #9b9b9b
}
/* Right online */

.izl-rmenu {
    position: fixed;
    right: 20 32 6 px;
    top: 75%;
    left: auto;
    bottom: auto;
    margin: -25px 0 0 0;
    z-index: 999;
}
.izl-rmenu .btn {
    width: 72px;
    height: 73px;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}
.izl-rmenu .btn-qq {
    background: url(/Static/Home/barcode/onlineImg/r_qq.png) 0px 0px no-repeat;
    background-color: #0099cc;
}
.izl-rmenu .btn-qq:hover {
    background-color: #00abe4;
}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {
    background: url(/Static/Home/barcode/onlineImg/r_qq.png) 0px 0px no-repeat;
    background-color: #0099cc;
    text-decoration: none;
    display: block;
}
.izl-rmenu .btn-wx {
    background: url(/Static/Home/barcode/onlineImg/r_wx.png) 0px 0px no-repeat;
    background-color: #44b549;
}
.izl-rmenu .btn-wx:hover {
    background-color: #4dcb53;
}
.izl-rmenu .btn-wx .pic {
    position: absolute;
    left: -160px;
    top: 0px;
    display: none;
    width: 160px;
    height: 160px;
}
.izl-rmenu .btn-phone {
    background: url(/Static/Home/barcode/onlineImg/r_phone.png) 0px 0px no-repeat;
    background-color: #ff9900;
}
.izl-rmenu .btn-phone:hover {
    background-color: #ff9900;
}
.izl-rmenu .btn-phone .phone {
    background-color: #ff9900;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: none;
}
.izl-rmenu .btn-top {
    background: url(/Static/Home/barcode/onlineImg/r_top.png) 0px 0px no-repeat;
    background-color: #414141;
    display: none;
}
.izl-rmenu .btn-top:hover {
    background-color: #333;
}