/*KCC: Version 2019-09-26 Modified to create a new base version of this file to use going forward (see #34662)*/
/*KCC: Version 2019-08-15 Modified for Marquee changes (see #34294)*/
/*KCC: Version 2019-07-01 Modified for new PDP and Path to Purchase designs (see #33922 and #34152)*/
/*SRS: Version 2018-12-18 Modified for filtering sizes to work based on size filtering (see #33000)*/
/*KCC: Version 2018-11-01 Modified for product list page new template*/
/*DAW: Version 2018-02-12 Modified for grids to work on IE per SRS*/
@charset "UTF-8";
@font-face { font-family: icomoon; src: url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg?jph90#icomoon) format("svg"); font-weight: 400; font-style: normal }
.u-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important }
.u-flexInline { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
.u-flexRow { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important }
.u-flexRowReverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
.u-flexCol { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important }
.u-flexColReverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
.u-flexWrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
.u-flexNoWrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
.u-flexWrapReverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
.u-flexJustifyStart { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
.u-flexJustifyEnd { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
.u-flexJustifyCenter { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.u-flexJustifyBetween { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
.u-flexJustifyAround { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important }
.u-flexAlignItemsStart { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important }
.u-flexAlignItemsEnd { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important }
.u-flexAlignItemsCenter { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important }
.u-flexAlignItemsStretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
.u-flexAlignItemsBaseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
.u-flexAlignContentStart { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important }
.u-flexAlignContentEnd { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important }
.u-flexAlignContentCenter { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important }
.u-flexAlignContentStretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.u-flexAlignContentBetween { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important }
.u-flexAlignContentAround { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.u-flexAlignSelfStart { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important }
.u-flexAlignSelfEnd { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important }
.u-flexAlignSelfCenter { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important }
.u-flexAlignSelfStretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important }
.u-flexAlignSelfBaseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important }
.u-flexAlignSelfAuto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important }
.u-flexOrderFirst { -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important }
.u-flexOrderLast { -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important }
.u-flexOrderNone { -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important }
.u-flexGrow1 { -webkit-flex: 1 1 0% !important; -ms-flex: 1 1 0% !important; flex: 1 1 0% !important }
.u-flexGrow2 { -webkit-flex: 2 1 0% !important; -ms-flex: 2 1 0% !important; flex: 2 1 0% !important }
.u-flexGrow3 { -webkit-flex: 3 1 0% !important; -ms-flex: 3 1 0% !important; flex: 3 1 0% !important }
.u-flexGrow4 { -webkit-flex: 4 1 0% !important; -ms-flex: 4 1 0% !important; flex: 4 1 0% !important }
.u-flexGrow5 { -webkit-flex: 5 1 0% !important; -ms-flex: 5 1 0% !important; flex: 5 1 0% !important }
.u-flexShrink0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
.u-flexShrink1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
.u-flexShrink2 { -webkit-flex-shrink: 2 !important; -ms-flex-negative: 2 !important; flex-shrink: 2 !important }
.u-flexShrink3 { -webkit-flex-shrink: 3 !important; -ms-flex-negative: 3 !important; flex-shrink: 3 !important }
.u-flexShrink4 { -webkit-flex-shrink: 4 !important; -ms-flex-negative: 4 !important; flex-shrink: 4 !important }
.u-flexShrink5 { -webkit-flex-shrink: 5 !important; -ms-flex-negative: 5 !important; flex-shrink: 5 !important }
.u-flexExpand { margin: auto !important }
.u-flexExpandLeft { margin-left: auto !important }
.u-flexExpandRight { margin-right: auto !important }
.u-flexExpandTop { margin-top: auto !important }
.u-flexExpandBottom { margin-bottom: auto !important }
.u-flexBasisAuto { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
.u-flexBasis0 { -webkit-flex-basis: 0 !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important }
.u-flexInitial { -webkit-flex: 0 1 auto !important; -ms-flex: 0 1 auto !important; flex: 0 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
.u-flexAuto { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
.u-flexNone { -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }

@media (min-width:600px) {
    .u-sm-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important }
    .u-sm-flexInline { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
    .u-sm-flexRow { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important }
    .u-sm-flexRowReverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .u-sm-flexCol { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important }
    .u-sm-flexColReverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .u-sm-flexWrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .u-sm-flexNoWrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .u-sm-flexWrapReverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .u-sm-flexJustifyStart { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
    .u-sm-flexJustifyEnd { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
    .u-sm-flexJustifyCenter { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important }
    .u-sm-flexJustifyBetween { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
    .u-sm-flexJustifyAround { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .u-sm-flexAlignItemsStart { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important }
    .u-sm-flexAlignItemsEnd { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important }
    .u-sm-flexAlignItemsCenter { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important }
    .u-sm-flexAlignItemsStretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
    .u-sm-flexAlignItemsBaseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
    .u-sm-flexAlignContentStart { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .u-sm-flexAlignContentEnd { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .u-sm-flexAlignContentCenter { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important }
    .u-sm-flexAlignContentStretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .u-sm-flexAlignContentBetween { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .u-sm-flexAlignContentAround { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .u-sm-flexAlignSelfStart { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important }
    .u-sm-flexAlignSelfEnd { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important }
    .u-sm-flexAlignSelfCenter { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important }
    .u-sm-flexAlignSelfStretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important }
    .u-sm-flexAlignSelfBaseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .u-sm-flexAlignSelfAuto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important }
    .u-sm-flexOrderFirst { -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important }
    .u-sm-flexOrderLast { -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important }
    .u-sm-flexOrderNone { -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important }
    .u-sm-flexGrow1 { -webkit-flex: 1 1 0 !important; -ms-flex: 1 1 0px !important; flex: 1 1 0 !important }
    .u-sm-flexGrow2 { -webkit-flex: 2 1 0 !important; -ms-flex: 2 1 0px !important; flex: 2 1 0 !important }
    .u-sm-flexGrow3 { -webkit-flex: 3 1 0 !important; -ms-flex: 3 1 0px !important; flex: 3 1 0 !important }
    .u-sm-flexGrow4 { -webkit-flex: 4 1 0 !important; -ms-flex: 4 1 0px !important; flex: 4 1 0 !important }
    .u-sm-flexGrow5 { -webkit-flex: 5 1 0 !important; -ms-flex: 5 1 0px !important; flex: 5 1 0 !important }
    .u-sm-flexShrink0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .u-sm-flexShrink1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .u-sm-flexShrink2 { -webkit-flex-shrink: 2 !important; -ms-flex-negative: 2 !important; flex-shrink: 2 !important }
    .u-sm-flexShrink3 { -webkit-flex-shrink: 3 !important; -ms-flex-negative: 3 !important; flex-shrink: 3 !important }
    .u-sm-flexShrink4 { -webkit-flex-shrink: 4 !important; -ms-flex-negative: 4 !important; flex-shrink: 4 !important }
    .u-sm-flexShrink5 { -webkit-flex-shrink: 5 !important; -ms-flex-negative: 5 !important; flex-shrink: 5 !important }
    .u-sm-flexExpand { margin: auto !important }
    .u-sm-flexExpandLeft { margin-left: auto !important }
    .u-sm-flexExpandRight { margin-right: auto !important }
    .u-sm-flexExpandTop { margin-top: auto !important }
    .u-sm-flexExpandBottom { margin-bottom: auto !important }
    .u-sm-flexBasisAuto { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-sm-flexBasis0 { -webkit-flex-basis: 0 !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important }
    .u-sm-flexInitial { -webkit-flex: 0 1 auto !important; -ms-flex: 0 1 auto !important; flex: 0 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-sm-flexAuto { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-sm-flexNone { -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
}

@media (min-width:700px) {
    .u-md-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important }
    .u-md-flexInline { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
    .u-md-flexRow { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important }
    .u-md-flexRowReverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .u-md-flexCol { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important }
    .u-md-flexColReverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .u-md-flexWrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .u-md-flexNoWrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .u-md-flexWrapReverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .u-md-flexJustifyStart { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
    .u-md-flexJustifyEnd { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
    .u-md-flexJustifyCenter { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important }
    .u-md-flexJustifyBetween { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
    .u-md-flexJustifyAround { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .u-md-flexAlignItemsStart { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important }
    .u-md-flexAlignItemsEnd { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important }
    .u-md-flexAlignItemsCenter { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important }
    .u-md-flexAlignItemsStretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
    .u-md-flexAlignItemsBaseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
    .u-md-flexAlignContentStart { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .u-md-flexAlignContentEnd { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .u-md-flexAlignContentCenter { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important }
    .u-md-flexAlignContentStretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .u-md-flexAlignContentBetween { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .u-md-flexAlignContentAround { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .u-md-flexAlignSelfStart { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important }
    .u-md-flexAlignSelfEnd { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important }
    .u-md-flexAlignSelfCenter { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important }
    .u-md-flexAlignSelfStretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important }
    .u-md-flexAlignSelfBaseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .u-md-flexAlignSelfAuto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important }
    .u-md-flexOrderFirst { -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important }
    .u-md-flexOrderLast { -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important }
    .u-md-flexOrderNone { -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important }
    .u-md-flexGrow1 { -webkit-flex: 1 1 0 !important; -ms-flex: 1 1 0px !important; flex: 1 1 0 !important }
    .u-md-flexGrow2 { -webkit-flex: 2 1 0 !important; -ms-flex: 2 1 0px !important; flex: 2 1 0 !important }
    .u-md-flexGrow3 { -webkit-flex: 3 1 0 !important; -ms-flex: 3 1 0px !important; flex: 3 1 0 !important }
    .u-md-flexGrow4 { -webkit-flex: 4 1 0 !important; -ms-flex: 4 1 0px !important; flex: 4 1 0 !important }
    .u-md-flexGrow5 { -webkit-flex: 5 1 0 !important; -ms-flex: 5 1 0px !important; flex: 5 1 0 !important }
    .u-md-flexShrink0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .u-md-flexShrink1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .u-md-flexShrink2 { -webkit-flex-shrink: 2 !important; -ms-flex-negative: 2 !important; flex-shrink: 2 !important }
    .u-md-flexShrink3 { -webkit-flex-shrink: 3 !important; -ms-flex-negative: 3 !important; flex-shrink: 3 !important }
    .u-md-flexShrink4 { -webkit-flex-shrink: 4 !important; -ms-flex-negative: 4 !important; flex-shrink: 4 !important }
    .u-md-flexShrink5 { -webkit-flex-shrink: 5 !important; -ms-flex-negative: 5 !important; flex-shrink: 5 !important }
    .u-md-flexExpand { margin: auto !important }
    .u-md-flexExpandLeft { margin-left: auto !important }
    .u-md-flexExpandRight { margin-right: auto !important }
    .u-md-flexExpandTop { margin-top: auto !important }
    .u-md-flexExpandBottom { margin-bottom: auto !important }
    .u-md-flexBasisAuto { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-md-flexBasis0 { -webkit-flex-basis: 0 !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important }
    .u-md-flexInitial { -webkit-flex: 0 1 auto !important; -ms-flex: 0 1 auto !important; flex: 0 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-md-flexAuto { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-md-flexNone { -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
}

@media (min-width:960px) {
    .u-lg-flex { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important }
    .u-lg-flexInline { display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important }
    .u-lg-flexRow { -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important }
    .u-lg-flexRowReverse { -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important }
    .u-lg-flexCol { -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important }
    .u-lg-flexColReverse { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important }
    .u-lg-flexWrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important }
    .u-lg-flexNoWrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important }
    .u-lg-flexWrapReverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important }
    .u-lg-flexJustifyStart { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important }
    .u-lg-flexJustifyEnd { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important }
    .u-lg-flexJustifyCenter { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important }
    .u-lg-flexJustifyBetween { -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important }
    .u-lg-flexJustifyAround { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important }
    .u-lg-flexAlignItemsStart { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important }
    .u-lg-flexAlignItemsEnd { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important }
    .u-lg-flexAlignItemsCenter { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important }
    .u-lg-flexAlignItemsStretch { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important }
    .u-lg-flexAlignItemsBaseline { -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important }
    .u-lg-flexAlignContentStart { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important }
    .u-lg-flexAlignContentEnd { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important }
    .u-lg-flexAlignContentCenter { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important }
    .u-lg-flexAlignContentStretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important }
    .u-lg-flexAlignContentBetween { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important }
    .u-lg-flexAlignContentAround { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important }
    .u-lg-flexAlignSelfStart { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important }
    .u-lg-flexAlignSelfEnd { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important }
    .u-lg-flexAlignSelfCenter { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important }
    .u-lg-flexAlignSelfStretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important }
    .u-lg-flexAlignSelfBaseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important }
    .u-lg-flexAlignSelfAuto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important }
    .u-lg-flexOrderFirst { -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important }
    .u-lg-flexOrderLast { -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important }
    .u-lg-flexOrderNone { -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important }
    .u-lg-flexGrow1 { -webkit-flex: 1 1 0% !important; -ms-flex: 1 1 0% !important; flex: 1 1 0% !important }
    .u-lg-flexGrow2 { -webkit-flex: 2 1 0% !important; -ms-flex: 2 1 0% !important; flex: 2 1 0% !important }
    .u-lg-flexGrow3 { -webkit-flex: 3 1 0% !important; -ms-flex: 3 1 0% !important; flex: 3 1 0% !important }
    .u-lg-flexGrow4 { -webkit-flex: 4 1 0% !important; -ms-flex: 4 1 0% !important; flex: 4 1 0% !important }
    .u-lg-flexGrow5 { -webkit-flex: 5 1 0% !important; -ms-flex: 5 1 0% !important; flex: 5 1 0% !important }
    .u-lg-flexShrink0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important }
    .u-lg-flexShrink1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important }
    .u-lg-flexShrink2 { -webkit-flex-shrink: 2 !important; -ms-flex-negative: 2 !important; flex-shrink: 2 !important }
    .u-lg-flexShrink3 { -webkit-flex-shrink: 3 !important; -ms-flex-negative: 3 !important; flex-shrink: 3 !important }
    .u-lg-flexShrink4 { -webkit-flex-shrink: 4 !important; -ms-flex-negative: 4 !important; flex-shrink: 4 !important }
    .u-lg-flexShrink5 { -webkit-flex-shrink: 5 !important; -ms-flex-negative: 5 !important; flex-shrink: 5 !important }
    .u-lg-flexExpand { margin: auto !important }
    .u-lg-flexExpandLeft { margin-left: auto !important }
    .u-lg-flexExpandRight { margin-right: auto !important }
    .u-lg-flexExpandTop { margin-top: auto !important }
    .u-lg-flexExpandBottom { margin-bottom: auto !important }
    .u-lg-flexBasisAuto { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-lg-flexBasis0 { -webkit-flex-basis: 0 !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0 !important }
    .u-lg-flexInitial { -webkit-flex: 0 1 auto !important; -ms-flex: 0 1 auto !important; flex: 0 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-lg-flexAuto { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-lg-flexNone { -webkit-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
}

.u-size1of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 12) - 1px) !important }
.u-size1of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 10% !important }
.u-size1of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 12.5% !important }
.u-size1of6, .u-size2of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 6) - 1px) !important }
.u-size1of5, .u-size2of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 20% !important }
.u-size1of4, .u-size2of8, .u-size3of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 25% !important }
.u-size3of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 30% !important }
.u-size1of3, .u-size2of6, .u-size4of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 3) - 1px) !important }
.u-size3of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 37.5% !important }
.u-size2of5, .u-size4of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 40% !important }
.u-size5of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 12) - 1px) !important }
.u-size1of2, .u-size2of4, .u-size3of6, .u-size4of8, .u-size5of10, .u-size6of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 50% !important }
.u-size7of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 7 / 12) - 1px) !important }
.u-size3of5, .u-size6of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 60% !important }
.u-size5of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 62.5% !important }
.u-size2of3, .u-size4of6, .u-size8of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 2 / 3) - 1px) !important }
.u-size7of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 70% !important }
.u-size3of4, .u-size6of8, .u-size9of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 75% !important }
.u-size4of5, .u-size8of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 80% !important }
.u-size10of12, .u-size5of6 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 6) - 1px) !important }
.u-size7of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 87.5% !important }
.u-size9of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 90% !important }
.u-size11of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 11 / 12) - 1px) !important }
.u-sizeFit { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
.u-sizeFill { -webkit-flex: 1 1 0% !important; -ms-flex: 1 1 0% !important; flex: 1 1 0% !important; -webkit-flex-basis: 0% !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0% !important }
.u-sizeFillAlt { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
.u-sizeFull { width: 100% !important }

@media (min-width:600px) {
    .u-sm-size1of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 12) - 1px) !important }
    .u-sm-size1of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 10% !important }
    .u-sm-size1of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 12.5% !important }
    .u-sm-size1of6, .u-sm-size2of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 6) - 1px) !important }
    .u-sm-size1of5, .u-sm-size2of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 20% !important }
    .u-sm-size1of4, .u-sm-size2of8, .u-sm-size3of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 25% !important }
    .u-sm-size3of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 30% !important }
    .u-sm-size1of3, .u-sm-size2of6, .u-sm-size4of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 3) - 1px) !important }
    .u-sm-size3of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 37.5% !important }
    .u-sm-size2of5, .u-sm-size4of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 40% !important }
    .u-sm-size5of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 12) - 1px) !important }
    .u-sm-size1of2, .u-sm-size2of4, .u-sm-size3of6, .u-sm-size4of8, .u-sm-size5of10, .u-sm-size6of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 50% !important }
    .u-sm-size7of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 7 / 12) - 1px) !important }
    .u-sm-size3of5, .u-sm-size6of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 60% !important }
    .u-sm-size5of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 62.5% !important }
    .u-sm-size2of3, .u-sm-size4of6, .u-sm-size8of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 2 / 3) - 1px) !important }
    .u-sm-size7of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 70% !important }
    .u-sm-size3of4, .u-sm-size6of8, .u-sm-size9of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 75% !important }
    .u-sm-size4of5, .u-sm-size8of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 80% !important }
    .u-sm-size10of12, .u-sm-size5of6 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 6) - 1px) !important }
    .u-sm-size7of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 87.5% !important }
    .u-sm-size9of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 90% !important }
    .u-sm-size11of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 11 / 12) - 1px) !important }
    .u-sm-sizeFit { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: auto !important }
    .u-sm-sizeFill { -webkit-flex: 1 1 0% !important; -ms-flex: 1 1 0% !important; flex: 1 1 0% !important; -webkit-flex-basis: 0% !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0% !important }
    .u-sm-sizeFillAlt { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-sm-sizeFull { width: 100% !important }
}

@media (min-width:700px) {
    .u-md-size1of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 12) - 1px) !important }
    .u-md-size1of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 10% !important }
    .u-md-size1of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 12.5% !important }
    .u-md-size1of6, .u-md-size2of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 6) - 1px) !important }
    .u-md-size1of5, .u-md-size2of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 20% !important }
    .u-md-size1of4, .u-md-size2of8, .u-md-size3of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 25% !important }
    .u-md-size3of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 30% !important }
    .u-md-size1of3, .u-md-size2of6, .u-md-size4of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 3) - 1px) !important }
    .u-md-size3of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 37.5% !important }
    .u-md-size2of5, .u-md-size4of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 40% !important }
    .u-md-size5of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 12) - 1px) !important }
    .u-md-size1of2, .u-md-size2of4, .u-md-size3of6, .u-md-size4of8, .u-md-size5of10, .u-md-size6of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 50% !important }
    .u-md-size7of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 7 / 12) - 1px) !important }
    .u-md-size3of5, .u-md-size6of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 60% !important }
    .u-md-size5of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 62.5% !important }
    .u-md-size2of3, .u-md-size4of6, .u-md-size8of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 2 / 3) - 1px) !important }
    .u-md-size7of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 70% !important }
    .u-md-size3of4, .u-md-size6of8, .u-md-size9of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 75% !important }
    .u-md-size4of5, .u-md-size8of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 80% !important }
    .u-md-size10of12, .u-md-size5of6 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 6) - 1px) !important }
    .u-md-size7of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 87.5% !important }
    .u-md-size9of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 90% !important }
    .u-md-size11of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 11 / 12) - 1px) !important }
    .u-md-sizeFit { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: auto !important }
    .u-md-sizeFill { -webkit-flex: 1 1 0% !important; -ms-flex: 1 1 0% !important; flex: 1 1 0% !important; -webkit-flex-basis: 0% !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0% !important }
    .u-md-sizeFillAlt { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-md-sizeFull { width: 100% !important }
}

@media (min-width:960px) {
    .u-lg-size1of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 12) - 1px) !important }
    .u-lg-size1of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 10% !important }
    .u-lg-size1of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 12.5% !important }
    .u-lg-size1of6, .u-lg-size2of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 6) - 1px) !important }
    .u-lg-size1of5, .u-lg-size2of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 20% !important }
    .u-lg-size1of4, .u-lg-size2of8, .u-lg-size3of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 25% !important }
    .u-lg-size3of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 30% !important }
    .u-lg-size1of3, .u-lg-size2of6, .u-lg-size4of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 1 / 3) - 1px) !important }
    .u-lg-size3of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 37.5% !important }
    .u-lg-size2of5, .u-lg-size4of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 40% !important }
    .u-lg-size5of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 12) - 1px) !important }
    .u-lg-size1of2, .u-lg-size2of4, .u-lg-size3of6, .u-lg-size4of8, .u-lg-size5of10, .u-lg-size6of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 50% !important }
    .u-lg-size7of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 7 / 12) - 1px) !important }
    .u-lg-size3of5, .u-lg-size6of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 60% !important }
    .u-lg-size5of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 62.5% !important }
    .u-lg-size2of3, .u-lg-size4of6, .u-lg-size8of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 2 / 3) - 1px) !important }
    .u-lg-size7of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 70% !important }
    .u-lg-size3of4, .u-lg-size6of8, .u-lg-size9of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 75% !important }
    .u-lg-size4of5, .u-lg-size8of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 80% !important }
    .u-lg-size10of12, .u-lg-size5of6 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 5 / 6) - 1px) !important }
    .u-lg-size7of8 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 87.5% !important }
    .u-lg-size9of10 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: 90% !important }
    .u-lg-size11of12 { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: calc((100% * 11 / 12) - 1px) !important }
    .u-lg-sizeFit { -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important; width: auto !important }
    .u-lg-sizeFill { -webkit-flex: 1 1 0% !important; -ms-flex: 1 1 0% !important; flex: 1 1 0% !important; -webkit-flex-basis: 0% !important; -ms-flex-preferred-size: 0 !important; flex-basis: 0% !important }
    .u-lg-sizeFillAlt { -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
    .u-lg-sizeFull { width: 100% !important }
}

.u-before1of12 { margin-left: calc(100% * 1 / 12) !important }
.u-before1of10 { margin-left: 10% !important }
.u-before1of8 { margin-left: 12.5% !important }
.u-before1of6, .u-before2of12 { margin-left: calc(100% * 1 / 6) !important }
.u-before1of5, .u-before2of10 { margin-left: 20% !important }
.u-before1of4, .u-before2of8, .u-before3of12 { margin-left: 25% !important }
.u-before3of10 { margin-left: 30% !important }
.u-before1of3, .u-before2of6, .u-before4of12 { margin-left: calc(100% * 1 / 3) !important }
.u-before3of8 { margin-left: 37.5% !important }
.u-before2of5, .u-before4of10 { margin-left: 40% !important }
.u-before5of12 { margin-left: calc(100% * 5 / 12) !important }
.u-before1of2, .u-before2of4, .u-before3of6, .u-before4of8, .u-before5of10, .u-before6of12 { margin-left: 50% !important }
.u-before7of12 { margin-left: calc(100% * 7 / 12) !important }
.u-before3of5, .u-before6of10 { margin-left: 60% !important }
.u-before5of8 { margin-left: 62.5% !important }
.u-before2of3, .u-before4of6, .u-before8of12 { margin-left: calc(100% * 2 / 3) !important }
.u-before7of10 { margin-left: 70% !important }
.u-before3of4, .u-before6of8, .u-before9of12 { margin-left: 75% !important }
.u-before4of5, .u-before8of10 { margin-left: 80% !important }
.u-before10of12, .u-before5of6 { margin-left: calc(100% * 5 / 6) !important }
.u-before7of8 { margin-left: 87.5% !important }
.u-before9of10 { margin-left: 90% !important }
.u-before11of12 { margin-left: calc(100% * 11 / 12) !important }

@media (min-width:600px) {
    .u-sm-beforeNone { margin-left: 0 !important }
    .u-sm-before1of12 { margin-left: calc(100% * 1 / 12) !important }
    .u-sm-before1of10 { margin-left: 10% !important }
    .u-sm-before1of8 { margin-left: 12.5% !important }
    .u-sm-before1of6, .u-sm-before2of12 { margin-left: calc(100% * 1 / 6) !important }
    .u-sm-before1of5, .u-sm-before2of10 { margin-left: 20% !important }
    .u-sm-before1of4, .u-sm-before2of8, .u-sm-before3of12 { margin-left: 25% !important }
    .u-sm-before3of10 { margin-left: 30% !important }
    .u-sm-before1of3, .u-sm-before2of6, .u-sm-before4of12 { margin-left: calc(100% * 1 / 3) !important }
    .u-sm-before3of8 { margin-left: 37.5% !important }
    .u-sm-before2of5, .u-sm-before4of10 { margin-left: 40% !important }
    .u-sm-before5of12 { margin-left: calc(100% * 5 / 12) !important }
    .u-sm-before1of2, .u-sm-before2of4, .u-sm-before3of6, .u-sm-before4of8, .u-sm-before5of10, .u-sm-before6of12 { margin-left: 50% !important }
    .u-sm-before7of12 { margin-left: calc(100% * 7 / 12) !important }
    .u-sm-before3of5, .u-sm-before6of10 { margin-left: 60% !important }
    .u-sm-before5of8 { margin-left: 62.5% !important }
    .u-sm-before2of3, .u-sm-before4of6, .u-sm-before8of12 { margin-left: calc(100% * 2 / 3) !important }
    .u-sm-before7of10 { margin-left: 70% !important }
    .u-sm-before3of4, .u-sm-before6of8, .u-sm-before9of12 { margin-left: 75% !important }
    .u-sm-before4of5, .u-sm-before8of10 { margin-left: 80% !important }
    .u-sm-before10of12, .u-sm-before5of6 { margin-left: calc(100% * 5 / 6) !important }
    .u-sm-before7of8 { margin-left: 87.5% !important }
    .u-sm-before9of10 { margin-left: 90% !important }
    .u-sm-before11of12 { margin-left: calc(100% * 11 / 12) !important }
}

@media (min-width:700px) {
    .u-md-beforeNone { margin-left: 0 !important }
    .u-md-before1of12 { margin-left: calc(100% * 1 / 12) !important }
    .u-md-before1of10 { margin-left: 10% !important }
    .u-md-before1of8 { margin-left: 12.5% !important }
    .u-md-before1of6, .u-md-before2of12 { margin-left: calc(100% * 1 / 6) !important }
    .u-md-before1of5, .u-md-before2of10 { margin-left: 20% !important }
    .u-md-before1of4, .u-md-before2of8, .u-md-before3of12 { margin-left: 25% !important }
    .u-md-before3of10 { margin-left: 30% !important }
    .u-md-before1of3, .u-md-before2of6, .u-md-before4of12 { margin-left: calc(100% * 1 / 3) !important }
    .u-md-before3of8 { margin-left: 37.5% !important }
    .u-md-before2of5, .u-md-before4of10 { margin-left: 40% !important }
    .u-md-before5of12 { margin-left: calc(100% * 5 / 12) !important }
    .u-md-before1of2, .u-md-before2of4, .u-md-before3of6, .u-md-before4of8, .u-md-before5of10, .u-md-before6of12 { margin-left: 50% !important }
    .u-md-before7of12 { margin-left: calc(100% * 7 / 12) !important }
    .u-md-before3of5, .u-md-before6of10 { margin-left: 60% !important }
    .u-md-before5of8 { margin-left: 62.5% !important }
    .u-md-before2of3, .u-md-before4of6, .u-md-before8of12 { margin-left: calc(100% * 2 / 3) !important }
    .u-md-before7of10 { margin-left: 70% !important }
    .u-md-before3of4, .u-md-before6of8, .u-md-before9of12 { margin-left: 75% !important }
    .u-md-before4of5, .u-md-before8of10 { margin-left: 80% !important }
    .u-md-before10of12, .u-md-before5of6 { margin-left: calc(100% * 5 / 6) !important }
    .u-md-before7of8 { margin-left: 87.5% !important }
    .u-md-before9of10 { margin-left: 90% !important }
    .u-md-before11of12 { margin-left: calc(100% * 11 / 12) !important }
}

@media (min-width:960px) {
    .u-lg-beforeNone { margin-left: 0 !important }
    .u-lg-before1of12 { margin-left: calc(100% * 1 / 12) !important }
    .u-lg-before1of10 { margin-left: 10% !important }
    .u-lg-before1of8 { margin-left: 12.5% !important }
    .u-lg-before1of6, .u-lg-before2of12 { margin-left: calc(100% * 1 / 6) !important }
    .u-lg-before1of5, .u-lg-before2of10 { margin-left: 20% !important }
    .u-lg-before1of4, .u-lg-before2of8, .u-lg-before3of12 { margin-left: 25% !important }
    .u-lg-before3of10 { margin-left: 30% !important }
    .u-lg-before1of3, .u-lg-before2of6, .u-lg-before4of12 { margin-left: calc(100% * 1 / 3) !important }
    .u-lg-before3of8 { margin-left: 37.5% !important }
    .u-lg-before2of5, .u-lg-before4of10 { margin-left: 40% !important }
    .u-lg-before5of12 { margin-left: calc(100% * 5 / 12) !important }
    .u-lg-before1of2, .u-lg-before2of4, .u-lg-before3of6, .u-lg-before4of8, .u-lg-before5of10, .u-lg-before6of12 { margin-left: 50% !important }
    .u-lg-before7of12 { margin-left: calc(100% * 7 / 12) !important }
    .u-lg-before3of5, .u-lg-before6of10 { margin-left: 60% !important }
    .u-lg-before5of8 { margin-left: 62.5% !important }
    .u-lg-before2of3, .u-lg-before4of6, .u-lg-before8of12 { margin-left: calc(100% * 2 / 3) !important }
    .u-lg-before7of10 { margin-left: 70% !important }
    .u-lg-before3of4, .u-lg-before6of8, .u-lg-before9of12 { margin-left: 75% !important }
    .u-lg-before4of5, .u-lg-before8of10 { margin-left: 80% !important }
    .u-lg-before10of12, .u-lg-before5of6 { margin-left: calc(100% * 5 / 6) !important }
    .u-lg-before7of8 { margin-left: 87.5% !important }
    .u-lg-before9of10 { margin-left: 90% !important }
    .u-lg-before11of12 { margin-left: calc(100% * 11 / 12) !important }
}

.u-after1of12 { margin-right: calc(100% * 1 / 12) !important }
.u-after1of10 { margin-right: 10% !important }
.u-after1of8 { margin-right: 12.5% !important }
.u-after1of6, .u-after2of12 { margin-right: calc(100% * 1 / 6) !important }
.u-after1of5, .u-after2of10 { margin-right: 20% !important }
.u-after1of4, .u-after2of8, .u-after3of12 { margin-right: 25% !important }
.u-after3of10 { margin-right: 30% !important }
.u-after1of3, .u-after2of6, .u-after4of12 { margin-right: calc(100% * 1 / 3) !important }
.u-after3of8 { margin-right: 37.5% !important }
.u-after2of5, .u-after4of10 { margin-right: 40% !important }
.u-after5of12 { margin-right: calc(100% * 5 / 12) !important }
.u-after1of2, .u-after2of4, .u-after3of6, .u-after4of8, .u-after5of10, .u-after6of12 { margin-right: 50% !important }
.u-after7of12 { margin-right: calc(100% * 7 / 12) !important }
.u-after3of5, .u-after6of10 { margin-right: 60% !important }
.u-after5of8 { margin-right: 62.5% !important }
.u-after2of3, .u-after4of6, .u-after8of12 { margin-right: calc(100% * 2 / 3) !important }
.u-after7of10 { margin-right: 70% !important }
.u-after3of4, .u-after6of8, .u-after9of12 { margin-right: 75% !important }
.u-after4of5, .u-after8of10 { margin-right: 80% !important }
.u-after10of12, .u-after5of6 { margin-right: calc(100% * 5 / 6) !important }
.u-after7of8 { margin-right: 87.5% !important }
.u-after9of10 { margin-right: 90% !important }
.u-after11of12 { margin-right: calc(100% * 11 / 12) !important }

@media (min-width:600px) {
    .u-sm-afterNone { margin-left: 0 !important }
    .u-sm-after1of12 { margin-right: calc(100% * 1 / 12) !important }
    .u-sm-after1of10 { margin-right: 10% !important }
    .u-sm-after1of8 { margin-right: 12.5% !important }
    .u-sm-after1of6, .u-sm-after2of12 { margin-right: calc(100% * 1 / 6) !important }
    .u-sm-after1of5, .u-sm-after2of10 { margin-right: 20% !important }
    .u-sm-after1of4, .u-sm-after2of8, .u-sm-after3of12 { margin-right: 25% !important }
    .u-sm-after3of10 { margin-right: 30% !important }
    .u-sm-after1of3, .u-sm-after2of6, .u-sm-after4of12 { margin-right: calc(100% * 1 / 3) !important }
    .u-sm-after3of8 { margin-right: 37.5% !important }
    .u-sm-after2of5, .u-sm-after4of10 { margin-right: 40% !important }
    .u-sm-after5of12 { margin-right: calc(100% * 5 / 12) !important }
    .u-sm-after1of2, .u-sm-after2of4, .u-sm-after3of6, .u-sm-after4of8, .u-sm-after5of10, .u-sm-after6of12 { margin-right: 50% !important }
    .u-sm-after7of12 { margin-right: calc(100% * 7 / 12) !important }
    .u-sm-after3of5, .u-sm-after6of10 { margin-right: 60% !important }
    .u-sm-after5of8 { margin-right: 62.5% !important }
    .u-sm-after2of3, .u-sm-after4of6, .u-sm-after8of12 { margin-right: calc(100% * 2 / 3) !important }
    .u-sm-after7of10 { margin-right: 70% !important }
    .u-sm-after3of4, .u-sm-after6of8, .u-sm-after9of12 { margin-right: 75% !important }
    .u-sm-after4of5, .u-sm-after8of10 { margin-right: 80% !important }
    .u-sm-after10of12, .u-sm-after5of6 { margin-right: calc(100% * 5 / 6) !important }
    .u-sm-after7of8 { margin-right: 87.5% !important }
    .u-sm-after9of10 { margin-right: 90% !important }
    .u-sm-after11of12 { margin-right: calc(100% * 11 / 12) !important }
}

@media (min-width:700px) {
    .u-md-afterNone { margin-left: 0 !important }
    .u-md-after1of12 { margin-right: calc(100% * 1 / 12) !important }
    .u-md-after1of10 { margin-right: 10% !important }
    .u-md-after1of8 { margin-right: 12.5% !important }
    .u-md-after1of6, .u-md-after2of12 { margin-right: calc(100% * 1 / 6) !important }
    .u-md-after1of5, .u-md-after2of10 { margin-right: 20% !important }
    .u-md-after1of4, .u-md-after2of8, .u-md-after3of12 { margin-right: 25% !important }
    .u-md-after3of10 { margin-right: 30% !important }
    .u-md-after1of3, .u-md-after2of6, .u-md-after4of12 { margin-right: calc(100% * 1 / 3) !important }
    .u-md-after3of8 { margin-right: 37.5% !important }
    .u-md-after2of5, .u-md-after4of10 { margin-right: 40% !important }
    .u-md-after5of12 { margin-right: calc(100% * 5 / 12) !important }
    .u-md-after1of2, .u-md-after2of4, .u-md-after3of6, .u-md-after4of8, .u-md-after5of10, .u-md-after6of12 { margin-right: 50% !important }
    .u-md-after7of12 { margin-right: calc(100% * 7 / 12) !important }
    .u-md-after3of5, .u-md-after6of10 { margin-right: 60% !important }
    .u-md-after5of8 { margin-right: 62.5% !important }
    .u-md-after2of3, .u-md-after4of6, .u-md-after8of12 { margin-right: calc(100% * 2 / 3) !important }
    .u-md-after7of10 { margin-right: 70% !important }
    .u-md-after3of4, .u-md-after6of8, .u-md-after9of12 { margin-right: 75% !important }
    .u-md-after4of5, .u-md-after8of10 { margin-right: 80% !important }
    .u-md-after10of12, .u-md-after5of6 { margin-right: calc(100% * 5 / 6) !important }
    .u-md-after7of8 { margin-right: 87.5% !important }
    .u-md-after9of10 { margin-right: 90% !important }
    .u-md-after11of12 { margin-right: calc(100% * 11 / 12) !important }
}

@media (min-width:960px) {
    .u-lg-afterNone { margin-left: 0 !important }
    .u-lg-after1of12 { margin-right: calc(100% * 1 / 12) !important }
    .u-lg-after1of10 { margin-right: 10% !important }
    .u-lg-after1of8 { margin-right: 12.5% !important }
    .u-lg-after1of6, .u-lg-after2of12 { margin-right: calc(100% * 1 / 6) !important }
    .u-lg-after1of5, .u-lg-after2of10 { margin-right: 20% !important }
    .u-lg-after1of4, .u-lg-after2of8, .u-lg-after3of12 { margin-right: 25% !important }
    .u-lg-after3of10 { margin-right: 30% !important }
    .u-lg-after1of3, .u-lg-after2of6, .u-lg-after4of12 { margin-right: calc(100% * 1 / 3) !important }
    .u-lg-after3of8 { margin-right: 37.5% !important }
    .u-lg-after2of5, .u-lg-after4of10 { margin-right: 40% !important }
    .u-lg-after5of12 { margin-right: calc(100% * 5 / 12) !important }
    .u-lg-after1of2, .u-lg-after2of4, .u-lg-after3of6, .u-lg-after4of8, .u-lg-after5of10, .u-lg-after6of12 { margin-right: 50% !important }
    .u-lg-after7of12 { margin-right: calc(100% * 7 / 12) !important }
    .u-lg-after3of5, .u-lg-after6of10 { margin-right: 60% !important }
    .u-lg-after5of8 { margin-right: 62.5% !important }
    .u-lg-after2of3, .u-lg-after4of6, .u-lg-after8of12 { margin-right: calc(100% * 2 / 3) !important }
    .u-lg-after7of10 { margin-right: 70% !important }
    .u-lg-after3of4, .u-lg-after6of8, .u-lg-after9of12 { margin-right: 75% !important }
    .u-lg-after4of5, .u-lg-after8of10 { margin-right: 80% !important }
    .u-lg-after10of12, .u-lg-after5of6 { margin-right: calc(100% * 5 / 6) !important }
    .u-lg-after7of8 { margin-right: 87.5% !important }
    .u-lg-after9of10 { margin-right: 90% !important }
    .u-lg-after11of12 { margin-right: calc(100% * 11 / 12) !important }
}

.u-cf:after, .u-cf:before { content: " "; display: table }
.u-cf:after { clear: both }
.u-nbfc { overflow: hidden !important }
.u-nbfcAlt { display: table-cell !important; width: 10000px !important }
.u-floatLeft { float: left !important }
.u-floatRight { float: right !important }
.u-fontSize--root { font-size: 16px }
.u-fontSize--base { font-size: 1rem }
.u-fontSize--massive { font-size: 3.25rem }
.u-fontSize--lg { font-size: 1.875rem }
.u-fontSize--sm { font-size: .875rem }
.Nav--socialVert .Nav--socialTitle, .u-fontSize--xs { font-size: .75rem }
.u-fontSize--h1 { font-size: 2.5rem }
.u-fontSize--h2 { font-size: 2rem }
.u-fontSize--h3 { font-size: 1.75rem }
.u-fontSize--h4 { font-size: 1.5rem }
.u-fontSize--h5 { font-size: 1.25rem }
.u-fontSize--h6 { font-size: 1rem }
.u-textBreak { word-wrap: break-word !important }
.Comment-feature, .u-textCenter { text-align: center !important }
.u-textLeft { text-align: left !important }
.u-textRight { text-align: right !important }
.u-textInheritColor { color: inherit !important }
.u-textKern { text-rendering: optimizeLegibility; -webkit-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; -webkit-font-kerning: normal; font-kerning: normal }
.u-textNoWrap { white-space: nowrap !important }
.u-textTruncate { max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important }
.u-textWeight--normal { font-weight: 400 }
.Nav--socialVert .Nav--socialTitle, .u-textWeight--bold { font-weight: 700 }
.u-textWeight--light { font-weight: 300 }
.u-textCapitalize { text-transform: capitalize }
.Nav--socialVert .Nav--socialTitle, .u-textUppercase { text-transform: uppercase }
.u-textShade { color: rgba(0,0,0,.5) !important }
.u-space--topBase { padding-top: .5rem !important }
.u-space--rightBase { padding-right: .5rem !important }
.u-space--bottomBase { padding-bottom: .5rem !important }
.u-space--leftBase { padding-left: .5rem !important }
.u-space--vertBase { padding-top: .5rem !important; padding-bottom: .5rem !important }
.u-space--horzBase { padding-left: .5rem !important; padding-right: .5rem !important }

@media (min-width:700px) {
    .u-space--topBase { padding-top: 1rem !important }
    .u-space--rightBase { padding-right: 1rem !important }
    .u-space--bottomBase { padding-bottom: 1rem !important }
    .u-space--leftBase { padding-left: 1rem !important }
    .u-space--vertBase { padding-top: 1rem !important; padding-bottom: 1rem !important }
    .u-space--horzBase { padding-left: 1rem !important; padding-right: 1rem !important }
}

.u-space--topXSmall { padding-top: .25rem !important }
.u-space--rightXSmall { padding-right: .25rem !important }
.Nav--socialVert .Nav--socialTitle, .u-space--bottomXSmall { padding-bottom: .25rem !important }
.u-space--leftXSmall { padding-left: .25rem !important }
.u-space--vertXSmall { padding-top: .25rem !important; padding-bottom: .25rem !important }
.u-space--horzXSmall { padding-left: .25rem !important; padding-right: .25rem !important }

@media (min-width:700px) {
    .u-space--topXSmall { padding-top: .5rem !important }
    .u-space--rightXSmall { padding-right: .5rem !important }
    .Nav--socialVert .Nav--socialTitle, .u-space--bottomXSmall { padding-bottom: .5rem !important }
    .u-space--leftXSmall { padding-left: .5rem !important }
    .u-space--vertXSmall { padding-top: .5rem !important; padding-bottom: .5rem !important }
    .u-space--horzXSmall { padding-left: .5rem !important; padding-right: .5rem !important }
}

.u-space--topTiny { padding-top: .75rem !important }
.u-space--rightTiny { padding-right: .75rem !important }
.u-space--bottomTiny { padding-bottom: .75rem !important }
.u-space--leftTiny { padding-left: .75rem !important }
.u-space--vertTiny { padding-top: .75rem !important; padding-bottom: .75rem !important }
.u-space--horzTiny { padding-left: .75rem !important; padding-right: .75rem !important }

@media (min-width:700px) {
    .u-space--topTiny { padding-top: 1.5rem !important }
    .u-space--rightTiny { padding-right: 1.5rem !important }
    .u-space--bottomTiny { padding-bottom: 1.5rem !important }
    .u-space--leftTiny { padding-left: 1.5rem !important }
    .u-space--vertTiny { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
    .u-space--horzTiny { padding-left: 1.5rem !important; padding-right: 1.5rem !important }
}

.u-space--topSmall { padding-top: 1rem !important }
.u-space--rightSmall { padding-right: 1rem !important }
.u-space--bottomSmall { padding-bottom: 1rem !important }
.u-space--leftSmall { padding-left: 1rem !important }
.u-space--vertSmall { padding-top: 1rem !important; padding-bottom: 1rem !important }
.u-space--horzSmall { padding-left: 1rem !important; padding-right: 1rem !important }

@media (min-width:700px) {
    .u-space--topSmall { padding-top: 2rem !important }
    .u-space--rightSmall { padding-right: 2rem !important }
    .u-space--bottomSmall { padding-bottom: 2rem !important }
    .u-space--leftSmall { padding-left: 2rem !important }
    .u-space--vertSmall { padding-top: 2rem !important; padding-bottom: 2rem !important }
    .u-space--horzSmall { padding-left: 2rem !important; padding-right: 2rem !important }
}

.u-space--topMedium { padding-top: 1.5rem !important }
.u-space--rightMedium { padding-right: 1.5rem !important }
.u-space--bottomMedium { padding-bottom: 1.5rem !important }
.u-space--leftMedium { padding-left: 1.5rem !important }
.u-space--vertMedium { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important }
.u-space--horzMedium { padding-left: 1.5rem !important; padding-right: 1.5rem !important }

@media (min-width:700px) {
    .u-space--topMedium { padding-top: 3rem !important }
    .u-space--rightMedium { padding-right: 3rem !important }
    .u-space--bottomMedium { padding-bottom: 3rem !important }
    .u-space--leftMedium { padding-left: 3rem !important }
    .u-space--vertMedium { padding-top: 3rem !important; padding-bottom: 3rem !important }
    .u-space--horzMedium { padding-left: 3rem !important; padding-right: 3rem !important }
}

.u-space--topLarge { padding-top: 2rem !important }
.u-space--rightLarge { padding-right: 2rem !important }
.u-space--bottomLarge { padding-bottom: 2rem !important }
.u-space--leftLarge { padding-left: 2rem !important }
.Comment-btn, .u-space--vertLarge { padding-top: 2rem !important; padding-bottom: 2rem !important }
.u-space--horzLarge { padding-left: 2rem !important; padding-right: 2rem !important }

@media (min-width:700px) {
    .u-space--topLarge { padding-top: 4rem !important }
    .u-space--rightLarge { padding-right: 4rem !important }
    .u-space--bottomLarge { padding-bottom: 4rem !important }
    .u-space--leftLarge { padding-left: 4rem !important }
    .Comment-btn, .u-space--vertLarge { padding-top: 4rem !important; padding-bottom: 4rem !important }
    .u-space--horzLarge { padding-left: 4rem !important; padding-right: 4rem !important }
}

.u-space--topXLarge { padding-top: 2.5rem !important }
.u-space--rightXLarge { padding-right: 2.5rem !important }
.u-space--bottomXLarge { padding-bottom: 2.5rem !important }
.u-space--leftXLarge { padding-left: 2.5rem !important }
.u-space--vertXLarge { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important }
.u-space--horzXLarge { padding-left: 2.5rem !important; padding-right: 2.5rem !important }

@media (min-width:700px) {
    .u-space--topXLarge { padding-top: 5rem !important }
    .u-space--rightXLarge { padding-right: 5rem !important }
    .u-space--bottomXLarge { padding-bottom: 5rem !important }
    .u-space--leftXLarge { padding-left: 5rem !important }
    .u-space--vertXLarge { padding-top: 5rem !important; padding-bottom: 5rem !important }
    .u-space--horzXLarge { padding-left: 5rem !important; padding-right: 5rem !important }
}

.u-space--topXXLarge { padding-top: 4rem !important }
.u-space--rightXXLarge { padding-right: 4rem !important }
.u-space--bottomXXLarge { padding-bottom: 4rem !important }
.u-space--leftXXLarge { padding-left: 4rem !important }
.u-space--vertXXLarge { padding-top: 4rem !important; padding-bottom: 4rem !important }
.u-space--horzXXLarge { padding-left: 4rem !important; padding-right: 4rem !important }

@media (min-width:700px) {
    .u-space--topXXLarge { padding-top: 8rem !important }
    .u-space--rightXXLarge { padding-right: 8rem !important }
    .u-space--bottomXXLarge { padding-bottom: 8rem !important }
    .u-space--leftXXLarge { padding-left: 8rem !important }
    .u-space--vertXXLarge { padding-top: 8rem !important; padding-bottom: 8rem !important }
    .u-space--horzXXLarge { padding-left: 8rem !important; padding-right: 8rem !important }
}

.u-hide { display: none }
.u-hide--sm { display: none }

@media (min-width:701px) {
    .u-hide--sm { display: block }
}

.u-hide--md { display: none }

@media (min-width:701px) {
    .u-hide--md { display: block }
}

.u-hide--lg { display: none }

@media (min-width:961px) {
    .u-hide--lg { display: block }
}

.u-stripe--shade6 { background-color: #f7f7f7 }
html { box-sizing: border-box; font-family: "Proxima Nova",proxima-nova,"Helvetica Neue",sans-serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures }
body { margin: 0; padding-top: 58px }

@media (min-width:960px) {
    body { padding-top: 0 }
}

*, :after, :before { box-sizing: inherit }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio:not([controls]) { display: none; height: 0 }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
small { font-size: 80% }
sub, sup { font-size: 1.75em; line-height: 0; position: relative; vertical-align: baseline; padding-left: 2px }
sup { top: .2rem }
sub { bottom: -.25em }
img { max-width: 100%; height: auto; border: 0 }
input[type=text]::-ms-clear { display: none; width: 0; height: 0 }
input[type=text]::-ms-reveal { display: none; width: 0; height: 0 }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none }
.Grid { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; padding: 0 }
.Grid--equalHeight > .Grid-cell { display: -webkit-flex; display: -ms-flexbox; display: flex }
.Grid--alignCenter { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.Grid--alignRight { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.Grid--maxWidth { max-width: 1400px; margin-left: 19.99px; margin-right: 19.99px }

@media (min-width:960px) {
    .Grid--maxWidth { margin-left: 5rem; margin-right: 5rem }
}

@media (min-width:1560px) {
    .Grid--maxWidth { margin-left: auto; margin-right: auto }
}

.Grid--alignMiddle { -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Grid--alignBottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
.Grid--withGutter { margin-left: calc(-.5 * 19.99px); margin-right: calc(-.5 * 19.99px) }
.Grid--withGutter > .Grid-cell { padding-left: calc(.5 * 19.99px); padding-right: calc(.5 * 19.99px) }
.Grid--multiRow > .Grid-cell { padding-bottom: 3rem }

@media (min-width:700px) {
    .Grid--multiRow > .Grid-cell { padding-bottom: 4rem }
}

@media (min-width:960px) {
    .Grid--multiRow > .Grid-cell { padding-bottom: 5rem }
}

.Grid-cell { box-sizing: inherit; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: 0 }
.Grid--borderBtm { border-bottom: 1px solid #e5e5e5 }
.Grid--borderTop { border-top: 1px solid #e5e5e5 }
.Grid--fill > * { -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0% }
.gradient-bkgd { background: linear-gradient(180deg, #fff 0, rgba(238, 238, 238, .3) 100%) }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; font-weight: 700 }
h1 { font-size: 2.5rem }
h2 { font-size: 2rem }
h3 { font-size: 1.75rem }
h4 { font-size: 1.5rem }
h5 { font-size: 1.25rem }
h6 { font-size: 1rem }
a { color: #e66d17; text-decoration: none; transition: all .1s linear }
a:focus, a:hover { color: #cf6214; text-decoration: none }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
ol, p, ul { font-size: 1rem; line-height: 1.5; margin-top: 1rem; margin-bottom: 1rem }
ol, ul { margin-top: 0; margin-bottom: 1rem }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
.list-unstyled { margin-bottom: 0; padding-left: 0; list-style: none }
.Table { width: 100%; max-width: 100%; border-collapse: collapse; background-color: #fff }
.Table td, .Table th { text-align: left; padding: 1rem; vertical-align: top; border-top: 1px solid #e6e6e6 }
.Table thead th { vertical-align: bottom; border-bottom: 2px solid #e6e6e6 }
.Table tbody + tbody { border-top: 2px solid #e6e6e6 }
.Table--condensed td, .Table--condensed th { padding: .5rem }
.Table--bordered { border: 1px solid #e6e6e6 }
.Table--bordered td, .Table--bordered th { border: 1px solid #e6e6e6 }
.Table--bordered thead td, .Table--bordered thead th { border-bottom-width: 2px }
.Table--striped tbody tr:nth-of-type(odd) { background-color: #f7f7f7 }
.Table--dark td, .Table--dark th { background-color: #7e7e7e; color: #fff; border-color: #fff }
.Table--hover tbody tr { transition: all .1s linear }
.Table--hover tbody tr:hover { background-color: #e5e5e5 }
.row--link { background-color: #e66d17; color: #fff }
.row--inverse { background-color: #7e7e7e; color: #fff }
.row--danger { background-color: #a94442; color: #fff }
.HeadingGroup { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 1rem; padding-bottom: 3rem }

@media (min-width:700px) {
    .HeadingGroup { padding-top: 4rem; padding-bottom: 1.5rem; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
}

.HeadingGroup .HeadingGroup--center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.HeadingGroup-heading { font-weight: 300; font-size: 2.5rem; line-height: 1; letter-spacing: -.014375rem }

@media (min-width:700px) {
    .HeadingGroup-heading { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 }
}

.HeadingGroup-detail { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase }
.HeadingGroup-navList { margin-bottom: 0; padding-left: 0; list-style: none }
.HeadingGroup-navList li { display: inline-block }
.HeadingGroup-link { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #000; position: relative; display: inline-block; padding: 1rem .5rem }
.HeadingGroup-link:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #e66d17; opacity: 0; transition: all .1s linear }
.HeadingGroup-link.is-active:after, .HeadingGroup-link:hover:after { opacity: 1 }
.HeadingGroup-link.is-active { pointer-events: none }
.HeadingGroup--right .HeadingGroup-detail { text-align: right }
.HeadingGroup--btmBorder { padding-top: 0 }

@media (min-width:700px) {
    .HeadingGroup--btmBorder { padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid #d4d3d4 }
}

.HeadingGroup--nav { padding-bottom: 0; margin-bottom: 2rem; border-bottom: 1px solid #d4d3d4 }
.HeadingGroup--nav .HeadingGroup-heading { padding-bottom: 1rem }
.HeadingGroup--half { padding-top: 0 }
.Form-group { margin-bottom: 1.5rem }
.Form-control { display: block; width: 100%; padding: 10px 10px; font-size: .75rem; line-height: 1; color: #000; background-color: #f7f7f7; background-image: none; background-clip: padding-box; border: 1px solid #e5e5e5; border-radius: 0; transition: all .1s linear }
.Form-control:focus { background-color: #fff; border-color: #7f7f7f; outline: 0; box-shadow: 0 }
.Form-control::-webkit-input-placeholder { color: #999; opacity: 1 }
.Form-control::-moz-placeholder { color: #999; opacity: 1 }
.Form-control:-ms-input-placeholder { color: #999; opacity: 1 }
.Form-control::placeholder { color: #999; opacity: 1 }
.Form-control:disabled, .Form-control[readonly] { pointer-events: none; background-color: #eee; opacity: 1 }
.Form-control::-ms-expand { background-color: transparent; border: 0 }
.Form-text { display: block; margin-top: .25rem }
.Form-check { position: relative; display: block; margin-bottom: .5rem }
.Form-check-label { margin-bottom: 0 }
.Form-actions { margin-top: .5rem }
label { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; display: block; font-weight: 700; margin-bottom: .5rem }
.Form-control--lg { padding: 10px 10px; font-size: 1rem; line-height: 10px }
.Form-control--sm { padding: 10px 10px; font-size: .75rem; line-height: 10px }
.Form-check.is-inline { display: inline-block; margin-right: .25rem }
.Form-check.is-inline .form-check-label { vertical-align: middle }
.Form-check.is-disabled { opacity: .5 }
.Form-text.is-invalid { color: #a94442 }
.Form-control.is-invalid { border-color: #a94442; background-color: #e8c4c1; color: #a94442 }
.Form-control.is-invalid:focus, .Form-control.is-invalid:hover { background-color: #e8c4c1 }
.Form--darkInput .Form-control { border-color: #bababa }
.Form--darkInput .Form-control:focus { border-color: #000 }
.Form-search { width: 100%; padding-top: 2.5rem; padding-bottom: 2.5rem }
.Form-search .Form-group { position: relative }
.Form-search label { color: rgba(0,0,0,.25) }
.Form-search .Form-control { font-weight: 300; font-size: 1.75rem; line-height: 1; letter-spacing: -.03125rem; padding-right: 4rem; border: 0; border-bottom: 1px solid #e5e5e5; padding-left: 0 }

@media (min-width:700px) {
    .Form-search .Form-control { font-size: 2.5rem }
}

.Form-search .Form-control:focus { background-color: transparent; border-color: #7f7f7f }
.Form-search [type=submit] { position: absolute; right: 0; bottom: 0; padding: 1rem }
.Form-search [type=submit] svg { width: 31px; height: 32px; opacity: .5; transition: all .1s linear }
.Form-search [type=submit] svg:hover { opacity: 1 }
.Form-searchTransparent { padding-bottom: 0 }
.Form-searchTransparent .Form-control { background-color: #fff }
.Form-searchMobile .Form-group { position: relative }
.Form-searchMobile .Form-control { padding-right: 3rem }
.Form-searchMobile [type=submit] { position: absolute; right: 0; top: 0; padding: .625rem }
.Form-searchMobile [type=submit] svg { width: 16px; height: auto }
.Form-searchMobile [type=submit] .stroke { stroke: #000 }
.Form--emailSignup .Form-group { position: relative }
.Form--emailSignup .Form-control { padding-right: 3rem }
.Form--emailSignup [type=submit] { position: absolute; right: 1px; top: 1px; padding: .625rem .5625rem; background-color: #e5e5e5 }
.Form--emailSignup [type=submit] svg { width: 16px; height: auto }
.Form--emailSignup [type=submit] .stroke { stroke: #000 }
.Form--emailSignup [type=submit]:hover { background-color: #e66d17 }
.Form--emailSignup [type=submit]:hover .stroke { stroke: #fff }
.CustomSelect { position: relative; display: inline-block }
.CustomSelect__select { -webkit-appearance: none; -moz-appearance: none; border: 1px solid #d8d8d8; border-radius: 50px; height: 35px; padding: 0 45px 0 15px; background-color: transparent; outline: 0; position: relative; z-index: 2; font-weight: 600; font-size: 12px }
.CustomSelect__arrow { display: block; width: 12px; height: 7px; position: absolute; right: 15px; top: 15px; background-image: url(../img/template/down-caret.png) }
.Btn { display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; font-size: .625rem; letter-spacing: .09375rem; font-weight: 600; color: #fff; border: 1px solid transparent; padding: 1rem 1.25rem; border-radius: 0; cursor: pointer; transition: all .1s linear }
.Btn:focus, .Btn:hover { text-decoration: none; outline: 0; color: #e66d17 }
.Btn.disabled, .Btn:disabled { pointer-events: none; opacity: .65; box-shadow: none }
.Btn-link { background-color: transparent; color: #e66d17 }
.Btn-link:hover { color: #cf6214 }
.Btn-primary { background-color: #e66d17; border-color: #e66d17 }
.Btn-primary.is-active, .Btn-primary:hover { color: #fff; background-color: #e66d17; border-color: #e66d17 }
.Hero-footer .Btn-primary span:hover { color: #000 }
.Btn-secondary { background-color: #e5e5e5; border-color: #e5e5e5; color: #000 }
.Btn-secondary.is-active, .Btn-secondary:hover { background-color: #e5e5e5; border-color: #e5e5e5 }
.Btn-info { background-color: #fff; border-color: #e5e5e5; color: #7f7f7f }
.Btn-info.is-active, .Btn-info:hover { color: #e66d17 }
.Btn-info-dark { background-color: #fff; border-color: #e5e5e5; color: #000 }
.Btn-info-dark.is-active, .Btn-info-dark:hover { color: #e66d17 }
.Btn-trans { background-color: transparent; border-color: #e6e6e6; color: grey }
.Btn-trans.is-active, .Btn-trans:hover { color: grey }
.Btn-border { background-color: transparent }
.Btn-border-primary { border-color: #e66d17; color: #000 }
.Btn-border-secondary { border-color: #e5e5e5; color: #000 }
.Btn-border-secondary.is-active, .Btn-border-secondary:hover { border-color: #e66d17; background-color: #e66d17; color: #fff }
.Btn-border-info { border-color: #e6e6e6; color: #7f7f7f }
.Btn-border-info.is-active, .Btn-border-info:hover { border-color: #e66d17; background-color: #e66d17; color: #fff }
.Btn-lg { font-size: 1.875rem }
.Btn-sm { padding: .5rem .7rem; font-size: .625rem }
.Btn-block { display: block; width: 100% }
.Btn-block + .Btn-block { margin-top: 1rem }
.Btn-append .Btn-value-container, .Btn-prepend .Btn-value-container { position: absolute; top: -1px; width: 50px; height: calc(100% + 1px*2); padding: 1rem; border: 1px solid #ce6114; background-color: #ce6114 }
.Btn-append .Btn-value, .Btn-prepend .Btn-value { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.Btn-prepend { position: relative; padding-left: calc(1.6875rem + 50px) }
.Btn-prepend .Btn-value-container { left: -1px }
.Btn-append { position: relative; padding-right: calc(1.6875rem + 50px) }
.Btn-append .Btn-value-container { right: -1px }
.Btn-rounded { border-radius: 10000px }
.Btn-append .Btn-icon { font-style: normal; background-color: transparent }
.Btn-filter-toggle { font-weight: 400; font-size: .75rem }
.Btn-filter-toggle .Icon { position: static; right: 30px; padding-left: 5px; font-size: 8px; float: right; margin-top: 3px }
.Btn-filter-toggle .Icon:before { color: #e66d17; content: '\e903' }
.Btn-filter-toggle.is-active { color: #000 }
.Btn-filter-toggle.is-active .Icon { -webkit-transform: rotate(0); transform: rotate(0); margin-top: 2.5px }
.Btn-filter-toggle.is-active .Icon:before { content: '\e902' }
.Btn-filter-toggle.Btn-trans .Icon:before { color: grey }
.Btn-filter-remove { padding-bottom: .4375rem }
.Btn-filter-remove .Icon { position: relative; top: -4px; display: inline-block; width: 24px; height: 24px; border: 2px solid #e5e5e5; border-radius: 30px; margin-left: .5rem; transition: all .1s linear }
.Btn-filter-remove .Icon:before { font-size: 10px; position: relative; top: 5px; left: .65px; color: #e66d17; transition: all .1s linear }
.Btn-filter-remove:hover { background-color: #e66d17; border-color: #e66d17; color: #fff }
.Btn-filter-remove:hover .Icon { border-color: #fff }
.Btn-filter-remove:hover .Icon:before { color: #fff }
.Btn--Bookmark { position: relative; padding: 0; width: 2.8125rem; height: 2.8125rem; border-radius: 100px; border: 1px solid #d4d3d4; transition: all .1s linear; display: none }

@media (min-width:700px) {
    .Btn--Bookmark { display: block }
}

.Btn--Bookmark svg { position: absolute; top: 11px; left: 13px; width: 16px; height: auto }
.Btn--Bookmark .color { transition: all .1s linear; stroke: #d4d3d4 }
.Btn--Bookmark.is-active, .Btn--Bookmark:hover { border-color: #e66d17 }
.Btn--Bookmark.is-active .color, .Btn--Bookmark:hover .color { stroke: #e66d17 }
.Btn--Arrow { position: relative; width: 50px; height: 50px; text-align: center; border: 1px solid rgba(255, 255, 255, .25) }
.Btn--Arrow svg { position: absolute; top: 50%; left: 50%; width: 26px; height: 18.56px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.Btn--Arrow .stroke { stroke-width: 1; stroke: #fff }
.Btn--Arrow .is-active, .Btn--Arrow:hover { background-color: #e66d17; border-color: #e66d17 }
.Btn--ArrowLeft svg { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(180deg), translate(-50%, -50%); transform: rotate(180deg), translate(-50%, -50%) }
.Custom-control { position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex }
.Custom-control.is-active .Custom-control-indicator { border-color: #e66d17 }
.Custom-control.is-active .Custom-control-description { color: #e66d17 }
.Custom-control-input { position: absolute; z-index: -1; opacity: 0 }
.Custom-control-description { cursor: pointer }
.Custom-control-indicator { width: 1.066666667rem; height: 1.066666667rem; margin-right: .375rem; border: 1px solid #000 }
.Custom-control--radio .Custom-control-indicator { border-radius: .46875rem }
.ProductItem { position: relative }
.ProductItem__badge { display: block; position: absolute; top: 15px; right: 15px }
.ProductItem__options { z-index: 2; margin-bottom: 15px }
.ProductItem-image { text-align: center }
.ProductItem-details { text-align: center; padding-top: 1rem }
.ProductItem-name { font-weight: 300; font-size: 1.25rem; line-height: 1; letter-spacing: -.015625rem }

@media (min-width:700px) {
    .ProductItem-name { font-size: 1.5rem }
}

.ProductItem-price { font-weight: 600; font-size: .875rem; line-height: 1; letter-spacing: .125rem; display: block; padding-top: 1.5rem; padding-bottom: 1rem }

@media (min-width:960px) {
    .ProductItemGrid { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -20px; margin-right: -20px }
    .ProductItemGrid > * { -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; padding: 0 20px }
}

.ProductGrid { padding-bottom: 4rem; width: 100% }
.ProductGrid-item { position: relative }

@media (min-width:700px) {
    .ProductGrid-item { height: 36.9375rem }
}

.ProductGrid-item--alt .ProductItem__description { font-weight: 600; font-size: .7rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: grey; margin-bottom: 5px }
.ProductGrid-item--alt .ProductGrid-item__logos { margin-top: 20px }
.ProductGrid-item--alt .ProductGrid-item__logos img { display: inline-block; width: 40px; height: auto; margin-right: 13px }
.ProductGrid-item--alt .ProductGrid-item__details { padding: 20px 0; margin-top: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.ProductGrid-item--alt .ProductGrid-item__details > ul { margin-bottom: 8px }
.ProductGrid-item--alt .ProductGrid-item__details > ul:last-child { margin-bottom: 0 }
.ProductGrid-item--alt .Labellist-item { padding: 0 }
.ProductGrid-item--alt .ProductItem__optionsButton { padding: 0; margin: 0; padding: 2px; border: 1px solid transparent; width: 28px; height: 28px; border-radius: 50%; outline: 0; cursor: pointer }
.ProductGrid-item--alt .ProductItem__optionsButton--active { border-color: #db6125 }
.ProductGrid-item--alt .ProductItem__optionsButton img { border-radius: 50% }
.ProductGrid-item--alt .ProductGrid-additionalDetails { border-top: none; margin-top: 0 }
.ProductGrid-itemInner { text-align: center; display: block; color: #000; background-color: #fff; padding: 1.25rem 1rem; transition: all .1s linear; box-shadow: 0 0 10px 0 transparent }
.ProductGrid-itemInner > a { color: #000; text-decoration: none }
.ProductGrid-itemCompare { text-align: center; display: none }

@media (min-width:700px) {
    .ProductGrid-itemCompare { display: block }
}

.ProductGrid-itemCompare label { font-weight: 400 }
.ProductGrid-additionalDetails { text-align: left; border-top: 1px solid #e5e5e5; margin-top: 1.5rem; display: none }
.ProductGrid-additionalDetails p { font-size: .75rem; line-height: 1.25rem; margin-bottom: 0; color: #7f7f7f }
.ProductGrid-additionalDetails .Labellist--TwoCol { padding-bottom: .5rem; padding-top: .5rem; border-bottom: 1px solid #e5e5e5 }
.ProductGrid-additionalDetails .Labellist--images .Labellist-item:first-of-type { display: block; width: 100% }
.ProductGrid-compareContainer { position: fixed; top: 100%; left: 0; width: 100%; z-index: 20; padding-top: 3rem; padding-bottom: 3rem; border-top: 1px solid rgba(0, 0, 0, .1); background-color: #fff; display: none }
.ProductGrid-compareContainer .Grid--maxWidth { position: relative }

@media (min-width:700px) {
    .ProductGrid-compareContainer { display: block }
}

.ProductGrid-compareContainer-header { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; margin-left: 1.5rem; margin-bottom: 1.5rem }
.ProductGrid-compareContainer-toggle { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: grey; position: absolute; right: 1.5rem; top: 0 }
.ProductGrid-compareContainer-toggle i { font-size: 7px; letter-spacing: 0; position: relative; top: -1px }

@media (min-width:960px) {
    .ProductGrid-compareContainer-toggle { right: 0 }
}

.ProductGrid-compareContainer .ProductItem { height: 100%; border: 1px solid #e6e6e6; margin-left: 1.5rem; margin-right: 1.5rem }
.ProductGrid-compareContainer .ProductItem a { position: relative; display: block; padding: .625rem 1.5rem 1rem }
.ProductGrid-compareContainer .ProductItem a:hover .Icon-small-circle { border-color: #e66d17; background-color: #e66d17 }
.ProductGrid-compareContainer .ProductItem a:hover .Icon-small-circle:before { color: #fff }
.ProductGrid-compareContainer .ProductItem .ProductItem-image img { max-width: 7.8125rem; max-height: 7.8125rem }
.ProductGrid-compareContainer .ProductItem .ProductItem-name { font-size: .75rem; font-weight: 400; line-height: 1; color: rgba(0,0,0,.5) }
.ProductGrid-compareContainer .ProductItem .Icon-small-circle { position: absolute; top: .625rem; right: .625rem }
.ProductGrid-compareContainer-actions { margin-top: 3rem; text-align: center }
.ProductGrid-compareContainer-actions .Btn { width: 30% }

@media (min-width:960px) {
    .ProductGrid-compareContainer-actions { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; text-align: left }
    .ProductGrid-compareContainer-actions .Btn { width: 100% }
    .ProductGrid-compareContainer-actions .Btn + .Btn { margin-top: 1rem }
}

@media (min-width:700px) {
    .ProductGrid-item.is-active, .ProductGrid-item:hover { z-index: 10 }
    .ProductGrid-item.is-active .ProductGrid-itemInner, .ProductGrid-item:hover .ProductGrid-itemInner { box-shadow: 0 0 10px 0 rgba(0,0,0,.1) }
    .ProductGrid-item.is-active .ProductGrid-additionalDetails, .ProductGrid-item:hover .ProductGrid-additionalDetails { display: block }
}

.product-grid-filterbar-container { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 3rem }
#product-grid-filterbar-container-new { display: -webkit-flex; display: -ms-flexbox; display: flex }
#product-grid-filterbar-container-new #productList { margin-left: 1rem; margin-right: 1rem }
.VideoPlayer-posterframe { position: relative; display: inline-block; max-width: 100% }
.VideoPlayer-posterframe-link { position: relative; display: block }
.VideoPlayer-posterframe-link:hover .VideoPlayer-button { background-color: #e66d17 }
.VideoPlayer-posterframe-link:hover .Icon-play { color: #fff }
.VideoPlayer-button { display: block; position: absolute; top: calc(50% - 35px); left: calc(50% - 35px); width: 70px; height: 70px; border-radius: 35px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.04); background-color: #fff; text-align: center; transition: all .1s linear }
.VideoPlayer-button .Icon-play { position: relative; top: 24px; left: 3px; font-size: 1.375rem; color: #e66d17; transition: all .1s linear }
.VideoPlayer-button:hover { text-decoration: none }
.VideoPlayer--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 }
.Slideshow { width: 100%; max-width: 620px; display: block; margin-left: auto; margin-right: auto }
.Slideshow-slides { margin-bottom: 0; padding-left: 0; list-style: none }
.Slideshow-slide img { display: block }
.Slideshow-navigation { margin-bottom: 0; padding-left: 0; list-style: none; text-align: center; background-color: #fff }
.Slideshow-navigation li { display: inline-block; margin-top: .5rem; margin-bottom: .5rem }
.Slideshow-navigation button { display: block; width: 10px; height: 10px; position: relative; text-indent: -123456px; overflow: hidden; padding: 20px; background: 0 0; border: 0; outline: 0; cursor: pointer }
.Slideshow-navigation button:after { content: ''; position: absolute; top: 15px; left: 15px; display: block; width: 10px; height: 10px; border-radius: 5px; border: 2px solid #bababa; transition: all .1s linear }
.Slideshow-navigation button:hover:after { border-color: #e66d17; background-color: #e66d17 }
.Slideshow-navigation .slick-active button { pointer-events: none; cursor: normal }
.Slideshow-navigation .slick-active button:after { border-color: #e66d17; background-color: #e66d17 }
.slick-slider { width: 100%; max-width: 620px; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:after, .slick-track:before { content: ''; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: 0 0; color: transparent; top: calc(50% - 28px); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); padding: 0; border: 0; outline: 0 }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0; background: 0 0; color: transparent }
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 }
.slick-next:hover:before, .slick-prev:hover:before { color: #e66d17 }
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 }
.slick-next:before, .slick-prev:before { font-family: icomoon; font-size: 14px; line-height: 1; color: #ccc; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-prev { left: -25px }
[dir=rtl] .slick-prev { left: auto; right: -25px }
.slick-prev:before { content: "" }
[dir=rtl] .slick-prev:before { content: "" }
.slick-next { right: -25px }
[dir=rtl] .slick-next { left: -25px; right: auto }
.slick-next:before { content: "" }
[dir=rtl] .slick-next:before { content: "" }
.slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer }
.slick-dots li button { border: 0; background: 0 0; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer }
.slick-dots li button:focus, .slick-dots li button:hover { outline: 0 }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: icomoon; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-dots li.slick-active button:before { color: #000; opacity: .75 }
.IconLink { margin-top: .5rem; margin-bottom: .5rem; display: inline-block }
.IconLink-text { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: grey }
.IconLink--prepend .Icon { float: left; -webkit-transform: translateX(-.75rem); transform: translateX(-.75rem); transition: all .1s linear }
.IconLink--prepend:hover .Icon { -webkit-transform: translateX(-.5rem); transform: translateX(-.5rem) }
.IconLink--append .Icon { float: right; -webkit-transform: translateX(.5rem); transform: translateX(.5rem); transition: all .1s linear }
.IconLink--append:hover .Icon { -webkit-transform: translateX(.75rem); transform: translateX(.75rem) }
.IconLink .Icon { position: relative }
.IconLink .Icon-chevron-right { top: 3.2px; font-size: 12px }
.Nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 0; margin-bottom: 0; list-style: none }
.Nav-link { display: block; padding: 1rem }
.Nav-link:focus, .Nav-link:hover { text-decoration: none }
.Nav-label { display: block; padding: 1rem }
.Nav-btn { display: block }
.Nav--center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.Nav--right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.Nav--fill .Nav-item { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center }
.Nav--buttons { display: block }

@media (min-width:700px) {
    .Nav--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
}

.Nav--buttons .Nav-btn { display: block; margin-bottom: .78125rem }

@media (min-width:700px) {
    .Nav--buttons .Nav-btn { display: inline-block; margin-left: .78125rem; margin-right: .78125rem; margin-bottom: 0 }
    .Nav--buttons .Nav-btn:first-child { margin-left: 0 }
}

.Nav--social .Nav-link { padding: 0 .5rem; position: relative; overflow: hidden; color: rgba(0,0,0,.25); font-size: 1.875rem; line-height: 1 }
.Nav--social .Nav-link:hover { color: #e66d17 }
.Nav--social .Nav-link span { position: absolute; top: -123456px; left: -123456px }
.Nav--social:first-child .Nav-link { padding-left: 0 }
.Nav--socialVert { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Nav--socialVert .Nav-link { padding: .5rem 0 }
.Nav--socialVert .Nav--socialTitle { letter-spacing: 2px }
.Nav--tabList { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.Nav--tabList .Nav-item { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center }

@media (min-width:700px) {
    .Nav--tabList .Nav-item { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: left }
}

.Nav--tabList .Nav-label { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; padding-left: 0 }
.Nav--tabList .Nav-link { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f }
.Nav--tabList .Nav-link span { display: inline-block; position: relative }
.Nav--tabList .Nav-link em { font-style: normal; display: none }

@media (min-width:700px) {
    .Nav--tabList .Nav-link em { display: inline-block }
}

.Nav--tabList .Nav-link span:after { content: ''; display: block; width: 100%; height: 2px; position: absolute; bottom: -1rem; left: 0; background-color: rgba(230,109,23,0); transition: all .1s linear }
.Nav--tabList .Nav-link.is-active, .Nav--tabList .Nav-link:hover { color: #000 }
.Nav--tabList .Nav-link.is-active span:after, .Nav--tabList .Nav-link:hover span:after { background-color: #e66d17 }
.Nav--tabList .Nav-link.is-active, .Nav--tabList .Nav-link.is-active:hover { cursor: default; pointer-events: none }
.Nav--tabList.Nav--tabLowercase .Nav-label, .Nav--tabList.Nav--tabLowercase .Nav-link { font-size: .75rem; line-height: 1.833333333; letter-spacing: 0; font-weight: 400; text-transform: none }
.Nav--tabList.Nav--tabBreakBlock { overflow: hidden; text-align: left; display: block; margin-bottom: 1rem }

@media (min-width:960px) {
    .Nav--tabList.Nav--tabBreakBlock { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0 }
}

.Nav--tabList.Nav--tabBreakBlock .Nav-item { text-align: left }
.Nav--tabList.Nav--tabBreakBlock .Nav-link { padding: .5rem; float: left; width: 50%; padding-left: 0 !important }
.Nav--tabList.Nav--tabBreakBlock .Nav-link span:after { bottom: 0 }

@media (min-width:960px) {
    .Nav--tabList.Nav--tabBreakBlock .Nav-link { float: none; width: auto; padding: 1rem }
    .Nav--tabList.Nav--tabBreakBlock .Nav-link span:after { bottom: -1rem }
}

.Tablist { margin-bottom: 2rem; border-bottom: 1px solid #e5e5e5 }
.Tablist .Nav-item:first-child .Nav-link { padding-left: 0 }
.Tablist .Tablist-label + .Nav--tabList .Nav-item:first-child .Nav-link { padding-left: 1rem }
.Tablist-label { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; padding: 1rem; padding-left: 0; float: left }
.Tablist--border { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.Tablist--tabLowercase .Tablist-label { font-size: .75rem; line-height: 1.833333333; letter-spacing: 0; font-weight: 400; text-transform: none }
.Tablist--tabBreakBlock .Tablist-label { float: none; display: block }

@media (min-width:960px) {
    .Tablist--tabBreakBlock .Tablist-label { float: left; display: inline-block }
}

.Labellist { margin-bottom: 0; padding-left: 0; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.Labellist--noTopBorder { border-top: none }
.Labellist--noBottomBorder { border-bottom: none }
.Labellist--noBorder { border: none }
.Labellist-content, .Labellist-label { display: block }

@media (min-width:700px) {
    .Labellist-content, .Labellist-label { display: block }
}

.Labellist-item { display: block; padding: .5rem; width: 50% }
.Labellist-item:focus, .Labellist-item:hover { text-decoration: none }
.Labellist-item:first-child { padding-left: 0 !important; position: relative; top: 8px }
.Labellist-item:nth-child(3n) { padding-left: 0 }
.Labellist-item:last-child { padding-right: 0 }

@media (min-width:700px) {
    .Labellist-item { width: auto; padding: 1rem }
    .Labellist-item:nth-child(3n) { padding-left: 1rem }
}

.Labellist-label { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f }
.Labellist-content { font-size: .75rem; line-height: 1.833333333 }
.Labellist--center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.Labellist--right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.Labellist--fill .Labellist-item { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: left }
.Labellist--stacked .Labellist-content, .Labellist--stacked .Labellist-label { display: block }
.Labellist--stacked .Labellist-item { width: 50% }
.Labellist--stacked .Labellist-item:nth-child(3n) { padding-left: 0 }

@media (min-width:700px) {
    .Labellist--stacked .Labellist-item { width: auto }
    .Labellist--stacked .Labellist-item:nth-child(3n) { padding-left: 1rem }
}

.Labellist--TwoCol .Labellist-item { width: 50%; display: inline-block }
.Labellist--TwoCol .Labellist-item:nth-child(odd) { float: left; padding-left: 0 }
.Labellist--TwoCol .Labellist-item:nth-child(even) { float: left }

@media (min-width:700px) {
    .Labellist--TwoCol .Labellist-item { padding: 0 }
}

.Labellist--TwoCol.Labellist--stacked { padding-top: 1rem; padding-bottom: 1rem }
.Labellist--TwoCol.Labellist--stacked .Labellist-item { width: 50%; display: inline-block }
.Labellist--TwoCol.Labellist--stacked .Labellist-item:nth-child(odd) { float: left; padding-left: 0 }
.Labellist--TwoCol.Labellist--stacked .Labellist-item:nth-child(even) { float: left }
.Labellist--TwoCol.Labellist--stacked .Labellist-item:nth-child(n+3) { padding-top: .5rem }
.Labellist--flush { border: 0 }
.Labellist--size { line-height: 1; border: 0; padding-top: .5rem; padding-bottom: .5rem }

@media (min-width:700px) {
    .Labellist--size { padding-top: 1.5rem; padding-bottom: 1.5rem }
}

.Labellist--size .Labellist-label { position: relative; top: 1px }
.Labellist--size .Labellist-item { width: auto; padding-right: .5rem }

@media (min-width:700px) {
    .Labellist--size .Labellist-item { padding-right: 1rem }
}

.Labellist--size .Labellist-item:first-child { position: relative; top: 8px }
.Labellist--size .Labellist--size-item .Labellist-content { position: relative; display: inline-block; width: 35px; height: 35px; border: 1px solid #e5e5e5; border-radius: 50px; color: #000; transition: all .1s linear }
.Labellist--size .Labellist--size-item .Labellist-content.is-active, .Labellist--size .Labellist--size-item .Labellist-content:hover { border-color: #e66d17 }
.Labellist--size .Labellist--size-item .Labellist-content span { font-weight: 600; position: absolute; top: 6px; left: 0; display: block; width: 100%; text-align: center }

@media (max-width:700px) {
    .Labellist--buttons { display: block }
}

.Labellist--buttons .Labellist-item { width: 100%; padding-left: 0; padding-right: 0 }

@media (min-width:700px) {
    .Labellist--buttons .Labellist-item { padding: .5rem; width: auto }
}

.Labellist--buttons .Labellist-label { position: relative; text-align: center; display: block }

@media (min-width:700px) {
    .Labellist--buttons .Labellist-label { top: 1rem; padding-bottom: 0; text-align: left; display: inline-block }
}

.Labellist--buttons .Btn { font-size: .875rem; font-weight: 400; text-transform: none; letter-spacing: 0; display: block }

@media (min-width:700px) {
    .Labellist--buttons .Btn { display: inline-block }
}

.Labellist--large { position: relative; padding-bottom: 2rem; padding-top: 2rem }

@media (min-width:700px) {
    .Labellist--large { padding-bottom: 0; padding-top: 0 }
    .Labellist--large .Labellist-item { padding-top: 2rem; padding-bottom: 2rem }
}

.Labellist--large .Labellist-label { font-weight: 300; font-size: 1.25rem; line-height: 1; letter-spacing: -.015625rem; color: #7f7f7f; font-size: 12px; font-weight: 600; letter-spacing: 2px; line-height: 22px; text-transform: uppercase }

@media (min-width:700px) {
    .Labellist--large .Labellist-label { font-size: 1.5rem }
}

@media (min-width:700px) {
    .Labellist--large .Labellist-label { padding-top: 0; position: relative; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: 0; color: #7f7f7f; font-size: 12px; font-weight: 600; letter-spacing: 2px; line-height: 22px; text-transform: uppercase }
}

.Labellist--small { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: .5rem; padding-bottom: .5rem }

@media (min-width:700px) {
    .Labellist--small { padding-top: 0; padding-bottom: 0 }
}

.Labellist--small ul { margin-bottom: 0; padding-left: 0; list-style: none; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
.Labellist--small .Labellist-item { display: inline-block }
.Labellist--small .Btn { padding: .5rem .7rem; font-size: .625rem; display: block }

@media (min-width:700px) {
    .Labellist--small .Btn { display: inline-block }
}

.Labellist--small .Labellist-item { padding-left: .5rem; padding-right: .5rem }
.Labellist--small .Labellist-item:first-child { padding-left: 0 }
.Labellist--small .Labellist-label { padding: 1rem; padding-left: 0; position: relative }

@media (min-width:700px) {
    .Labellist--small .Labellist-label { top: .1875rem }
}

.Labellist--images .Labellist-item { width: auto; display: inline-block; padding: .5rem }
.Labellist--images .Labellist-item:first-child { width: 100% }

@media (min-width:700px) {
    .Labellist--images .Labellist-item:first-child { width: auto }
}

.Labellist--images img { position: relative; display: block }
.Labellist--images .Labellist-label { display: block }
.Labellist-item__pattern { display: inline-block; margin-right: 5px }
.Labellist-item__pattern img { width: 42px; height: 42px }

@media only screen and (max-width:600px) {
    .LabellistContainer > div { display: block; width: 100% }
    .LabellistContainer .Labellist-item { width: 100%; padding-left: 0 }
}

.Listgroup-heading { font-weight: 700; font-size: .625rem; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f; text-align: center; margin-bottom: 1rem }
.Listgroup-container { margin-bottom: 0; padding-left: 0; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.Listgroup-item { position: relative; display: block; padding: 1.1875rem; background-color: #fff; margin-bottom: -1px }
.Listgroup-item:last-child { margin-bottom: 0 }
.Listgroup-item.is-active { color: #fff; background-color: #e66d17; border-color: #e66d17 }
.Listgroup-item-action { width: 100%; color: #e66d17; text-align: left }
.Listgroup--center { text-align: center }
.Listgroup--right { text-align: right }
.Listgroup--smallCaps .Listgroup-item { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f }
.Listgroup--actions { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; text-align: center }
.Listgroup--actions .Listgroup-item-action { color: #000; line-height: 12px; padding: .5rem 1.1875rem; text-decoration: none; transition: all .1s linear }
.Listgroup--actions .Listgroup-item-action.is-active, .Listgroup--actions .Listgroup-item-action:hover { color: #e66d17 }
.Card-header { font-weight: 300; font-size: 1.875rem; line-height: 1.3125; letter-spacing: -.01875rem; padding-bottom: 1rem }
.Card-header a { color: #000 }
.Card-header a:hover { color: #e66d17 }
.Card-metahead { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f; margin-bottom: .5rem }
.Card-media { padding-bottom: 1rem }
.Card-body { padding-bottom: 1.5rem }
.Card-body .Card-title { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f; padding-bottom: 1rem }
.Card-body .Card-desc { font-size: .875rem; line-height: 1.785714286; color: grey; margin: 0 }
.Card-body .Card-descSm { font-size: .75rem; line-height: 1.833333333 }
.Card-body .Card-descLg { font-size: 1rem; line-height: 1.875 }
.Card-footer-border { border-top: 1px solid #e5e5e5; padding-top: 1rem }
.Card-authorship { padding-top: 1rem; overflow: hidden }
.Card-authorship .Card-authorship-avatar { float: left; width: 100%; max-width: 50px; height: auto; border-radius: 25px; border: 1px solid #e5e5e5; margin-right: 1rem }
.Card-authorship .Card-authorship-inner { float: left; padding-top: .4375rem }
.Card-authorship .Card-authorship-name { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f }
.Card-authorship .Card-authorship-metahead { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; font-size: .625rem }
.Card--content .Labellist + .Card-footer { padding-top: 2rem }
.Card--technical { background-color: #f7f7f7 }
.Card--technical .Card-body, .Card--technical .Card-media { padding-bottom: 0 }
.Card--technical .Card-inner { padding: 1.5rem }
.Card--technical .Card-header { font-size: 1.5rem }
.Card--technical .Labellist { margin-top: 1rem; margin-bottom: 1rem }
.Card--article .Card-title a { color: #000 }
.Card--article .Card-title a:hover { color: #e66d17 }
.CardList { padding-top: 3rem; padding-bottom: 3rem }

@media (min-width:700px) {
    .CardList { padding-top: 8rem; padding-bottom: 8rem }
}

.CardList-header { font-weight: 300; font-size: 1.75rem; line-height: 1; letter-spacing: -.03125rem; text-align: center; padding-bottom: 4rem }

@media (min-width:700px) {
    .CardList-header { font-size: 2.5rem }
}

.CardList-cardWrap > .Grid-cell + .Grid-cell { padding-top: 4rem }

@media (min-width:960px) {
    .CardList-cardWrap > .Grid-cell + .Grid-cell { padding-top: 0 }
}

.CardList--twoUp { position: relative }
.CardList--twoUp > .Grid-cell + .Grid-cell { padding-top: 4rem }

@media (min-width:960px) {
    .CardList--twoUp > .Grid-cell + .Grid-cell { padding-top: 0 }
}

@media (min-width:700px) {
    .CardList--twoUp:before { content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: #e5e5e5 }
}

.Icon { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.Icon-chevron-small-left:before { content: '\e909' }
.Icon-chevron-small-right:before { content: '\e90a' }
.Icon-magnify-glass:before { content: '\e90b' }
.Icon-circle-vimeo:before { content: '\e905' }
.Icon-circle-youtube:before { content: '\e906' }
.Icon-circle-instagram:before { content: '\e907' }
.Icon-circle-facebook:before { content: '\e908' }
.Icon-close:before { content: '\e904' }
.Icon-chevron-bottom-lg:before { content: '\e903' }
.Icon-chevron-top-lg:before { content: '\e902' }
.Icon-play:before { content: '\e901' }
.Icon-chevron-right:before { content: '\e900' }
.Icon-x:before { content: '✖ ' }
.Icon-small-circle { position: relative; top: -4px; display: inline-block; width: 24px; height: 24px; border: 2px solid #e5e5e5; border-radius: 30px; margin-left: .5rem; transition: all .1s linear }
.Icon-small-circle:before { font-size: 10px; position: absolute; top: 5.5px; left: 4.5px; color: #e66d17; transition: all .1s linear }
.Hero-subhead { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; margin-bottom: .5rem }
.Hero-metahead { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f; margin-top: .5rem; margin-bottom: .5rem }

@media (min-width:960px) {
    .Hero-metahead { margin-top: 2rem }
}

.Hero-header { font-weight: 300; font-size: 1.75rem; line-height: 1; letter-spacing: -.03125rem }

@media (min-width:700px) {
    .Hero-header { font-size: 2.5rem }
}

.Hero-headerSm { font-weight: 300; font-size: 1.25rem; line-height: 1; letter-spacing: -.015625rem }

@media (min-width:700px) {
    .Hero-headerSm { font-size: 1.5rem }
}

.Hero-desc { font-size: .875rem; line-height: 1.785714286 }
.Hero-descSm { font-size: .75rem; line-height: 1.833333333 }
.Hero-descLg { font-size: 1rem; line-height: 1.875 }
.Hero-desc + .Hero-subhead { margin-top: 3rem }
.Hero-footer { padding-top: 2rem }
.Hero-footer--border { border-top: 1px solid #e5e5e5 }
.Hero--footnote { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #e5e5e5 }

@media (min-width:700px) {
    .Hero--footnote { margin-top: 5rem }
}

.Hero--footnote .Hero-heading { font-weight: 400; font-size: 1.875rem; line-height: 1; padding-right: 0 }

@media (min-width:700px) {
    .Hero--footnote .Hero-heading { white-space: nowrap; padding-right: 5.1886792453% }
}

.Hero--footnote .Hero-descSm { color: grey }

@media (min-width:700px) {
    .Hero--footnote .Hero-descSm { margin-top: 0; width: 61.320754717% }
}

@media (min-width:960px) {
    .Hero--footnote .Hero-btn { margin-left: 5.1886792453% }
}

.Hero--content { padding-top: 3rem; padding-bottom: 3rem; background-color: #f7f7f7 }

@media (min-width:700px) {
    .Hero--content { padding-top: 8rem; padding-bottom: 8rem }
}

.Hero--content .Hero-desc { color: grey }
.Hero--content .Hero-media { max-width: 100%; padding-bottom: 2rem }

@media (min-width:960px) {
    .Hero--content .Hero-media { padding-bottom: 0 }
}

.Hero--content-flush { padding-top: 0; padding-bottom: 0 }
.Hero--content-flush .Hero { padding: 5rem 4rem; overflow: hidden }
.Hero--content-flush .Hero-header { padding-bottom: 1rem; margin-bottom: 1.5rem; border-bottom: 1px solid #e5e5e5 }
.Hero--content-flush .Hero-header + .Hero-metahead { margin-top: 0 }
.Hero--content-flush .Hero-inner { max-width: calc(1400px/2 - 4rem); float: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% }
.Hero--content-flush .Hero-media { padding: 0 }
.Hero--content-flush .Hero--content-flush-overlay { position: relative; overflow: hidden; height: 100% }
.Hero--content-flush .Hero--content-flush-overlay img { min-width: 100%; min-height: 100%; max-width: 3000px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1 }
.Hero--contentLight { background-color: #fff }
.Hero--overlay { position: relative; overflow: hidden }
.Hero--overlay .Hero--overlay-img { min-width: 100%; min-height: 100%; max-width: 3000px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1 }
.Hero--overlay .Hero-inner { position: relative; z-index: 3 }
.Hero--overlay .Hero--footnote, .Hero--overlay .Hero-desc, .Hero--overlay .Hero-descLg, .Hero--overlay .Hero-descSm, .Hero--overlay .Hero-header, .Hero--overlay .Hero-metahead, .Hero--overlay .Hero-subhead, .Hero--overlay .IconLink-text, .Hero--overlay .Labellist-content, .Hero--overlay .Labellist-label { color: #fff }
.Hero--overlay .Labellist-label { font-weight: 400 }
.Hero--overlay .Labellist { border-top-color: rgba(255,255,255,.25); border-bottom-color: rgba(255,255,255,.25) }
.Hero--overlay .Hero-btn { color: #fff; border-color: #fff }
.Hero--overlay .Hero-btn:hover { border-color: #e66d17 }
.Hero--overlayFootnoteGear { border-top: 0; width: 100%; margin-top: 0 }
.Hero--overlayFootnoteGear .Hero-heading { font-weight: 300; font-size: 1.75rem; line-height: 1; letter-spacing: -.03125rem }

@media (min-width:700px) {
    .Hero--overlayFootnoteGear .Hero-heading { font-size: 2.5rem }
}

.Hero--overlayFootnoteGear .Hero-heading { white-space: normal }
.Hero--overlayFootnoteGear .Hero-metahead { display: block; color: #fff; padding-bottom: 1rem }
.Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list { margin-bottom: 0; padding-left: 0; list-style: none; display: none }

@media (min-width:960px) {
    .Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
}

.Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list li { display: inline-block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; padding-left: 1rem; padding-right: 1rem }
.Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list li:first-child { padding-left: 0 }
.Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list li:last-child { padding-right: 0 }
.Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list a { display: block; background-color: #fff; padding: .5rem }
.Hero--overlayFootnoteGear .Hero--overlayFootnoteGear-list img { position: relative; display: inline-block; max-height: 125px }
.Hero--overlayFootnoteGear-content { position: relative; z-index: 5 }

@media (min-width:960px) {
    .Hero--overlayFootnoteGear-content { padding-right: 1rem }
}

.Hero--overlayFootnoteGear-content .Hero-metahead + .Hero-descSm { width: 100%; padding-top: 1rem; padding-bottom: 1rem; margin-top: 0; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4) }
.Hero--contentCondensed { padding: 5rem 5.5944055944% }
.Hero--contentFlush { padding: 0 }

@media (min-width:960px) {
    .Hero--multiple .Grid-cell + .Grid-cell .Hero { margin-left: 1px }
    .Hero--multiple .Hero--contentCondensed { width: 100%; padding: 5rem 0 }
    .Hero--multiple .Hero-inner { max-width: calc(1400px/2 - 4rem); float: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% }
    .Hero--multiple .Hero--overlay:last-of-type .Hero-inner { float: left }
}

.Hero--CTA { padding-top: 3rem; padding-bottom: 3rem; text-align: center }

@media (min-width:700px) {
    .Hero--CTA { padding-top: 8rem; padding-bottom: 8rem }
}

@media (min-width:960px) {
    .Hero--CTA { padding-top: 13rem; padding-bottom: 13rem }
}

.Hero--CTA .Hero-metahead { color: #fff }
.Hero--CTA .Hero-desc { padding-bottom: 1rem }
.Hero--CTA .Hero-btn { background-color: #fff; color: #000 }
.Hero--CTA .Hero-btn:hover { background-color: #e66d17; color: #fff }
.Hero--CTA .Nav { padding-top: 1rem }
.Hero--CTALink { padding: 0 }
.Hero--CTALink .Hero-header { position: relative; z-index: 3; color: #fff }
.Hero--CTALink .Hero-header a { color: #fff; display: block; padding-top: 3rem; padding-bottom: 3rem; text-align: center }

@media (min-width:700px) {
    .Hero--CTALink .Hero-header a { padding-top: 8rem; padding-bottom: 8rem }
}

@media (min-width:960px) {
    .Hero--CTALink .Hero-header a { padding-top: 13rem; padding-bottom: 13rem }
}

.Hero--CTALink .Hero-header a span { display: inline-block; padding: 1rem; background-color: rgba(230,109,23,0); transition: all .1s linear }
.Hero--CTALink .Hero-header a:hover span { background-color: #e66d17 }
.Hero--CTALink + .Hero--CTALink { margin-top: 1px }
.Hero--overlayLight .Hero-desc, .Hero--overlayLight .Hero-header, .Hero--overlayLight .Hero-subhead, .Hero--overlayLight .IconLink-text, .Hero--overlayLight .Labellist-content, .Hero--overlayLight .Labellist-label { color: #000 }
.Hero--overlayLight .Hero-btn { background-color: #e66d17; color: #fff }
.Hero--overlayLight .Hero-btn:hover { background-color: #e66d17; color: #fff }
.Hero--overlayLight:after { display: none }
.Hero--pageHead { padding-top: 3rem; padding-bottom: 3rem }

@media (min-width:700px) {
    .Hero--pageHead { padding: 3rem }
}

@media (min-width:960px) {
    .Hero--pageHead { padding: 8rem 5rem }
}

.Hero--pageHead .Labellist { padding-top: 2rem }

@media (min-width:960px) {
    .Hero--pageHead .Labellist { padding-top: 0 }
}

@media (min-width:960px) {
    .Hero--pageHeadLarge .Hero-header { font-size: 3.125rem; line-height: 1.5 }
}

.Hero--contentList { background-color: #f7f7f7 }
.Hero--contentList .Hero--contentList-item + .Hero--contentList-item { padding-top: 3rem }

@media (min-width:700px) {
    .Hero--contentList .Hero--contentList-item + .Hero--contentList-item { padding-top: 5rem }
}

@media (min-width:960px) {
    .Hero--contentList .Hero--contentList-item + .Hero--contentList-item { padding-top: 8rem }
}

.Hero--contentList .Hero--footnote { text-align: center }

@media (min-width:700px) {
    .Hero--contentList .Hero--footnote { text-align: left }
}

.Hero--productDetails { background-color: #f7f7f7; padding-top: 5rem }
.Hero--productDetails .Hero-inner { position: relative; overflow: hidden; margin-left: 19.99px; margin-right: 19.99px }

@media (min-width:960px) {
    .Hero--productDetails .Hero-inner { margin-left: 0; margin-right: 0 }
}

.Hero--productDetails .Hero-productImages { width: 100% }

@media (min-width:700px) {
    .Hero--productDetails .Hero-productImages { float: left; width: 43.0555555556% }
}

.Hero--productDetails .Hero-info { padding-bottom: 2rem; padding-top: 2rem }

@media (min-width:700px) {
    .Hero--productDetails .Hero-info { float: right; padding-top: 5rem; width: 49.3055555556% }
}

.Hero--productDetails .Hero-info.is-sticky { position: fixed; top: 0 }
.Hero--productDetails .Hero-info.sticky-surpassed { position: absolute; bottom: 0; right: 0 }
.Hero--productDetails .Hero-info-ghost { display: none }

@media (min-width:700px) {
    .Hero--productDetails .Hero-info-ghost { visibility: hidden; display: block; height: 1px; float: right; width: 49.3055555556% }
}

.Hero--productDetails .Hero-header-productTitle { position: relative }

@media (min-width:600px) {
    .Hero--productDetails .Hero-header { padding-right: 3.125rem }
}

.Hero--productDetails .Hero-price-container { border-top: 1px solid #e5e5e5; padding-top: 1.5625rem }
.Hero--productDetails .Hero-productImagePrimary, .Hero--productDetails .Hero-productImageSecondary { width: 100%; text-align: center; background-color: #fff; margin-bottom: 1rem; padding-top: 1rem; padding-bottom: 1rem }
.Hero--productDetails .Hero-productImageSecondary { display: none }

@media (min-width:700px) {
    .Hero--productDetails .Hero-productImageSecondary { display: block }
}

.Hero--productDetails .Hero-price-sale { position: relative; color: #7f7f7f; letter-spacing: .0975rem; padding-right: .5rem }
.Hero--productDetails .Hero-price-sale:after { content: ''; width: 100%; height: 1px; background-color: #7f7f7f; position: absolute; top: calc(50% - 1px); left: 0 }
.Hero--productDetails .Hero-price { font-weight: 600; letter-spacing: .125rem; font-size: 1.125rem; line-height: 1 }
.Hero--productDetails .Hero-subhead { color: #7f7f7f; padding-bottom: .5rem }
.Hero--productDetails .Hero-header { padding-bottom: 1rem }
.Hero--productDetails .Btn--Bookmark { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.Hero--productDetails .Hero-desc { color: #888 }

@media (min-width:700px) and (max-width:1200px) {
    .Hero--productDetails .Nav-item:not(:last-child) { margin-left: 20px; float: right }
    .Hero--productDetails .Nav-item:not(:last-child):first-child { margin-left: 0 }
    .Hero--productDetails .Nav-item-addcart { -webkit-order: -1; -ms-flex-order: -1; order: -1 }
    .Hero--productDetails .Nav-item-addcart .Nav-btn { margin-bottom: 20px }
}

.Hero--productDetailsLight { background: #fff }
.Hero--productDetailsLight .Hero-info { padding-top: 0 }
.Hero--productDetailsLight .Hero-header { color: #7f7f7f }
.Hero--productDetailsLight .Hero-subhead { color: #000 }
.Hero--productDetailsLight .Labellist--size { padding-bottom: 0 }
.Hero--productDetailsLight .Hero__sizingText { font-size: 14px }
.Hero--productDetailsLight .Hero__sizingText span { color: #000 }
.Hero--productDetailsLight .Hero--sizingGuide { letter-spacing: 1px; font-size: 10px; text-transform: uppercase; font-weight: 600 }
.Hero--primarySlideshow, .Hero--primarySlideshow .Hero--primarySlideshow-slides, .Hero--primarySlideshow .slick-list, .Hero--primarySlideshow .slick-track { position: relative; min-height: 420px; height: calc(96vh - 58px); width: 100%; max-width: none; overflow: hidden }

@media (min-width:700px) {
    .Hero--primarySlideshow, .Hero--primarySlideshow .Hero--primarySlideshow-slides, .Hero--primarySlideshow .slick-list, .Hero--primarySlideshow .slick-track { height: 96vh; min-height: 500px }
}

.Hero--primarySlideshow .Grid--maxWidth, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Grid--maxWidth, .Hero--primarySlideshow .slick-list .Grid--maxWidth, .Hero--primarySlideshow .slick-track .Grid--maxWidth { width: 100% }
.Hero--primarySlideshow .Hero--primarySlideshow-slide, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero--primarySlideshow-slide, .Hero--primarySlideshow .slick-list .Hero--primarySlideshow-slide, .Hero--primarySlideshow .slick-track .Hero--primarySlideshow-slide { width: 100%; height: 100%; display: block !important }
.Hero--primarySlideshow .Hero--primarySlideshow-slide > .Grid, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero--primarySlideshow-slide > .Grid, .Hero--primarySlideshow .slick-list .Hero--primarySlideshow-slide > .Grid, .Hero--primarySlideshow .slick-track .Hero--primarySlideshow-slide > .Grid { height: 100% }
.Hero--primarySlideshow .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide, .Hero--primarySlideshow .slick-list .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide, .Hero--primarySlideshow .slick-track .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide { display: none !important }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide, .Hero--primarySlideshow .slick-list .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide, .Hero--primarySlideshow .slick-track .Hero--primarySlideshow-slide + .Hero--primarySlideshow-slide { display: block !important }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .slick-slide > div, .Hero--primarySlideshow .slick-list .slick-slide > div, .Hero--primarySlideshow .slick-slide > div, .Hero--primarySlideshow .slick-track .slick-slide > div { height: 100%; display: block !important }
.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-info, .Hero--primarySlideshow .Hero-info, .Hero--primarySlideshow .slick-list .Hero-info, .Hero--primarySlideshow .slick-track .Hero-info { position: absolute; z-index: 2; top: 50%; left: 50%; width: 80%; max-width: 250px; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-info, .Hero--primarySlideshow .Hero-info, .Hero--primarySlideshow .slick-list .Hero-info, .Hero--primarySlideshow .slick-track .Hero-info { position: relative; top: auto; left: auto; -webkit-transform: translate(0); transform: translate(0); max-width: 1000px; width: 100%; padding-bottom: 9.375rem; text-align: left }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-info .Btn, .Hero--primarySlideshow .Hero-info .Btn, .Hero--primarySlideshow .slick-list .Hero-info .Btn, .Hero--primarySlideshow .slick-track .Hero-info .Btn { margin-top: 1rem }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-info .Btn, .Hero--primarySlideshow .Hero-info .Btn, .Hero--primarySlideshow .slick-list .Hero-info .Btn, .Hero--primarySlideshow .slick-track .Hero-info .Btn { display: none }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-header, .Hero--primarySlideshow .Hero-header, .Hero--primarySlideshow .slick-list .Hero-header, .Hero--primarySlideshow .slick-track .Hero-header { font-size: 2.5rem; text-align: center }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-header, .Hero--primarySlideshow .Hero-header, .Hero--primarySlideshow .slick-list .Hero-header, .Hero--primarySlideshow .slick-track .Hero-header { text-align: left }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-media, .Hero--primarySlideshow .Hero-media, .Hero--primarySlideshow .slick-list .Hero-media, .Hero--primarySlideshow .slick-track .Hero-media { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100% }

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-media img, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-media video, .Hero--primarySlideshow .Hero-media img, .Hero--primarySlideshow .Hero-media video, .Hero--primarySlideshow .slick-list .Hero-media img, .Hero--primarySlideshow .slick-list .Hero-media video, .Hero--primarySlideshow .slick-track .Hero-media img, .Hero--primarySlideshow .slick-track .Hero-media video { min-width: 100%; min-height: 100%; max-width: 3000px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1 }
.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-footer, .Hero--primarySlideshow .Hero-footer, .Hero--primarySlideshow .slick-list .Hero-footer, .Hero--primarySlideshow .slick-track .Hero-footer { display: block; position: absolute; bottom: 3.75rem; left: 0; width: 100%; margin: 0; padding: 0 }
.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-footer .Grid--maxWidth .Grid-cell, .Hero--primarySlideshow .Hero-footer .Grid--maxWidth .Grid-cell, .Hero--primarySlideshow .slick-list .Hero-footer .Grid--maxWidth .Grid-cell, .Hero--primarySlideshow .slick-track .Hero-footer .Grid--maxWidth .Grid-cell { margin-top: 1rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.25) }
.Hero--primarySlideshow .Hero--primarySlideshow-slides .Labellist-item, .Hero--primarySlideshow .Labellist-item, .Hero--primarySlideshow .slick-list .Labellist-item, .Hero--primarySlideshow .slick-track .Labellist-item { padding: 0 }
.Hero--primarySlideshow .Hero--primarySlideshow-slides .Labellist-label, .Hero--primarySlideshow .Labellist-label, .Hero--primarySlideshow .slick-list .Labellist-label, .Hero--primarySlideshow .slick-track .Labellist-label { font-weight: 600 }
.Hero--primarySlideshow .Hero--primarySlideshow-slides .Nav, .Hero--primarySlideshow .Nav, .Hero--primarySlideshow .slick-list .Nav, .Hero--primarySlideshow .slick-track .Nav { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Nav, .Hero--primarySlideshow .Nav, .Hero--primarySlideshow .slick-list .Nav, .Hero--primarySlideshow .slick-track .Nav { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-desc, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Labellist, .Hero--primarySlideshow .Hero-desc, .Hero--primarySlideshow .Labellist, .Hero--primarySlideshow .slick-list .Hero-desc, .Hero--primarySlideshow .slick-list .Labellist, .Hero--primarySlideshow .slick-track .Hero-desc, .Hero--primarySlideshow .slick-track .Labellist { display: none }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Hero-desc, .Hero--primarySlideshow .Hero--primarySlideshow-slides .Labellist, .Hero--primarySlideshow .Hero-desc, .Hero--primarySlideshow .Labellist, .Hero--primarySlideshow .slick-list .Hero-desc, .Hero--primarySlideshow .slick-list .Labellist, .Hero--primarySlideshow .slick-track .Hero-desc, .Hero--primarySlideshow .slick-track .Labellist { display: block }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Nav-item:not(:first-child), .Hero--primarySlideshow .Nav-item:not(:first-child), .Hero--primarySlideshow .slick-list .Nav-item:not(:first-child), .Hero--primarySlideshow .slick-track .Nav-item:not(:first-child) { display: inline-block; margin-right: 8px }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Nav-item:not(:first-child), .Hero--primarySlideshow .Nav-item:not(:first-child), .Hero--primarySlideshow .slick-list .Nav-item:not(:first-child), .Hero--primarySlideshow .slick-track .Nav-item:not(:first-child) { display: block; margin-right: 0 }
}

.Hero--primarySlideshow .Hero--primarySlideshow-slides .Nav-item:first-child, .Hero--primarySlideshow .Nav-item:first-child, .Hero--primarySlideshow .slick-list .Nav-item:first-child, .Hero--primarySlideshow .slick-track .Nav-item:first-child { display: none }

@media (min-width:960px) {
    .Hero--primarySlideshow .Hero--primarySlideshow-slides .Nav-item:first-child, .Hero--primarySlideshow .Nav-item:first-child, .Hero--primarySlideshow .slick-list .Nav-item:first-child, .Hero--primarySlideshow .slick-track .Nav-item:first-child { display: block }
}

.Hero--primaryVideo { min-height: 600px; height: 60vh }

@media (min-width:700px) {
    .Hero--primaryVideo { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
}

.Hero--primaryVideo .Hero-media { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.Hero--primaryVideo .VideoPlayer-posterframe-link { top: calc(50% - 35px); left: calc(50% - 35px); width: 70px; height: 70px }
.Hero--primaryVideo .Hero--footnote { padding-bottom: 1.5rem }

@media (min-width:960px) {
    .Hero--primaryVideo .Hero--footnote { padding-bottom: 1.5rem; position: relative; left: auto; width: auto; z-index: 4 }
}

@media (max-width:960px) {
    .Hero--primaryVideo .Hero--footnote { text-align: center }
    .Hero--primaryVideo .Hero--footnote .Hero-heading { position: absolute; top: 2rem; left: calc(100% * 1 / 12); width: calc(100% * 5 / 6); z-index: 4; padding-bottom: 1rem; display: block; text-align: center; border-bottom: 1px solid #e5e5e5 }
    .Hero--primaryVideo .Hero--footnote .Hero-btn { position: absolute; left: 50%; bottom: 2rem; width: auto; z-index: 4; margin-top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block }
}

.Hero--productShowcase .HeadingGroup { width: 100% }
.Hero--productShowcase .Hero-desc { display: none }

@media (min-width:700px) {
    .Hero--productShowcase .Hero-desc { display: block }
}

.Hero--productShowcase .Hero-footer { text-align: center }

@media (min-width:700px) {
    .Hero--productShowcase .Hero-footer { text-align: left }
}

.Hero--productShowcase .Labellist { display: none }

@media (min-width:700px) {
    .Hero--productShowcase .Labellist { display: -webkit-flex; display: -ms-flexbox; display: flex }
}

@media (max-width:700px) {
    .Hero--productShowcase .Grid--maxWidth { margin-left: 0; margin-right: 0 }
}

.Hero--productShowcase .ProductItem { padding-left: .5rem; padding-right: .5rem }
.Hero--productShowcase .ProductItem .ProductItem-price { padding-top: 1rem; padding-bottom: 0 }
.Hero--productShowcase .ProductItem .ProductItem-image { text-align: center; padding: 1rem; background-color: #fff }
.Hero--productShowcase .ProductItem .ProductItem-image img { margin-left: auto; margin-right: auto }
.Hero--productShowcase .ProductItem-slideshow { max-width: none }

@media (min-width:700px) {
    .Hero--productShowcase .ProductItem-slideshow { padding-left: 20px; padding-right: 20px }
}

.Hero--productShowcase .ProductItem-slideshow .slick-next, .Hero--productShowcase .ProductItem-slideshow .slick-prev { -webkit-transform: translateY(0); transform: translateY(0); top: auto; bottom: .8125rem }

@media (min-width:700px) {
    .Hero--productShowcase .ProductItem-slideshow .slick-next, .Hero--productShowcase .ProductItem-slideshow .slick-prev { -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; bottom: auto }
}

.Hero--productShowcase .ProductItem-slideshow .slick-prev { left: 1rem }

@media (min-width:600px) {
    .Hero--productShowcase .ProductItem-slideshow .slick-prev { left: 20% }
}

@media (min-width:700px) {
    .Hero--productShowcase .ProductItem-slideshow .slick-prev { left: -.375rem }
}

.Hero--productShowcase .ProductItem-slideshow .slick-next { right: 1rem }

@media (min-width:600px) {
    .Hero--productShowcase .ProductItem-slideshow .slick-next { right: 20% }
}

@media (min-width:700px) {
    .Hero--productShowcase .ProductItem-slideshow .slick-next { right: -.375rem }
}

.Hero--relatedSystems { background-color: #fff }
.Hero--relatedSystems .Hero--relatedSystems-gearlist { margin-bottom: 0; padding-left: 0; list-style: none; margin-top: 1rem; margin-bottom: 1rem }

@media (min-width:960px) {
    .Hero--relatedSystems .Hero--relatedSystems-gearlist { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
}

.Hero--relatedSystems .Hero--relatedSystems-gearlist li { display: inline-block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; padding-left: 1rem; padding-right: 1rem }
.Hero--relatedSystems .Hero--relatedSystems-gearlist li:first-child { padding-left: 0 }
.Hero--relatedSystems .Hero--relatedSystems-gearlist li:last-child { padding-right: 0 }
.Hero--relatedSystems .Hero--relatedSystems-gearlist a { display: block; background-color: #fff; padding: .5rem }
.Hero--relatedSystems .Hero--relatedSystems-gearlist img { position: relative; display: inline-block; max-height: 125px }
.Hero--kitShowcase { position: relative; border-bottom: 1px solid #e6e6e6 }

@media (min-width:900px) {
    .Hero--kitShowcase:before { content: ''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: #f7f7f7 }
}

.Hero--kitShowcase-container { max-width: 1400px; margin-left: auto; margin-right: auto; display: block }

@media (min-width:900px) {
    .Hero--kitShowcase-container { display: -webkit-flex; display: -ms-flexbox; display: flex }
}

.Hero--kitShowcase-btnContainer { position: absolute; bottom: 1.5625rem; left: 0; width: 100%; text-align: center; vertical-align: bottom }
.Hero--kitShowcase-btnContainer .Btn { position: relative; z-index: 2; color: #fff }
.Hero--kitShowcase-btnContainer .Btn:hover { background-color: #e66d17 }

@media (min-width:900px) {
    .Hero--kitShowcase-btnContainer { display: none }
}

.Hero--kitShowcase-content { position: relative; z-index: 2; width: 100%; padding: 3rem 19.99px }

@media (min-width:900px) {
    .Hero--kitShowcase-content { padding-left: 3rem; padding-right: 3rem; width: 50%; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
}

@media (min-width:960px) {
    .Hero--kitShowcase-content { padding: 5rem 3rem }
}

.Hero--kitShowcase-content .Hero-header { padding-bottom: 1rem; border-bottom: 1px solid #e6e6e6 }
.Hero--kitShowcase-content .Hero-metahead { margin-top: 1.5rem }
.Hero--kitShowcase-imageMap { background-color: #fff; position: relative; overflow: hidden; max-height: 100%; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; display: block; width: 100%; height: 50vh }

@media (min-width:900px) {
    .Hero--kitShowcase-imageMap { width: 50%; height: auto; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex-basis: auto !important; -ms-flex-preferred-size: auto !important; flex-basis: auto !important }
}

.Hero--kitShowcase-imageMap:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 8.4375rem; opacity: .8; z-index: 1; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background-blend-mode: multiply }

@media (min-width:900px) {
    .Hero--kitShowcase-imageMap:after { display: none }
}

.Hero--kitShowcase-imageMap.is-visible { height: auto !important }
.Hero--kitShowcase-imageMap.is-visible .Hero--kitShowcase-btnContainer, .Hero--kitShowcase-imageMap.is-visible:after { display: none }
.Hero--kitShowcase-imageContainer { display: none; position: relative; overflow-y: hidden; text-align: center; padding: 3rem }

@media (min-width:900px) {
    .Hero--kitShowcase-imageContainer { overflow-y: scroll }
}

.Hero--kitShowcase-imageContainer .Hero--kitShowcase-imageContainerInner { display: inline-block }
.Hero--kitShowcase-imageContainer img { max-width: 100%; display: block; position: relative }
.Hero--kitShowcase-imagePins { margin-bottom: 0; padding-left: 0; list-style: none; position: absolute; top: 3rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.Hero--kitShowcase-imagePins li { position: absolute }
.Hero--kitShowcase-imagePins .Hero--kitShowcase-stamp { position: relative; width: 46px; height: 46px; border-radius: 92px; overflow: hidden; cursor: pointer; transition: all .1s linear }

@media (min-width:900px) {
    .Hero--kitShowcase-imagePins .Hero--kitShowcase-stamp { cursor: default }
}

.Hero--kitShowcase-kitList { margin-bottom: 0; padding-left: 0; list-style: none; padding-top: 2rem; overflow: hidden }
.Hero--kitShowcase-kitList li { width: 50%; float: left }
.Hero--kitShowcase-kitList div { float: left }
.Hero--kitShowcase-kitList a { position: relative; display: inline-block; font-size: .75rem; font-weight: 400; color: #000; padding-top: .375rem; padding-bottom: .375rem }
.Hero--kitShowcase-kitList a:after { font-family: icomoon; content: '\e900'; position: absolute; top: 50%; right: -1rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #e66d17; opacity: 0; transition: all .1s linear }
.Hero--kitShowcase-kitList a:hover { color: #e66d17 }
.Hero--kitShowcase-kitList a:hover .Hero--kitShowcase-stamp-headline { color: #e66d17 }
.Hero--kitShowcase-kitList a:hover:after { -webkit-transform: translate(0,-50%); transform: translate(0,-50%); opacity: 1 }
.Hero--kitShowcase-kitList .inner { float: left; padding: .3125rem .5rem }
.Hero--kitShowcase-kitList .Hero--kitShowcase-stamp { width: 40px; height: 40px }
.Hero--kitShowcase-kitList .Hero--kitShowcase-stamp:before { top: 0; left: 0 }
.Hero--kitShowcase-kitList .Hero--kitShowcase-stamp:after { display: none }
.Hero--kitShowcase-stamp { position: relative; width: 46px; height: 46px; border-radius: 92px; overflow: hidden }
.Hero--kitShowcase-stamp span { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; display: block; width: 100%; text-align: center; font-size: .75rem; line-height: 1; letter-spacing: .83px; color: #000; transition: all .1s linear }
.Hero--kitShowcase-stamp:before { content: ''; width: 40px; height: 40px; border-radius: 20px; display: block; position: absolute; top: 3px; left: 3px; z-index: 4; background-color: #fff; border: 1px solid #e6e6e6; transition: all .1s linear }
.Hero--kitShowcase-stamp:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 3; background-color: rgba(255,255,255,.5) }
.Hero--kitShowcase-stamp-headline { font-size: .75rem; font-weight: 400; color: #7f7f7f; transition: all .1s linear }
.Hero--kitShowcase-stamp-cat { font-size: .75rem; font-weight: 400; color: #000; display: block }
.Hero--kitShowcase-tooltip { background-color: #fff; position: absolute; top: 50%; left: 50%; width: 180px; height: 90px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); box-shadow: 0 0 .625rem 0 rgba(0,0,0,.1); display: none; opacity: 0 }
.Hero--kitShowcase-tooltip a { text-align: left; display: block; padding: .75rem .75rem .5625rem }
.Hero--kitShowcase-tooltip .shop { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; position: relative; font-size: .625rem; color: #000; display: inline-block }
.Hero--kitShowcase-tooltip .shop:after { font-family: icomoon; content: '\e900'; position: absolute; top: 0; right: -20px; color: #e66d17; transition: all .1s linear }
.Hero--kitShowcase-tooltip .tooltip-close { position: absolute; right: 0; top: 0; z-index: 5 }
.Hero--kitShowcase-tooltip .Hero--kitShowcase-stamp-cat { border-bottom: 1px solid #e6e6e6; padding-bottom: .375rem; margin-bottom: .1875rem }
.Hero--kitShowcase-imagePins .is-left-edge .Hero--kitShowcase-tooltip { left: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%) }
.Hero--kitShowcase-imagePins .is-right-edge .Hero--kitShowcase-tooltip { left: -136px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%) }
.Hero--kitShowcase-imagePins .is-active .Hero--kitShowcase-stamp:before, .Hero--kitShowcase-kitList .is-active .Hero--kitShowcase-stamp:before, .Hero--kitShowcase-kitList a:hover .Hero--kitShowcase-stamp:before, .Hero--kitShowcase-stamp:hover:before { border-color: #e66d17; background-color: #e66d17 }
.Hero--kitShowcase-imagePins .is-active .Hero--kitShowcase-stamp span, .Hero--kitShowcase-kitList .is-active .Hero--kitShowcase-stamp span, .Hero--kitShowcase-kitList a:hover .Hero--kitShowcase-stamp span, .Hero--kitShowcase-stamp:hover span { color: #fff }
#kit-slick { opacity: 0; height: 0; width: 100%; max-width: 100%; overflow: hidden }
.fullHeight { height: calc(100vh - 61px) }
.Hero__slideshow.slick-slider { width: 100%; max-width: 100%; overflow: hidden }
.Hero__slideshow__item { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 479px }
.Hero__slideshow .slick-next, .Hero__slideshow .slick-prev { z-index: 3; background: #fff; width: 40px; height: 40px; border-radius: 50%; top: 50% }
.Hero__slideshow .slick-next:before, .Hero__slideshow .slick-prev:before { color: #e66d17 }
.Hero__slideshow .slick-next { right: 30px }
.Hero__slideshow .slick-prev { left: 30px }
.Hero__alertBox { background: #f7f7f7; color: #666; font-size: 14px; padding: 15px; border-bottom: 1px solid #e5e5e5; margin: 0 }
.HeroSpecs__list { padding-left: 20px }
.HeroSpecs__list li { margin-bottom: 15px }
.HeroSpecs__list p { margin: 0 }
.Hero-info hr { border-top: 1px solid #e5e5e5; border-bottom: none; border-left: none; border-right: none }
.Hero-info .CustomSelect__select { padding: 0 35px 0 15px; font-size: .75rem }
.Navbar { display: none; position: relative }

@media (min-width:960px) {
    .Navbar { display: block }
}

.Navbar-primaryNav, .Navbar-secondaryNav { border-bottom: 1px solid #e6e6e6 }
.Navbar-primaryNav-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
.Navbar-primaryNav-inner .Navbar-primaryBlock:first-of-type { -webkit-order: -1; -ms-flex-order: -1; order: -1 }
.Navbar-brand { text-align: center }
.Navbar-brand a { display: inline-block; padding: 1.3125rem 1.25rem 1.125rem }
.Navbar-brand a:hover .group { fill: #e66d17 }
.Navbar-brand svg { margin-left: auto; margin-right: auto; width: 160px; height: 16px }
.Navbar-brand svg .group { fill: #000 }
.Navbar-brand svg .logo { transition: all .1s linear; fill: #000 }
.Navbar-brand svg:hover .logo { fill: #e66d17 }
.Navbar-primaryBlock { margin-bottom: 0; padding-left: 0; list-style: none; width: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 }
.Navbar-primaryBlock li { display: inline-block }
.Navbar-primaryBlock li:first-child .Navbar-link { padding-left: 0 }
.Navbar-primaryBlock li:last-child .Navbar-link { padding-right: 0 }
.Navbar-primaryBlock + .Navbar-primaryBlock { text-align: right }
.Navbar-primaryBlock .Navbar-link { font-weight: 700; text-transform: uppercase; font-size: .75rem; line-height: 1; letter-spacing: 2px; color: #000 }
.Navbar-primaryBlock .Navbar-link:hover { color: #e66d17 }

@media (min-width:810px) {
    .Navbar-primaryBlock .Navbar-link { padding: 1rem; display: inline-block }
}

@media (min-width:960px) {
    .Navbar-primaryBlock .Navbar-link { padding: 1.375rem }
}

.Navbar-secondaryBlock { margin-bottom: 0; padding-left: 0; list-style: none; font-weight: 300; font-size: 1.5rem; line-height: 1 }

@media (min-width:700px) {
    .Navbar-secondaryBlock { font-size: 1.875rem; letter-spacing: -.015625rem }
}

.Navbar-secondaryBlock a:link, .Navbar-secondaryBlock a:visited { color: #000 }
.Navbar-secondaryBlock a:active, .Navbar-secondaryBlock a:hover { color: #e66d17 }
.Navbar-secondaryBlockLg { font-weight: 300; font-size: 1.75rem; line-height: 1; letter-spacing: -.03125rem }

@media (min-width:700px) {
    .Navbar-secondaryBlockLg { font-size: 2.5rem }
}

.Navbar-gearBlock { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; min-height: calc(500px - (58px+1)); height: calc(60vh - (58px+1)); background: #f7f7f7 url(../img/template/bg-gear-dropdown.jpg?2019072301) no-repeat 0 0; background-size: cover }

.Navbar.is-gear-active .Navbar-gearBlock.on { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Navbar-secondaryNav + .Navbar-gearBlock { top: calc(100% - 42px) }
.Navbar-gearBlock-navGroup + .Navbar-gearBlock-navGroup { padding-top: 8rem }
.Navbar-gearBlock-subhead { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; position: relative; margin-bottom: 1.5rem }
.Navbar-gearBlock-subhead:after, .Navbar-gearBlock-subhead:before { content: ''; width: calc(50% - 100px); height: 1px; position: absolute; bottom: 50%; display: block; background-color: rgba(0,0,0,.1) }
.Navbar-gearBlock-subhead:before { left: 0 }
.Navbar-gearBlock-subhead:after { right: 0 }
.Navbar-searchBlock { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; background-color: #f7f7f7 }
.Navbar-searchBlock-navGroup { position: relative }
.Navbar.is-search-active .Navbar-searchBlock { display: block }
.Navbar-secondaryNav + .Navbar-gearBlock + .Navbar-searchBlock { top: calc(100% - 42px) }
.Navbar-searchBlock-close { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; letter-spacing: .125rem; position: absolute; top: 2.5rem; right: 0; color: rgba(0,0,0,.25) }
.Navbar-searchBlock-close:hover { color: #000 }
.Navbar--mobile { position: fixed; top: 0; left: 0; width: 100%; display: block; z-index: 10; background-color: #fff; border-bottom: 0 }

@media (min-width:960px) {
    .Navbar--mobile { display: none }
}

.Navbar--mobileBar { height: 58px; border-bottom: 1px solid #e6e6e6 }
.Navbar--mobileBar .Navbar-toggle { position: absolute; top: 0; left: 0; padding: 1.375rem 1.3125rem 1.25rem }
.Navbar--mobileBar .Navbar-toggle .Navbar-close { display: none }
.Navbar--mobileBar .Navbar-toggle.is-active .Navbar-hamburger { display: none }
.Navbar--mobileBar .Navbar-toggle.is-active .Navbar-close { display: block }
.Navbar--mobileBar .Navbar-cart { position: absolute; top: 0; right: 0; padding: .875rem 1.125rem 1rem }
.Navbar--mobileBar .Navbar-brand a { color: #000 !important; display: inline-block }
.Navbar--mobileBar .Navbar-brand a .group, .Navbar--mobileBar .Navbar-brand a .logo { fill: #000 !important }
.Navbar--mobile .Navbar-nav { display: none; padding-top: 1.875rem; height: calc(100vh - 58px); background: transparent url(../img/template/mountain-white-500.jpg) no-repeat 0 100% }

@media (min--moz-device-pixel-ratio:1.3),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx) {
    .Navbar--mobile .Navbar-nav { background-image: url(../img/template/mountain-white-700.jpg); background-size: 700px 490px }
}

.Navbar--mobile .Navbar-nav.is-active { display: block }
.Navbar--mobile .Navbar-nav .Navbar-searchForm { padding-left: 1.875rem; padding-right: 1.875rem }
.Navbar--mobile .Navbar-nav .has-subnav .Navbar--mobileSubnav { display: none }
.Navbar--mobile .Navbar-nav .has-subnav.is-active .Navbar--mobileSubnav { display: block }
.Navbar--mobile .Navbar-nav .has-subnav.is-active .Icon { top: 1.3125rem }
.Navbar--mobile .Navbar-nav .has-subnav.is-active .Icon:before { content: '\e902' }
.Navbar--mobile .Navbar-nav .Navbar-link { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; text-decoration: none; display: block; padding-left: 1.875rem; padding-right: 1.875rem; position: relative; padding-top: 1.125rem; padding-bottom: 1.125rem; color: #000 }
.Navbar--mobile .Navbar-nav .Navbar-link:active, .Navbar--mobile .Navbar-nav .Navbar-link:hover { color: #000 }
.Navbar--mobile .Navbar-nav .Navbar-link .Icon { position: absolute; right: 1.875rem; top: 1.375rem; font-size: .5rem; color: #e66d17 }
.Navbar--mobile .Navbar-nav .Navbar-link .Icon:before { content: '\e903' }
.Navbar--mobile .Navbar-nav .Navbar-link:after { content: ''; width: calc(100% - 1.875rem*2); height: 1px; position: absolute; bottom: 0; left: 1.875rem; background-color: #e5e5e5 }
.Navbar--mobile .Navbar--mobileSubnav { margin-bottom: 0; padding-left: 0; list-style: none; position: relative; padding-top: .5rem; padding-bottom: .5rem }
.Navbar--mobile .Navbar--mobileSubnav:after { content: ''; width: calc(100% - 1.875rem*2); height: 1px; position: absolute; bottom: 0; left: 1.875rem; background-color: #e5e5e5 }
.Navbar--mobile .Navbar--mobileSubnav .Navbar-link { color: grey; padding-top: .5rem; padding-bottom: .5rem }
.Navbar--mobile .Navbar--mobileSubnav .Navbar-link:after { display: none }
.Navbar-subnav-group { display: inline-block; padding-left: 2.8125rem; vertical-align: top }
.Navbar-subnav-group:first-child { padding-left: 0 }
.Navbar-subnav-group a, .Navbar-subnav-group span, .Navbar-subnav-group ul { font-size: .75rem; line-height: 1 }
.Navbar-subnav-group span { float: left; display: inline-block; padding-top: 1.0625rem; padding-right: .6875rem }
.Navbar-subnav-group ul { float: left }
.Navbar-subnav-group li { display: inline-block }
.Navbar-subnav-group a { position: relative; display: inline-block; padding: 1.0625rem .3125rem .8125rem; color: grey }
.Navbar-subnav-group a:hover { text-decoration: none; color: #000 }
.Navbar-subnav-group a.is-active { pointer-events: none; color: #e66d17 }
.Navbar-subnav-group a.is-active:after { content: ''; position: absolute; bottom: 0; left: .3125rem; width: calc(100% - .625rem); height: 2px; background-color: #e66d17 }
.Navbar-secondaryNav--flush { border-bottom: 0 }
.Navbar--light { background-color: transparent }
.Navbar--light .Navbar-primaryNav { border-bottom-color: rgba(255,255,255,.25) }
.Navbar--light svg .logo { fill: #fff }
.Navbar--light svg:hover .logo { fill: #fff }
.Navbar--light .Navbar-link { color: #fff }
.Navbar--light.is-active { background-color: #fff }
.Navbar--light.is-active .Navbar-link { color: #000 }
.Navbar--light.is-active svg .logo { fill: #000 }
.Navbar--light.is-active svg:hover .logo { fill: #000 }
[role=banner] > .Navbar--light { position: absolute; top: 0; left: 0; width: 100%; z-index: 10 }
#search-icon { height: 12px; position: relative; top: 2px; right: -15px }
.Navbar--alt { background: #f7f7f7 }
.Navbar--alt .Navbar-primaryNav-inner { height: 80px; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Navbar--alt .Navbar-brand a { padding: 0 }
.Navbar--alt .Navbar-link { padding-top: 0; padding-bottom: 0 }
.Navbar--alt svg { width: 119px; height: 55px }
.Filterbar.is-active .Filterbar-primary { display: block }
.Filterbar-wrapper-toggle { width: 100%; display: block }
.Filterbar-wrapper-toggle .Btn { display: block; border-bottom-width: 1px }

@media (min-width:700px) {
    .Filterbar-wrapper-toggle { display: none }
}

.Filterbar-primary { background-color: #fff; border: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border: none; padding: 1.25rem; position: relative; display: none }
.Filterbar-primary .Btn + .Btn { margin-left: .625rem }
.Filterbar-primary .Btn:last-child { float: right }

@media (min-width:700px) {
    .Filterbar-primary { display: block; padding: 0; border-top: none }
}

.Filterbar-secondary { overflow: hidden; background-color: #f7f7f7; padding: 2rem }
.Filterbar-sort { display: none }

@media (min-width:960px) {
    .Filterbar-sort { display: inline-block }
}

.Filterbar-sort-group { display: none }

@media (min-width:700px) {
    .Filterbar-sort-group { display: inline-block; float: right }
}

.Filterbar-group { display: block; width: 15vw; }

@media (min-width:700px) {
    .Filterbar-group { display: block; border: 1px solid #e6e6e6; margin-bottom: 1rem }
}

.Filterbar-group.is-active .Filterbar-group-options { display: block }
.Filterbar-group + .Filterbar-group { margin-top: .625rem }

@media (min-width:700px) {
    .Filterbar-group + .Filterbar-group { margin-top: 0; margin-left: 0 }
}

.Filterbar-group .Btn { display: block; text-align: left; padding: 1.5rem 1.25rem }

@media (min-width:700px) {
    .Filterbar-group .Btn { display: block }
}

.Filterbar-group-options { z-index: 3; background-color: #fafafa; padding-left: 0; display: none }

@media (min-width:700px) {
    .Filterbar-group-options { position: static; top: 100%; left: -1px; width: 100% }
}

.Filterbar-group-options .Grid-cell + .Grid-cell { padding-top: 2rem }

@media (min-width:700px) {
    .Filterbar-group-options .Grid-cell + .Grid-cell { padding-top: 0 }
}

.Filterbar--activeFilters { overflow: hidden; text-align: center }

@media (min-width:700px) {
    .Filterbar--activeFilters { text-align: left }
}

.Filterbar--activeFilters .Btn { display: block }

@media (min-width:700px) {
    .Filterbar--activeFilters .Btn { display: inline-block }
}

.Filterbar--activeFilters .Btn + .Btn { margin-top: .625rem }

@media (min-width:700px) {
    .Filterbar--activeFilters .Btn + .Btn { margin-top: 0; margin-left: .625rem }
}

.Filterbar--activeFilters .Btn-filter-remove { color: #7f7f7f }
.Filterbar--activeFilters .Btn-filter-remove:hover { color: #fff }

@media (min-width:700px) {
    .Filterbar--activeFilters .Btn-filter-remove { float: left }
}

.Filterbar--activeFilters .Filterbar--activeFilters-clear { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; display: inline-block; margin-top: 1.5rem; color: #7f7f7f; text-decoration: none; transition: all .1s linear }
.Filterbar--activeFilters .Filterbar--activeFilters-clear:active, .Filterbar--activeFilters .Filterbar--activeFilters-clear:hover { color: #e66d17 }

@media (min-width:700px) {
    .Filterbar--activeFilters .Filterbar--activeFilters-clear { float: right }
}

@media (max-width:700px) {
    .Filterbar--activeFilters .Filterbar-primary + .Filterbar-secondary { margin-top: 2rem }
}

.Filterbar { margin-right: 1rem }
.Filterbar-group-options .u-md-size3of12 { width: 100% !important }
.Filterbar-sort-group .Btn-filter-toggle { width: 250px; text-align: left; background-color: #fff }
.HeadingGroup-detail { font-weight: 600; font-size: .75rem; line-height: 4; letter-spacing: .125rem; text-transform: uppercase; margin-right: 2rem }
.Filterbar-group-options { padding: .5rem 0; background: #fff }
.Filterbar-active .Filterbar-group { border: 1px solid #000 }
.Filterbar-active .Filterbar-group a span { float: right; font-size: 20px; position: relative; top: -3px }

@media only screen and (max-width:1450px) {
    .Filterbar-group { width: 21vw }
}

@media only screen and (max-width:1150px) {
    .Filterbar-group { width: 21vw }
}

@media only screen and (max-width:960px) {
    .product-grid-filterbar-container { display: block }
    .Filterbar-group { width: auto }
}

.Footerbar { background-color: #f7f7f7; overflow: hidden }
.Footerbar-inner > div { padding-top: 1rem; padding-bottom: 1rem }
.Footerbar-inner > div:first-child { padding-bottom: 3rem }

@media (min-width:700px) {
    .Footerbar-inner > div { padding-top: 0; padding-bottom: 0 }
    .Footerbar-inner > div:first-child { padding-bottom: 0 }
}

.Footerbar-logo a { display: inline-block }
.Footerbar-logo img { width: 11.25rem; height: 5.27375rem }
.Footerbar-subhead { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; margin-bottom: 1rem }
.Footerbar-navgroup ul { margin-bottom: 0; padding-left: 0; list-style: none; font-size: .875rem; line-height: 1 }
.Footerbar-navgroup a { display: inline-block; color: grey; padding-top: .5rem; padding-bottom: .5rem }
.Footerbar-navgroup a:hover { color: #e66d17 }
.Footerbar--primary { padding-top: 3rem; padding-bottom: 3rem }

@media (min-width:960px) {
    .Footerbar--primary { padding-top: 6.8rem; padding-bottom: 6.8rem }
}

.Footerbar--secondary { background-color: #000 }
.Footerbar--secondary .Nav { font-size: .75rem; line-height: 1; font-weight: 700; color: #fff }
.Footerbar--secondary .Nav .Nav-item:first-of-type span { padding-left: 0 }
.Footerbar--secondary .Nav a { color: #fff }
.Footerbar--secondary .Nav a:hover { color: #e66d17 }
.Footerbar .Grid-cell { text-align: center }

@media (min-width:700px) {
    .Footerbar .Grid-cell { text-align: left }
}

.Footerbar .Footerbar-logo { text-align: center; margin-bottom: 3rem }

@media (min-width:960px) {
    .Footerbar .Footerbar-logo { text-align: left; margin-bottom: 0 }
}

.Footerbar .Nav { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }

@media (min-width:700px) {
    .Footerbar .Nav { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
}

.FooterCallout { border-top: 1px solid #e5e5e5; margin-top: 3rem; padding-top: 3rem; padding-bottom: 3rem }

@media (min-width:960px) {
    .FooterCallout { margin-top: 5rem; padding-top: 8rem; padding-bottom: 8rem }
}

.FooterCallout-flush { padding-top: 3rem; padding-bottom: 3rem }

@media (min-width:960px) {
    .FooterCallout-flush { padding-top: 5rem; padding-bottom: 8rem }
}

.FooterCallout-item { text-align: center; padding: 3rem }

@media (min-width:960px) {
    .FooterCallout-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 }
    .FooterCallout-item + .FooterCallout-item { border-left: 1px solid #e6e6e6 }
}

.FooterCallout-link { display: block }
.FooterCallout-link:active, .FooterCallout-link:hover { text-decoration: none }
.FooterCallout-desc, .FooterCallout-heading { color: #000 }
.FooterCallout-heading { font-weight: 300; font-size: 1.5rem; line-height: 1 }

@media (min-width:700px) {
    .FooterCallout-heading { font-size: 1.875rem; letter-spacing: -.015625rem }
}

.FooterCallout-desc { display: none }

@media (min-width:960px) {
    .FooterCallout-desc { display: block; font-size: .875rem; line-height: 1.785714286 }
}

.IconLink-text { transition: all .1s linear }
.FooterCallout-link:hover .IconLink-text { color: #e66d17 }
.FooterCallout--flush { border-top: 0; margin-top: 0 }
.CommentBox { border-top: 1px solid #e5e5e5; display: block; overflow: visible }

@media (min-width:960px) {
    .CommentBox { max-height: 460px; display: -webkit-flex; display: -ms-flexbox; display: flex; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 5rem }
}

.Comment-feature { width: 100%; display: none }

@media (min-width:960px) {
    .Comment-feature { display: block; width: 33.3333333333%; border-right: 1px solid #e5e5e5 }
}

.Comment-feature .Comment-text { padding-bottom: 1rem }
.Comment-list { position: relative; max-height: 450px; overflow: hidden }

@media (min-width:960px) {
    .Comment-list { max-height: 100%; width: 66.6666666667% }
}

.Comment-scroll { max-height: 100%; white-space: nowrap; overflow: auto; display: block }
.Comment-scroll::-webkit-scrollbar { background-color: #e5e5e5; width: 1px; height: 1px }
.Comment-scroll::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #d62929; width: 1px; height: 1px }

@media (min-width:960px) {
    .Comment-scroll { white-space: normal }
}

@media (min-width:960px) {
    .Comment-overlay { position: absolute; bottom: 0; left: 0; width: 99.9%; height: 100px; background: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%) }
}

.Comment-comment, .Comment-details { text-align: center }

@media (min-width:960px) {
    .Comment-comment, .Comment-details { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left }
}

.Comment-container { display: inline-block }
.Comment-comment { width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 1rem 2rem }

@media (min-width:960px) {
    .Comment-comment { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: auto; height: auto; display: -webkit-flex; display: -ms-flexbox; display: flex }
}

@media (min-width:960px) {
    .Comment-comment .Comment-text { width: 56.8181818182%; padding-left: 2rem }
}

.Comment-text, .Comment-title { color: grey; white-space: normal }
.Comment-text { font-size: .75rem; line-height: 1.833333333; font-weight: 400; color: grey }
.Comment-attrib, .Comment-title { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; letter-spacing: 2px }
.Comment-title { margin-bottom: 0 }
.Comment-attrib { font-size: .625rem }
.Comment-avatar { display: block; margin: 0 auto; padding-right: 1rem }
.Comment-avatar .Comment-avatarImg { width: 51px; height: auto; border-radius: 25px; border: 1px solid #e5e5e5; background: #7f7f7f }
.Comment-details { -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100% }

@media (min-width:960px) {
    .Comment-details { -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 39.3258426966% }
}

.Comment-details .Comment-avatar { padding-top: 0; margin: 0 }
.Comment-btn { text-align: center }

@media (min-width:960px) {
    .Comment-btn { display: none }
}

@media (min-width:960px) {
    .CommentBox--dark .Comment-overlay { background: linear-gradient(to top,#f7f7f7 0,rgba(247,247,247,0) 100%) }
}

.Article { background-color: #fff; padding-top: 5rem; border-bottom: 1px solid #e5e5e5 }
.Article-border { display: none }

@media (min-width:960px) {
    .Article-border { display: block; border-right: 1px solid #e5e5e5 }
}

.Article-pagination { border-top: 1px solid #e5e5e5 }
.Article-pagination-item { overflow: hidden }
.Article-pagination-item a { width: 100%; padding-top: 2rem; padding-bottom: 2rem; overflow: hidden; display: block; text-align: center }

@media (min-width:960px) {
    .Article-pagination-item a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left }
}

.Article-pagination-image { position: relative; width: 100%; max-width: 8.75rem; margin-left: auto; margin-right: auto }

@media (min-width:960px) {
    .Article-pagination-image { margin-left: 0; margin-right: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 }
}

.Article-pagination-image:after, .Article-pagination-image:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; transition: opacity .1s linear }
.Article-pagination-image:before { font-family: icomoon !important; content: '\e909'; z-index: 2 }
.Article-pagination-image:after { content: ''; width: 3.75rem; height: 3.75rem; z-index: 1; background-color: #fff; border-radius: 8rem }
.Article-pagination-content { display: block }

@media (min-width:960px) {
    .Article-pagination-content { padding-left: 3.90625%; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
}

.Article-pagination-content h6, .Article-pagination-content span { transition: color .1s linear }
.Article-pagination-content h6 { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #7f7f7f; margin-top: 1rem }
.Article-pagination-content h6:before { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #000; content: 'Prev:'; display: block }

@media (min-width:960px) {
    .Article-pagination-content h6 { font-weight: 300; font-size: 1.25rem; line-height: 1; letter-spacing: -.015625rem; text-transform: none; color: #000; margin-top: 0 }
}

@media (min-width:960px) and (min-width:700px) {
    .Article-pagination-content h6 { font-size: 1.5rem }
}

@media (min-width:960px) {
    .Article-pagination-content h6:before { display: none }
}

.Article-pagination-content span { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; margin-top: .5rem; display: none; color: #7f7f7f }

@media (min-width:960px) {
    .Article-pagination-content span { display: block }
}

.Article-pagination-item + .Article-pagination-item h6:before { content: 'Next:' }

@media (min-width:960px) {
    .Article-pagination-item + .Article-pagination-item { border-left: 1px solid #e5e5e5; text-align: right }
    .Article-pagination-item + .Article-pagination-item .Article-pagination-image { -webkit-order: 2; -ms-flex-order: 2; order: 2 }
    .Article-pagination-item + .Article-pagination-item .Article-pagination-image:before { content: '\e90a' }
    .Article-pagination-item + .Article-pagination-item .Article-pagination-content { text-align: right; padding-left: 0; padding-right: 3.90625% }
}

.Article-pagination-item a:hover .Article-pagination-content h6, .Article-pagination-item a:hover .Article-pagination-content span { color: #e66d17 }
.Article-pagination-item a:hover .Article-pagination-image:after, .Article-pagination-item a:hover .Article-pagination-image:before { opacity: 1 }
.Article-content { padding-bottom: 5rem }
.Article-content h1, .Article-content h2, .Article-content h3 { margin-top: 2rem; margin-bottom: 1rem }
.Article-content h1 { font-weight: 300; font-size: 1.75rem; line-height: 1; letter-spacing: -.03125rem; margin-top: 1rem; margin-bottom: 1rem }

@media (min-width:700px) {
    .Article-content h1 { font-size: 2.5rem }
}

.Article-content h2 { font-weight: 300; font-size: 1.875rem; line-height: 1.3125; letter-spacing: -.01875rem }
.Article-content h3 { font-weight: 300; font-size: 1.25rem; line-height: 1; letter-spacing: -.015625rem }

@media (min-width:700px) {
    .Article-content h3 { font-size: 1.5rem }
}

.Article-content p { font-size: .875rem; line-height: 1.785714286; margin-top: 1rem; margin-bottom: 1rem; color: #888 }
.Article-content a { text-decoration: underline }
.Article-content a:hover { text-decoration: none }
.Article-content blockquote { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; max-width: 31.25rem; margin-left: 0; margin-top: 2rem; margin-bottom: 2rem; padding-left: 2rem; border-left: 2px solid #000 }
.Article-content blockquote p { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; color: #000 }
.Article-content ol, .Article-content ul { font-weight: 600; font-size: .75rem; line-height: 1.5; letter-spacing: .125rem; text-transform: uppercase; line-height: 2; max-width: 50rem; padding-left: 1rem; color: #000 }
.Article-content ol li, .Article-content ul li { color: #888 }
.Article-content img { margin-top: 1rem; margin-bottom: 1rem }
.Article-content > :first-child { margin-top: 0 }
.Carousel__item { cursor: pointer; border: 1px solid transparent }
.Carousel__item--active { border-color: #e66d17 }
.Carousel img { width: 100%; height: auto; display: block }
.Carousel .Grid--withGutter > .Grid-cell { padding-left: 20px; padding-right: 20px }
.Carousel .Grid--withGutter { margin-left: -20px; margin-right: -20px }
.StarRating { unicode-bidi: bidi-override; position: relative; padding: 0; display: block; -webkit-align-items: center; -ms-flex-align: center; align-items: center }

@media (min-width:960px) {
    .StarRating { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex }
}

.StarRating__star { color: #bababa }
.StarRating__star--active { color: #e66d17 }
.StarRating__text { color: #e66d17; font-size: 14px; margin-left: 15px }
.Grid-cell--rating { text-align: right }

@media (min-width:700px) {
    .Grid-cell--rating { text-align: right }
}

.OtherUses { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.OtherUses__heading { margin-bottom: 15px }
.OtherUses__content { text-align: center }
.OtherUses__list { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; margin: 0; list-style: none; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.OtherUses__list-item { margin-right: 7px; width: 88px }
.OtherUses__list-item:last-child { margin-right: 0 }
.OtherUses__item-text { color: #666; font-size: 14px }
.Specs { width: 400px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }

@media (max-width:600px) {
    .Specs { width: 300px }
}

.Specs__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px }
.Specs__label { font-weight: 600; font-size: 12px; text-transform: uppercase; color: #000; margin: 0; letter-spacing: 1px; width: 130px; text-align: left }
.Specs__rating { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Specs__rating-item { height: 16px; background-color: #e5e5e5; width: 20%; margin: 0 3px }
.Specs__rating-item--active { background-color: #e66d17 }
/*# sourceMappingURL=main.css.map */

/***Sort by dropdown**/
.Filterbar-sort-dropdown { display: none; position: absolute; width: 250px; z-index: 1; border: 1px solid #e6e6e6; }
.Filterbar-sort-dropdown.active-dropdown { display: block; }
.Filterbar-sort-dropdown .Listgroup-item-action { color: #000; line-height: 12px; padding: .75rem 1.1875rem; text-decoration: none; transition: all .1s linear; text-transform: uppercase; font-size: 12px; }
.Filterbar-sort-dropdown .Listgroup-item-action:hover { color: #e66d17; }
.Filterbar-sort.active-sort .Icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.secondary-options { position: absolute; bottom: 0; z-index: 99; background-color: rgba(0,0,0,.2); width: 100%; border: 0; }
.secondary-options .Labellist-label { color: white; }
.secondary-options .Labellist--buttons .Btn { background-color: white; border-radius: 25px; padding: 1rem 1.75rem; }
.secondary-options .Btn-border-info.is-active, .secondary-options .Btn-border-info:hover { border-color: #e66d17; background-color: white; color: #e66d17; }
.HeadingGroup.Hero-HeadingGroup { padding-top: 2.5rem; }
#newProd-svg { position: relative; left: 35%; margin-top: -24px; }
#newProd-svg text { font-family: "Proxima Nova", proxima-nova, "Helvetica Neue", sans-serif; font-weight: normal; dominant-baseline: text-after-edge; }
.ProductItem-image.newProduct { margin-top: -24px; }