.icon-expand,
.icon-minimize,
.icon-dismiss {
    background-color: #fff;
}

.icon-expand:hover,
.icon-minimize:hover,
.icon-dismiss:hover {
    background-color: #f0f0f0;
}

.icon-help-toggle {
    background-color: #000;
}

.icon-help-toggle:hover {
    background-color: #767676;
}

a {
    color: #21293c;
}

/* Salesforce form style below */
.salesforcefrm-style {
    width: 50%;
}

.salesforcefrm-style h3 {
    color: #133c82;
    text-transform: uppercase;
}

.salesforcefrm-style hr {
    color: #133c82;
}

.salesforcefrminputwidth {
    width: 100%;
}

.salesforcefrmpadding {
    padding: 0% 5%;
}

/*end salesforce form style above*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
    position: relative;
    display: inline-block;
    padding: .5em .6em;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
}

label {
    color: #000;
    font-weight: 400;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
    border-color: #c0c0c0;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
    color: #c0c0c0;
}

input:not([type]):focus {
    background-color: #fff;
}

input:not([type])[disabled] {
    border-color: #c0c0c0;
}

input:not([type])[disabled] {
    color: #c0c0c0;
}

.table {
    color: #000;
}

.table th,
.table td {
    border-bottom: 0.0625rem #767676 solid;
}

.site-header__trigger {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-header-update {
    background-color: #f0f0f0;
    color: #767676;
}

.site-header-update__trigger {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-nav .action-block--subnav,
.header-search .action-block--subnav {
    background-color: #dfdfdf;
}

.site-nav__top-link {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-nav__top-link:hover,
.site-nav__top-link:visited,
.site-nav__top-link:focus,
.site-nav__top-link:active {
    color: #000;
}

.site-nav__top-link span::before {
    background-color: #133c82;
}

.site-nav__top-item.is-active:hover .site-nav__top-link span::before {
    background-color: transparent;
}

.site-nav__level-header {
    color: #052152;
    font-weight: 800;
    font-size: 0.75em;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 0.75rem 1.75rem;
    border-bottom: 1px solid #acd9ff;
}

.site-nav .is-level-3 .site-nav__link {
    color: #000;
    font-weight: 400;
    font-size: 0.9rem;
    letter-spacing: normal;
}

.action-block__trigger .site-nav__top-link::before {
    /* stylelint-disable-line max-nesting-depth*/
    width: 0;
    height: 0;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-bottom: 0.4995rem solid #d8edff;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.site-nav__section {
    border-top: 1px solid #dfdfdf;
}

.header-search__form::before {
    width: 0;
    height: 0;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-bottom: 0.4995rem solid #000;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.header-search__field-block input[type="search"] {
    height: 50px;
    width: 266px;
    border: 1px solid #d8d8d8;
    border-radius: 5px !important;
    padding: 13px 36px;
}

.header-search__button {
    background-color: #133c82;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.search-results__header {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
    text-transform: uppercase;
}

.result-link {
    background-color: #f4f8fc;
    border: 1px solid #f4f8fc;
}

.result-link__title {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.header-cart__link.has-items {
    border-top: 0.125rem solid #f8f8f2;
}

.header-cart__count {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.language__customer-care {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.language__location:hover img {
    border-color: #767676;
}

.language__name {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.language__location img {
    border-bottom: 1px solid transparent;
}

.account .action-block__trigger::before {
    width: 0;
    height: 0;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-bottom: 0.4995rem solid #000;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.account-nav__header {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.account-nav__item {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-nav__section .account-nav {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-nav__section .account-nav__link {
    color: #000;
}

.account-nav__link {
    color: #000;
}

.page-hero__mask {
    opacity: 0.3;
    background-color: #000;
}

.page-hero__h1 {
    color: #fff;
    font-weight: 400;
    font-size: 2.75em;
}

.page-hero__h2 {
    color: #fff;
    font-weight: 400;
    font-size: 2em;
    text-transform: capitalize;
    text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);
}

.page-hero__h2.has-line {
    padding-top: 2rem;
}

.page-hero__h1+.page-hero__h2.has-line {
    margin-top: 1.5rem;
}

.page-hero__boldblue {
    font-weight: 400;
}

.page-hero__message {}

.page-hero__description {
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
}

.page-hero__abTest--b .page-hero__mask {
    opacity: 0.3;
    background-color: #000;
}

.page-hero__abTest--b .page-hero__h1 {
    color: #fff;
    font-weight: 400;
    font-size: 2.75em;
}

.page-hero__abTest--b .page-hero__h1.invert {
    color: #000;
    font-weight: bold;
}

.page-hero__abTest--b .page-hero__h2 {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
    text-transform: none;
    text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);
}

.page-hero__abTest--b .page-hero__h2.has-line {
    padding-top: 2rem;
}

.page-hero__h1+.page-hero__abTest--b .page-hero__h2.has-line {
    margin-top: 1.5rem;
}

.page-hero__abTest--b .page-hero__description {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
}

.page-hero-new-lg a {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.page-hero-new-lg-ca a {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.page-hero-new-sm a {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.page-hero-new-sm-ca a {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.page-hero-v3__subHeroHeadline-lg {
    color: #000;
    font-weight: 400;
    font-size: 3.625em;
}

.page-hero-v3__subHeroSubHeadline-lg {
    color: #133c82;
    font-weight: 400;
    font-size: 1.75em;
}

.page-hero__boldblue {
    color: #052152;
}

.page-hero__boldblue a {
    color: #052152;
}

.page-hero__abTest--b .page-hero__valueprop {
    background-color: #052152;
}

.categories-selector__title {
    color: #fff;
    font-weight: 400;
    font-size: 1.75em;
    text-transform: uppercase;
    text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);
}

.brands-selector__title {
    color: #fff;
    font-weight: 400;
    font-size: 1.75em;
    text-transform: uppercase;
    text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);
}

.brands-selector__titlenoimage {
    color: #fff;
    font-weight: 400;
    font-size: 1.75em;
    text-transform: uppercase;
    text-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);
}

.brands-selector__sfcimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-sfc.png);
}

.brands-selector__mozoimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-mozo.png);
}

.brands-selector__aceimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-ace.png);
}

.brands-selector__nbimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-nb.png);
}

.brands-selector__dockersimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-dockers.png);
}

.brands-selector__danskoimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-dansko.png);
}

.brands-selector__jmimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-jm.png);
}

.brands-selector__pfimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-pf.png);
}

.brands-selector__dewaltimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-dewalt.png);
}

.brands-selector__favoriteimage.lazyloaded {
    background-image: url(/includes/images/brand/brand-favorites.png);
}

.checkout__container {
    border-color: #c0c0c0;
}

.checkout__head {
    border-color: #c0c0c0;
}

.checkout__main .description .check-disclaimer {
    color: #c0c0c0;
}

.checkout__main .description .shippingprice, .checkout__main .description .shippingpricemobile {
    font-weight: 400;
}

.checkout__main .tooltip a {
    color: #133c82;
    font-weight: 400;
}

.checkout__main .total {
    color: #133c82;
    font-weight: 400;
}

.checkout__main .totalprice {
    color: #133c82;
    font-weight: 400;
}

.checkout__main .promo {
    border-color: #c0c0c0;
}

.checkout__main input[type="text"] {
    border-color: #c0c0c0;
}

.checkout__main .field select {
    border-color: #c0c0c0;
    color: #c0c0c0;
}

.checkout__link {
    color: #767676;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: normal;
}

.checkout-cart h2 {
    color: #000;
    font-weight: 400;
}

.checkout-cart__container {
    border-color: #f2f3f7;
}

.checkout-cart__head {
    border-color: #f2f3f7;
}

.checkout-cart__main {
    color: #000;
    font-weight: 400;
}

.checkout-cart__main .qty-price {
    border-color: #c0c0c0;
}

.checkout-cart__main .qtyselector select {
    border-color: #c0c0c0;
}

.checkout-cart__main .brand {
    color: #133c82;
}

.checkout-cart__main .promo {
    border-color: #c0c0c0;
}

.checkout-cart__link {
    color: #767676;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: normal;
}

.checkout-cart-item h2 {
    color: #000;
    font-weight: 400;
}

.checkout-cart-item__container {
    border-color: #c0c0c0;
    color: #000;
    font-weight: 400;
}

.checkout-cart-item__head {
    border-color: #c0c0c0;
    color: #000;
}

.checkout-cart-item__main {
    color: #000;
    font-weight: 400;
}

.checkout-cart-item__main .brand {
    color: #133c82;
}

.checkout-cart-customer__container {
    border-color: #c0c0c0;
    color: #000;
    font-weight: 400;
}

.checkout-cart-customer__main {
    color: #000;
    font-weight: 400;
}

/*backorder message color*/
.checkout-cart__main p.backorderTextColor,
.checkout-cart__main a.backorderTextColor {
    color: #ba3f39 !important;
}

.checkout-cart-customer__main .title {
    letter-spacing: 1px;
    font-weight: 400;
}

.checkout-cart-customer__main .message {
    color: #000;
}

.checkout-cart-customer__main .text-right {}

.checkout-cart-customer h3 {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}

.checkout-cart-suggestions__container {
    border-color: #c0c0c0;
    color: #000;
    font-weight: 400;
}

.checkout-cart-suggestions__main {
    color: #000;
    font-weight: 400;
}

.checkout-cart-suggestions__main .title {
    letter-spacing: 1px;
    font-weight: 400;
}

.checkout-cart-suggestions__main .product-name {
    font-weight: 400;
}

.checkout-cart-suggestions__main .product-style {
    color: #767676;
}

.checkout-cart-suggestions__main .product-price {
    color: #767676;
}

.checkout-cart-suggestions h3 {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}


.btn {
    color: #000;
    font-weight: 400;
    font-size: 1.125em;
    border: 0.0625rem solid #000;
    border-radius: 50px;
    text-transform: capitalize;
}

.btn--thin {
    font-size: 1em;
}

.btn--accent {
    border-radius: 50px;
}

.btn--default,
.btn--accent:hover,
.btn--accent:focus,
.btn--accent:active,
.btn--accent.btn--fill,
.btn--accent.btn--reverse:hover,
.btn--accent.btn--reverse:focus,
.btn--accent.btn--reverse:active {
    background-color: #21293c;
    color: #f8f8f2;
}

.btn--accent.btn--fill:hover,
.btn--accent.btn--fill:focus,
.btn--accent.btn--fill:active,
.btn--default:hover {
    background-color: #f8f8f2;
    color: #212930;
    text-decoration: none !important;
}

.btn--accent.btn--fill:active {
    background-color: #f8f8f2;
}

.btn--accent.btn--reverse:active {
    background-color: #6d8ffe;
}

.btn-smallText {
    color: #000;
    font-weight: 400;
    font-size: 0.9em;
    letter-spacing: normal;
	border: 0.0625rem solid #000;
}

.btn-round {
    background-color: #21293c;
}


.btn--fill {
    background-color: #000;
    color: #f8f8f2;
}

.btn--fill:hover,
.btn--fill:focus {
    color: #d6d6d6;
    background-color: #000;
}

.btn--fill:active {
    color: #adadad;
    background-color: #000;
}

.btn--secondary {
    color: #fff;
}

.btn--reverse {
    border-color: #fff;
    color: #fff;
}

.btn--reverse:hover,
.btn--reverse:focus,
.btn--reverse:active {
    background-color: #fff;
    color: #000;
}

.btn--reverse:active {
    background-color: #cccccc;
}

.btn-smallText--default:hover,
.btn-smallText--default:focus {
    background-color: #e6e6e6;
}

.btn-smallText--default:active {
    background-color: #cccccc;
}

.btn-smallText--fill {
    background-color: #000;
    color: #222;
}

.btn-smallText--fill:hover,
.btn-smallText--fill:focus {
    color: #d6d6d6;
    background-color: #000;
}

.btn-smallText--fill:active {
    color: #adadad;
    background-color: #000;
}

.btn-smallText--reverse {
    border-color: #fff;
    color: #fff
}

.btn-smallText--reverse:hover,
.btn-smallText--reverse:focus,
.btn-smallText--reverse:active {
    background-color: #fff;
    color: #000;
}

.btn-smallText--reverse:active {
    background-color: #cccccc;
}

.btn-mobile-bottom {
    position: relative !important;
    display: initial !important;
    bottom: -80px !important;
}

.btn-mobile-bottom-centered {
    position: relative !important;
    display: initial !important;
    bottom: 0px !important;
}

.label-help {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.checkbox,
.radio {
    color: #000;
    font-weight: 400;
    font-size: 1em;
}

.field--error input:not([type]),
.field--error input:not([type]):focus,
.field--error input[type="text"],
.field--error input[type="text"]:focus,
.field--error input[type="password"],
.field--error input[type="password"]:focus,
.field--error input[type="email"],
.field--error input[type="email"]:focus,
.field--error input[type="url"],
.field--error input[type="url"]:focus,
.field--error input[type="date"],
.field--error input[type="date"]:focus,
.field--error input[type="month"],
.field--error input[type="month"]:focus,
.field--error input[type="time"],
.field--error input[type="time"]:focus,
.field--error input[type="datetime"],
.field--error input[type="datetime"]:focus,
.field--error input[type="datetime-local"],
.field--error input[type="datetime-local"]:focus,
.field--error input[type="week"],
.field--error input[type="week"]:focus,
.field--error input[type="number"],
.field--error input[type="number"]:focus,
.field--error input[type="search"],
.field--error input[type="search"]:focus,
.field--error input[type="tel"],
.field--error input[type="tel"]:focus,
.field--error input[type="color"],
.field--error input[type="color"]:focus,
.field--error select,
.field--error select:focus,
.field--error textarea,
.field--error textarea:focus {
    border-bottom-color: #ff0033;
    /* Using box shadow for a thicker bottom line so*/
    /* there isn’t janky jumpy happening on :focus*/
    box-shadow: inset 0 -1px #ff0033;
}

.field__error {
    color: #ff0033;
    font-size: 1rem;
}

.more-help {
    background-color: #f0f0f0;
    border-radius: 5px;
}

.more-help__headline {
    color: #000;
    font-weight: 700;
    font-size: 0.875em;
}

.more-help p {
    color: #000;
    font-weight: 400;
    font-size: 0.875em;
}

.required {
    color: #ff0033;
}

.share {
    padding: 1em 0 4em;
    margin: 0 auto;
    border-top: 2px solid #cccccc;
}

.share__link {
    color: #767676;
}

.share__item.has-succeeded {
    border-bottom-color: #8eca3d;
}

.share__item.has-succeeded>.share__link {
    color: #8eca3d;
}

.share__item.has-failed {
    border-bottom-color: #ff0033;
}

.share__item.has-failed>.share__link {
    color: #ff0033;
}

/* sticky add to cart feature PDP*/
#popupcartContents {
    width: 50%;
    margin: 0 auto;
}

#StyleAndSizeSticky {
    width: 100%;
    max-width: 50%;
    float: left;
}

#SubmitBtnSticky {
    float: left;
    max-width: 200px;
    margin: 0 0 0 20px;
    height: 2.5em;
}

#close-popupcart {
    margin: 0 0 2%;
    display: inline-block;
    text-decoration: none;
    color: #fafafa;
}

.sticky-add-to-cart {
    width: 100%;
    z-index: 100;
    position: fixed;
    bottom: 0;
    text-align: center;
    align-items: center;
    padding: 1% 5%;
    background: rgb(80, 97, 152);
    background: linear-gradient(90deg,
            rgba(80, 97, 152, 1) 0%,
            rgba(19, 29, 52, 1) 100%);
}

.sticky-add-to-cart #SubmitBtn {
    display: inline-block;
    text-align: center;
    width: 97%;
}

.hideme {
    display: none;
}

@media screen and (max-width: 48em) {
    #StyleAndSizeSticky {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    #SubmitBtnSticky {
        float: none;
        max-width: 200px;
        margin: 2% auto;
        height: 2.5em;
        display: inline-block;
    }
}

@media screen and (max-width: 1000px) {
    #popupcartContents {
        width: 70%;
    }
}

@media screen and (max-width: 770px) {
    #popupcartContents {
        width: 50%;
    }

    .salesforcefrm-style {
        width: 100%;
    }
}

/* END sticky add to cart feature PDP*/

.buy-box__mobile {
    display: block;
}

.buy-box__desktop {
    display: none;
}

.buy-box__header {
    margin: 0 auto;
}

.buy-box__title {
    color: rgba(13, 19, 33, 1);
    font-weight: 900;
    font-size: 1.75em;
    margin: 0;
}

.buy-box__subtitle {
    color: #133c82;
    font-weight: 400;
    font-size: 1.25em;
}

.buy-box__info {
    color: #4b4b4b;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: normal;
}

.buy-box__collection {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.buy-box__collection--link {
    color: #767676;
}

.buy-box__label {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0;
}

.buy-box__options,
.buy-box__formset,
.buy-box__cart {
    margin: 0 auto;
}

.buy-box__price-group {
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-bottom: 0.5em;
}

.buy-box__price-details-toggle {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.buy-box__colors-link {
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.buy-box__colors-link:hover {
    border-color: #212930;
}

.buy-box__message {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.15em;
    margin-bottom: 1em;
}

.price-details {
    padding: 1em;
    border-radius: 5px;
    border: 1px solid #000;
    margin: 1em 0;
}

.price-details__title {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 1.375em;
}

.price-details__summary {
    margin-bottom: 0;
}

.main-sizes-container {
    margin-bottom: 8px;
}

.main-sizes-container label {
    font-size: 16px;
    font-weight: 700;
}

.sizes-container,
.widths-container {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(4.8rem, 2fr));
}

.sizes-container.larger-buttons {
    grid-template-columns: repeat(auto-fill, minmax(6.2rem, 2fr));
}

.widths-container {
    grid-template-columns: repeat(auto-fill, minmax(6rem, 3rem));
    padding-bottom: 10px;
}

.low-inventory-alert {
    margin: 15px 0;
    color: red;
    display: none;
}

.sizes-item {
    width: 100%;
    padding: 20px 4px;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    min-height: 54px;
    white-space: nowrap;
}

.sizes-item:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.sizes-item.selected {
    background-color: #000;
    color: #fff;
}

.widths-container .sizes-item {
    padding: 0;
    min-height: 40px;
}

.quantity-selector {
    border: 1px solid #cecece;
    border-radius: 5px;
    height: 50px;
}

.quantity-selector__button:hover,
.quantity-selector__button:focus {
    background-color: #cccccc;
}

.quantity-selector__button--decrease,
.quantity-selector__button--increase {
    border-right: 1px solid #cecece;
    color: #000;
    background-color: #e0e0e0;
}

.quantity-selector__itemwrap {
    border: none;
    background-color: transparent;
}

.quantity-selector__input,
.quantity-selector__input[type="number"] {
    font-size: 1.125em;
}

.feature-list {
    list-style: disc !important;
    padding-left: 20px;
}

.accordion-header {
    border-top: 2px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 5px 0;
}

.accordion-header>.fa {
    float: right;
}

.accordion-header h4 {
    font-size: 24px;
    font-weight: 700;
    padding: 5px 0;
    margin: 0;
}

.accordion-content {
    display: none;
}

.accordion-content .learn {
    color: #143c82 !important;
    text-decoration: underline;
    padding: 0 7px;
    font-weight: 700;
}

.accordion-content p {
    font-style: italic;
}

.marketing-message {
    background-color: #ebf6ff;
    border-bottom: 0.0625em solid #c8e4fb;
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.marketing-message--callout {
    background-color: #052152;
    color: #fff;
}

.marketing-message__title {
    color: #767676;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
}

.marketing-message--success {
    background-color: #8eca3d;
}

.marketing-message--warning {
    background-color: #e6bb63;
}

.marketing-message--error {
    color: #fff;
}

.marketing-message--error {
    background-color: #ff0033;
}

.marketing-message--ossMode {
    background-color: #990000;
    color: #fff;
}

.callouts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-hero__info .product-message__text {
    background-color: #ba3f39;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.3);
    padding: 5px 50px;
    margin: 0;
    z-index: 3;
    line-height: 1.7em;
}

.product-hero__info .product-message__text.new {
    background-color: #ba3f39;
}

.product-rating {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.product-rating__link {
    color: #767676;
}

.feature-blocks-container--interactive {
    background-color: #dfdfdf;
}

.feature-block.no-media {
    background-color: #f0f0f0;
    border: 0.0625rem solid #767676;
}

.feature-block.no-media:last-child {
    background-color: #fff;
}

.feature-block.no-media.no-background {
    background-color: #fff;
}

.feature-block-body__title {
    color: #dfdfdf;
    font-weight: 400;
}

.feature-block-body__headline {
    color: #000;
    font-weight: 400;
    font-size: 1.375em;
    letter-spacing: 0.0625em;
}

.is-interactive .feature-block-body__headline {
    margin-top: 0;
}

.is-active .feature-block-body__headline {
    display: none;
}

@supports (pointer-events: none) {
    .is-active .feature-block-body__headline {
        display: block;
        margin: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        height: 0;
    }
}

.feature-block-body__headline::before {
    width: 3em;
    height: 0.125rem;
    margin-bottom: 1em;
    display: block;
    content: "";
    background-color: #febd16;
}

.no-media .feature-block-body__headline::before {
    display: none;
}

.feature-block-body__sub-headline {
    color: #000;
    font-weight: 700;
    font-size: 1.25em;
}

.feature-block-body__copy {
    color: #000;
    font-size: 1.125em;
    line-height: 1.375em;
}

.feature-block-body__copy li::before {
    color: #febd16;
}

.feature-block-body__faux-link {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.feature-block-body__key-features-item {
    color: #000;
    font-weight: 400;
    font-size: 1.125em;
}

.feature-block--interactive {
    border: 0.1em solid#fff
}

.feature-block--interactive.is-interactive:hover {
    border-color: #febd16;
}

.feature-block--interactive.is-active {
    background-color: #fff;
}

.feature-block--interactive.is-active:hover {
    border-color: #dfdfdf;
}

.product-tagline {
    background-image: url("/includes/images/sfc-warped-tread.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-tagline__text {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-size: 2em;
}

.product-tagline {
    background-color: #133c82;
}

.product-story {
    background-image: url("/includes/images/header-headline.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #133c82;
}

.product-story__text {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
}

.product-story {
    background-color: #133c82;
}

.reviews {
    background-color: #fff;
}

.reviews__featured-title {
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
    margin-top: 0;
}

.reviews-quote__text {
    color: #febd16;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.25;
}

.reviews-quote__cite {
    color: #000;
    font-size: 1.125em;
}

.reviews-quote__name {
    font-weight: 700;
}

.review:first-of-type {
    border-top: 0.0625rem #000 solid;
}

.review:not(:last-of-type) {
    border-bottom: 0.0625rem #000 solid;
}

.review__body {
    color: #000;
    font-size: 1.125em;
}

.review__name {
    font-weight: 700;
}

.ratings-hero__column-1 {
    margin-top: 1em;
    text-align: center;
}

.ratings-hero__title {
    color: #000;
    font-weight: 400;
    font-size: 1.375em;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
    margin: 0 0 0.5rem;
}

.ratings-hero__info {
    color: #000;
    font-size: 1.125em;
}

.ratings-hero__stars {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ratings-hero__container {
    background-color: #fff;
}

.product {
    color: #133c82;
    font-weight: 400;
}

.product {
    border-color: #c0c0c0;
    border-width: 0;
}

.product:hover .product__footer {
    border-color: #212930;
    transition: all 200ms ease-in-out;
}

.product__message-container .product-message__text {
    color: #ba3f39;
    font-weight: 900;
    font-size: 0.85em;
    letter-spacing: normal;
    text-transform: uppercase;
}

.product__message-container .product-message__text.new {
    color: #ba3f39;
}

.product__footer {
    border-bottom: 0.0625em #c0c0c0 solid;
}

.product__name {
    color: #000;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: normal;
}

.product__name:hover {
    text-decoration: underline !important;
    color: #143c82;
}

.product__gender {
    color: #222;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
    margin: 0.5em 0 0;
}

.product__price {
    line-height: 1.4em;
    padding-top: 5px;
}

.product__price--current {
    color: #222;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.product__price--discounted {
    color: #158934;
    font-weight: 700;
    font-size: 0.875em;
    letter-spacing: normal;
    margin-right: 15px;
}

.product__price .red {
    color: #ba3f39;
}

.browse__header {
    background-color: #fff;
}

.mesh-warning {
    color: red;
    font-size: 0.875em;
    font-weight: bolder;
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.browse__title {
    color: #000;
    font-weight: 400;
    font-size: 2.5em;
}

.featured-link {
    border: 0.0625em #000 solid;
}

.featured-link__footer {
    background-color: #000;
}

.featured-link__category {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.featured-link__cta {
    color: #fff;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.browse-split__header {
    border-bottom: 0.0625em #000 solid;
}

.browse-split__title {
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
}

.browse-split__viewall-link {
    color: #767676;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: normal;
}

.featured-link {
    background-color: #000;
}

.featured-link__image-container {
    background-color: #fff;
}

.filters {
    background-color: #f0f0f0;
}

.filter-controls--main {
    color: #767676;
}

.filter-controls__select {
    border: 0.0625em #000 solid;
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.filter-extras__select {
    border: 0.0625em #000 solid;
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.filter__trigger {
    background-color: transparent;
    border: 0.0625em solid #000;
    color: #000;
}

.has-checked .filter__trigger {
    background-color: #21293c;
    color: #fff;
}

.filter__trigger::before {
    border-left: 0.0625rem solid #000;
}

.filter__list {
    background-color: #f0f0f0;
    border-right: 0.0625em solid #000;
    border-bottom: 0.0625em solid #000;
    /* only show border on bottom when active*/
    border-left: 0.0625em solid #000;
}

.csspointerevents .is-active .filter__list {
    border-bottom: 0.0625em solid #000;
    /* only show border on bottom when active*/
}

.filter-button {
    background-color: transparent;
    border: 0.0625em solid #000;
}

.filter-details--main {
    color: #767676;
}

.filter-option__label::before {
    background-color: #fff;
}

.filter-option__label::after {
    border-left: 0.0625em solid #000;
    border-bottom: 0.0625em solid #000;
}

.prefooter {
    background-color: #fff;
}

.prefooter__header {
    color: #000;
    font-weight: 400;
    font-size: 1.375em;
}

.prefooter__sub-header {
    color: #000;
    font-size: 1em;
}

.site-footer {
    background-color: #30499a;
    color: #fff;
}

.site-footer .subscribe__copy {
    color: #fff;
    font-weight: 400;
    font-size: 1.125em;
}

.site-footer .subscribe-form__input {
    background-color: transparent;
    border: 1px white solid;
    border-bottom-width: 2px;
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-footer .subscribe-form__input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-footer .subscribe-form__input::-moz-placeholder {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-footer .subscribe-form__input:-ms-input-placeholder {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-footer .subscribe-form__input::placeholder {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-footer .subscribe-form__input:focus {
    background-color: #fff;
    color: #000;
}

.site-footer .subscribe-form__input:focus::-webkit-input-placeholder {
    /* stylelint-disable-line max-nesting-depth*/
    color: #767676;
}

.site-footer .subscribe-form__input:focus::-moz-placeholder {
    /* stylelint-disable-line max-nesting-depth*/
    color: #767676;
}

.site-footer .subscribe-form__input:focus:-ms-input-placeholder {
    /* stylelint-disable-line max-nesting-depth*/
    color: #767676;
}

.site-footer .subscribe-form__input:focus::placeholder {
    /* stylelint-disable-line max-nesting-depth*/
    color: #767676;
}

.site-footer .footer-nav__title {
    color: #fff;
    font-weight: 400;
    font-size: 1.375em;
    text-transform: uppercase;
    border-bottom: 1px #fff solid;
}

.site-footer .footer-nav__list {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
}

.site-footer .footer-nav__link {
    color: #fff;
    font-size: 1em;
}

.sub-footer {
    background: #132150;
}

.sub-footer__copyright {
    color: #fff;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: normal;
}

.sub-footer__item {
    color: #fff;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: normal;
}

.sub-footer__link {
    color: #fff;
    font-weight: 400;
}

.site-footer .subscribe-form__input {
    color: #fff;
}

.guarantee__block {
    border-bottom: none;
}

.guarantee__description {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5;
}

.guarantee__link {
    color: #767676;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: normal;
}

.guarantee__title {
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
}

.guarantee {
    background-color: #133c82;
}

.guarantee__block {
    background-color: #fff;
}

.filter-pillbox__list {
    border: 0.0625em solid #000;
}

.has-dark-background .filter-pillbox__list {
    border-color: #fff;
}

.filter-pillbox__item+.filter-pillbox__item {
    border-left: 0.0625em solid #000;
}

.has-dark-background .filter-pillbox__item+.filter-pillbox__item {
    border-color: #fff;
}

.filter-pillbox__text {
    color: #000;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: normal;
    background-color: transparent;
}

.filter-pillbox__label:hover .filter-pillbox__text {
    background-color: #f0f0f0;
}

.has-dark-background .filter-pillbox__label:hover .filter-pillbox__text {
    background-color: rgba(255, 255, 255, 0.3);
}

.has-dark-background .filter-pillbox__radio:checked+.filter-pillbox__text {
    color: #000;
    background-color: #fff;
}

.has-dark-background .filter-pillbox__text {
    background-color: transparent;
}

.has-dark-background .filter-pillbox__text {
    color: #fff;
}

.related-products__title {
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 0.125em;
    text-transform: uppercase;
}

.related-products {
    background-color: #fff;
}

.type--heading-xl {
    font-weight: 400;
    font-size: 3.5em;
    line-height: 0.875em;
    margin: 0;
}

.type--heading-lg {
    font-weight: 400;
    font-size: 2.5em;
    line-height: 1.25;
    margin: 0.5rem 0 2rem;
}

.type--heading-lg.type--uppercase {
    letter-spacing: 0.025rem;
}

.type--heading-md {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.25;
    margin-bottom: 1rem;
}

.type--heading-md.type--uppercase {
    letter-spacing: 0.125rem;
}

.type--heading-sm {
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.25;
    margin-bottom: 0.5rem;
}

.type--body {
    font-weight: 400;
    font-size: 1.125rem;
}

.type--body {
    margin-bottom: 1rem;
    color: inherit;
    line-height: 1.5;
}

.type--callout {
    font-size: 1.5em;
    line-height: 1.25;
    margin: 1.5rem 0;
}

.type--color-accent {
    color: red;
}

.type--bolder.type--font3 {
    font-weight: 700;
}

.type--uppercase {
    text-transform: uppercase;
}

.type--color-default {
    color: #000;
}

.type--color-reverse {
    color: #fff;
}

.sfc p:not([class]) {
    font-weight: 400;
    font-size: 1rem;
    color: inherit;
    line-height: 1.5;
}

.standard-type {
    color: rgba(13, 19, 33, 1);
    font-weight: 400;
}

.standard-type h2 {
    letter-spacing: 0.125rem;
}

.standard-type p {
    font-size: 1em;
}

.standard-type li {
    font-size: 1.063em;
}

.standard-type a {
    font-size: 1.063em;
}

.standard-type a:hover {
    color: #143c82;
    text-decoration: underline !important;
}

.program-types__title {
    margin: 0;
    color: #767676;
}

.program-types__stats--employees .type--heading-lg,
.program-types__stats--saved .type--heading-lg {
    margin: 0;
}

.program-types__stats--employees::after,
.program-types__stats--saved::after {
    color: #767676;
    font-weight: 400;
    font-size: 1.25em;
}

.testimonial__corporate {
    background-color: #f0f0f0;
}

.testimonial__line-after::after {
    background-color: #21293c;
}

.util-color-primary1 {
    color: #133c82;
}

.util-color-success {
    color: #8eca3d;
}

.util-color-fail {
    color: #ff0033;
}

.util-color-warning {
    color: #dfa837;
}

.util-background-success {
    background-color: #8eca3d;
}

.util-background-fail {
    background-color: #ff0033;
}

.util-background-warning {
    background-color: #dfa837;
}

@media (min-width: 35.5em) {
    .page-hero__h2 {
        font-size: 5.664vw;
    }

    .page-hero__abTest--b .page-hero__h2 {
        font-size: 5.664vw;
    }

    .buy-box {
        padding-bottom: 2em;
    }

    .buy-box__subtitle {
        font-size: 1.75em;
    }

    .buy-box__price {
        font-size: 25px;
    }

    .is-original .buy-box__price {
        font-size: 2em;
    }

    .marketing-message__title {
        font-size: 2em;
    }

    .reviews__featured {
        padding: 3em 0 2em;
    }

    .reviews-quote__text {
        line-height: 1.375em;
    }
}

@media (min-width: 48em) {
    .share {
        width: auto;
    }

    .buy-box__mobile {
        display: none;
    }

    .buy-box__desktop {
        display: block;
    }

    .buy-box__header {
        width: auto;
    }

    .buy-box__subtitle {
        font-size: 1.5em;
    }

    .buy-box__options,
    .buy-box__formset,
    .buy-box__cart {
        width: auto;
    }

    .buy-box__price-group {
        margin-bottom: 0.5em;
    }

    .marketing-message__title {
        font-size: 2.125em;
    }

    .feature-block-body__headline {
        font-size: 1.75em;
    }

    .feature-block-body__headline::before {
        width: 4em;
        margin-bottom: 1.5em;
    }

    .product-tagline__body {
        margin: auto;
        max-width: 44em;
    }

    .product-story__body {
        margin: auto;
        max-width: 80em;
    }

    .ratings-hero__column-1 {
        margin-top: 0;
        text-align: left;
    }

    .ratings-hero__stars {
        display: inline-block;
    }

    .browse-grid__split:first-child {
        margin-right: -0.0625em;
        border-right: 0.125em #febd16 solid;
    }

    .browse-grid__split:last-child {
        margin-left: -0.0625em;
        border-left: 0.125em #febd16 solid;
    }

    .type--heading-xl {
        font-size: 4em;
    }

    .type--heading-lg {
        font-size: 3.625em;
    }

    .type--heading-md {
        font-size: 1.75em;
    }

    .type--callout {
        margin: 2rem 0;
        font-size: 2.25em;
    }
}

@media (min-width: 64em) {
    .site-header__section--first {
        border-top: 1px solid #dfdfdf;
    }

    .site-logo-ls__link {
        width: 10em;
        height: 4em;
    }

    .site-logo-ls-mobile__link {
        display: none;
    }

    .action-block__dropdown--at-large {
        border: 0.25em solid #d8edff;
    }

    .action-block__dropdown--at-large-optional {
        border: 0.25em solid #d8edff;
    }

    .action-block__dropdown--suggested-style {
        border: 0.25em solid #fff;
    }

    .action-block__dropdown--at-large {
        background-color: #f0f8ff;
    }

    .action-block__dropdown--at-large-optional {
        background-color: #f0f8ff;
    }

    .action-block__dropdown--suggested-style {
        background-color: #fff;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    }

    .result-link {
        background-color: #f4f8fc;
        border: 0.125em solid #f4f8fc;
    }

    .page-hero__h2 {
        font-size: 3.625em;
    }

    .page-hero__abTest--b .page-hero__h2 {
        font-size: 2.5em;
    }

    .buy-box__subtitle {
        font-size: 2em;
    }

    .marketing-message__title {
        font-size: 3.125em;
    }

    .product-tagline__text {
        font-size: 3.625em;
    }

    .product-story__text {
        font-size: 1.5em;
    }

    .filter-controls--main {
        color: #000;
    }

    .filter__list {
        background-color: #fff;
        border-bottom: none;
    }

    .filter-button {
        font-size: 1rem;
        border: none;
    }

    .filter-details--main {
        color: #000;
    }

    .filters {
        background-color: transparent;
    }

    .type--heading-xl {
        font-size: calc(100vw / 16);
    }
}

@media (min-width: 125em) {
    .type--heading-xl {
        font-size: 9em;
    }
}

@media (max-width: 1024px) {
    .site-logo-ls__link {
        display: none;
    }

    .site-logo-ls-mobile__link {
        width: 3em;
        height: 3em;
    }

    .page-hero__abTest--b .page-hero__h1 {
        font-size: 2em;
    }
}

@media (max-width: 63.9375em) {

    .action-block__fullscreen--at-small.site-nav,
    .action-block__fullscreen--at-small.header-search {
        background-color: #f0f0f0;
    }

    .site-nav__slidein--at-small {
        background-color: #f0f8ff;
    }
}

@media (max-width: 767px) {
    .page-hero__abTest--b .page-hero__h1 {
        font-size: 0.95em;
    }
}

@media (max-width: 769px) {
    .product-hero__info .product-message__text {
        font-size: 12px;
    }
}

@media (max-width: 64em) {
    .product__message-container .product-message__text {
        font-size: 0.6em;
    }

    .product__name {
        font-size: 0.8em;
    }
}

@media (max-width: 48em) {
    .browse__title {
        font-size: 1.5em;
    }

    .buy-box__title {
        font-size: 1.25em;
    }
}

@media (max-width: 32em) {
    .product__gender {
        font-size: 0.75em;
    }
}

@media print {
    body::before {
        background-image: url(/includes/images/brand-logos/brand-logos_SFC.png);
    }
}

img.alert-bell {
    width: 22px;
    animation: shake 0.5s;
    animation-iteration-count: 10;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/*# sourceMappingURL=brand.sfc.css.map */