.col-xs-1,
.row {
    -webkit-box-flex: 0
}

.row,
.row.reverse {
    -webkit-box-orient: horizontal
}

.colorway-tile__dots,
.navicon-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.-wrapper-button,
.navicon-button {
    background: 0 0;
    border: none;
    cursor: pointer
}

@font-face {
    font-family: DINOTMedium;
    src: url("../fonts/DINWebPro-Medium.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINOTCondensed;
    src: url("../fonts/DINWebPro-Cond.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINOTCondensedMedium;
    src: url("../fonts/DINWebPro-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: 20px;
    line-height: 22px;
    color: #414141;
    font-weight: 100;
    margin: 0;
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
}

.typography__heading--large {
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 0
}

.typography__heading--medium {
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    font-size: 16px;
    font-weight: 100;
    line-height: 18px;
    margin: 0
}

.typography__heading--small {
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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
}

.menuContainer {
    margin-right: 5%;
    margin-left: 5%
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col.reverse,
.row.reverse {
    -webkit-box-direction: reverse
}

.row.reverse {
    -webkit-flex-direction: 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
}


.start-xs {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

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

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

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

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

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

.around-xs {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

.first-xs {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

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

.col-xs {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 8.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 16.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 25%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 41.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 50%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 58.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 75%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 83.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 91.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 100%;
        -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;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-sm {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-sm {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-sm {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-sm {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-sm {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-sm {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-sm {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-sm {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .last-sm {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .col-sm {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 8.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 16.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 25%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 33.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 41.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 50%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 58.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 66.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 75%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 83.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 91.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 100%;
        -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;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-md {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-md {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-md {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-md {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-md {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-md {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-md {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-md {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .last-md {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .col-md {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 8.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 16.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 25%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    .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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 41.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 50%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 58.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    .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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 75%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 83.33333%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 91.66667%;
        -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;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 100%;
        -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;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-lg {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-lg {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .top-lg {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-lg {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-lg {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-lg {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-lg {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-lg {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .last-lg {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .col-lg {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -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;
    user-select: none;
    z-index: 500
}

@media only screen and (min-width:1051px) {
    .page {
            margin-top: -20px;;
    }
}

.-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%;
    font-family: DINOTCondensed, Helvetica, sans-serif
}

.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: #414141
}

.button--secondary:hover,
.tito-tickets-button--secondary:hover {
    background-color: #121212
}

.button--secondary:active,
.tito-tickets-button--secondary:active {
    background-color: #414141
}

.button--tertiary,
.tito-tickets-button--tertiary {
    background-color: #292929
}

.button--tertiary:hover,
.tito-tickets-button--tertiary:hover {
    background-color: #121212
}

.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: #414141
}

.tito-tickets-button:hover {
    background-color: #121212
}

.tito-tickets-button:active {
    background-color: #414141
}

.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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #414141;
        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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #414141;
        font-size: 22px;
        font-weight: 100;
        line-height: 24px;
        margin: 0
    }
    .tabs__item {
        display: block
    }
}

.tabs__item--last {
    padding-right: 0
}

.tabs__anchor {
    color: #414141;
    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: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #414141;
        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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #414141;
        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;
    box-sizing: border-box;
    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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: #414141;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0
}

@media only screen and (min-width:868px) {
    .reviews__title {
        font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #414141;
        font-size: 16px;
        font-weight: 100;
        line-height: 18px;
        margin: 0
    }
}

@media only screen and (min-width:1050px) {
    .reviews__title {
        font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #414141;
        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: #414141
}

.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: #414141;
    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: #414141;
    font-size: 18px;
    line-height: 20px;
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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
}

.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: 56.25%
    }
}

.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: #414141;
    position: relative;
    text-decoration: none
}

.grid-header__content a:after {
    content: '';
    height: 1px;
    background-color: #414141;
    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%
    }
    .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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    margin: 10px 0
}

@media only screen and (min-width:868px) {
    .grid-header__heading--story {
        color: #414141;
        font-style: italic;
        font-size: 42px;
        line-height: 1;
        margin: 25px 0;
        text-transform: uppercase;
        font-weight: 100;
        font-family: DINOTCondensedMedium, 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: #5161ee;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: #414141;
    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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
}

.tile-carousel__instagram-anchor:after {
    content: '';
    height: 1px;
    background-color: #414141;
    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: 4.8% 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: #414141;
    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("../faux-icons/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("../faux-icons/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("../faux-icons/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: #414141;
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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%;
    margin: 2% 20% 0;
    -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: 10%;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 0 0 5px
}

.story-tile__heading--inline,
.story-tile__subheading {
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    letter-spacing: 3px;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: #414141
}

.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: #414141
}

.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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: #414141;
    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: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
    color: #414141;
    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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: #414141;
    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
    }
}

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

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

@media only screen and (min-width:320px) {
    .course-tile__td__image {
        width: 100%;
        text-align: center
    }
    .course-tile__td.label {
        display: none
    }
}

.course-tile__td__image svg {
    fill: #3c3
}

@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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: 90px 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: 12px;
        letter-spacing: 4px;
        font-family: DINOTCondensedMedium, Helvetica, sans-serif;
        text-transform: uppercase;
        margin: 0 0 30px;
        padding: 0
    }
}

.specs__heading.is-active,
.specs__subheading {
    font-family: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
}

.specs__heading.is-active {
    font-size: 16px;
    line-height: 18px;
    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: 9px;
    letter-spacing: 3px;
    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: 12px;
    line-height: 2;
    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 30px 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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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,
.footer__button {
    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: #414141
}

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

.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.has-margin {
    margin-top: 10px
}

@media only screen and (min-width:868px) {
    .footer.has-margin {
        margin-top: 90px
    }
}

.footer__input {
    background-color: #1f1f1f;
    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: #9b9b9b;
    cursor: pointer;
    margin: 0;
    opacity: 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;
    visibility: hidden;
    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: 2;
        -moz-columns: 2;
        columns: 2;
        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: 30px;
    -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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: 100px 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: #414141;
        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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: #414141
    }
    .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: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
}

.carousel__footer .carousel__product-title {
    font-size: 14px;
    color: #414141;
    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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: 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: #414141;
    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;
    bottom: 0;
    opacity: 0;
    top: auto;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -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
}





.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, -87px, 0);
    transform: translate3d(0, -87px, 0)
}

.is-peekaboo {
    position: fixed
}


.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: block !important;
    transform: translate3d(0px, 0px, 0px) !important;
    z-index: 102;
    width: 100%;
    margin-top: -85px;
    
    
}

.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: #fff;
    -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: #FFFFFF;
    -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: -webkit-flex;
        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: 0px
}

.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: 0px;
    margin-top: 50px;
        margin-top: 130px;
            box-shadow: 0px 12px 90px 42px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0px 12px 90px 42px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0px 12px 90px 42px rgba(0, 0, 0, .6);
}

.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;
	opacity: 0;
}

.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 {
    max-height: 350px !important;
    top: 50px ;
    border-bottom: 0px solid;
    z-index: 0;
    min-height: 80px;
}

.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 {

    background-color: initial !important;
    border: none !important;
    display: initial !important;
    background: none !important;
    position: absolute;
    z-index: 10;
    top: 0px;
    width: 300px;
    left: -1px;
    list-style-image: none;
    padding: 10px 0 10px 0;
}

.horizontal-nav.with-horizontal-link-list.with-product-preview .vertical-link-list__list-item__link {
/*    color: #ffffff;
*/    font-size: 12px;
    -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%;

    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: -webkit-flex;
    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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: center;
/*	padding-top: 110px;
*/	padding-left: 0px;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: fixed;
	width: 100%;
/*    margin-top: 5px;
*/}

.horizontal-link-list__container:after {
    content: "";
    width: 100%;
    display: inline-block
}

.carousel-hero__dot-circle,
.carousel-hero__dot-circle::after,
.checkout__input-anchor:after,
.dynamic-cta__image::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 {
    text-transform: uppercase;
    list-style-type: none;
    padding-right: 6%;
    position: relative;
    display: inline-block
}

.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: #414141;
   letter-spacing: 3px;
    font-size: 10px; */ 
    position: relative;
    text-decoration: none
}

.horizontal-link-list__list-item__link:after {
    /*height: 1px;
    background-color: #ffffff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -50px;
    -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: 0;
	color: #666;
	
}

.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: 5px
}

.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 {
     letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 200;
    }
}

.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(0, 0, 0, 1);
    width: 100%
}

.product-preview-home {
    text-align: center;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, .0);
    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: #414141;
    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: #414141;
    font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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;*/
	top: 30px;
    left: 0;
    text-align: left;
    padding-left: 0;
    margin: 0 auto 0;
    max-width: 100%;
}

.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;
    content: ''
}

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


.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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
}

.dynamic-cta__skewer {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 100%
}

.carousel-hero-video {
    background: #121212;
    height: 100vh;
    width: 100vw;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.carousel-hero-video__item {
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    position: absolute;
    display: none
}

.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__track {
    -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: DINOTCondensedMedium, Helvetica, sans-serif
}

@-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: 80px 28px 10px
}

@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__caption {
        font-size: 48px;
        margin: 0 0 40px
    }
    .carousel-hero-video__actions {
        top: 60%;
        text-align: center;
        width: 100%
    }
    .long-description__copy-wrapper {
        padding: 90px 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: #414141;
    position: relative;
    text-decoration: none
}

.long-description__content a:after {
    height: 1px;
    background-color: #414141;
    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 {
    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;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 0;
    vertical-align: text-top
}

.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: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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("../faux-icons/left.png") 12 12.5, auto;
        left: 0
    }
    .carousel-hero__arrow--right {
        cursor: url("../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;
        display: inline-block;
        cursor: url("../faux-icons/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-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("../faux-icons/zoom-out.png"), auto
    }
    .carousel-hero__dot-container {
        padding-bottom: 20px;
        position: absolute;
        left: 5%;
        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;
        left: 30%;
        width: 60%;
        text-align: center
    }
    .carousel-hero__color-label {
        font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,sans-serif;
        color: #8e8e8e;
        font-size: 10px;
        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: font-family: "ProximaNovaRegular","Open Sans","Gill Sans MT","Gill Sans",Corbel,Arial,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: #414141;
        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: #414141;
    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
}



body.not-scrollable,
html.not-scrollable {
    overflow: hidden;
    height: 100%
}