@charset "UTF-8";

.content-width {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px
}

.clearfix:after, .level-2 > ul:after {
    content: "";
    display: table;
    clear: both
}

#wrapper ~ img, .day label, .month label, .visually-hidden, .year label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.menu {
    float: left;
    margin: 0;
    padding: 0
}

    .menu li {
        float: left;
        list-style: none outside none !important
    }

.full-bleed-width {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2)
}

.full-width-img img {
    width: 100%
}

.hide {
    display: none !important
}

.table {
    display: table
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell
}

.close-icon {
    background: url(../images/svg-icons/close-icon.svg) 0 0 no-repeat;
    height: .6875rem;
    width: .6875rem
}

.back-icon {
    display: inline-block;
    height: 1.125rem;
    vertical-align: top;
    font-style: normal
}

    .back-icon:before {
        content: "«";
        font-weight: 400;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: .4em
    }

    .back-icon:before, .hero-heading-1 {
        font-family: Open Sans,Arial,sans-serif
    }

.hero-heading-1 {
    font-weight: 100;
    font-size: 32px;
    font-size: 2rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .hero-heading-1 {
        font-size: 80px;
        font-size: 5rem;
        font-weight: 100
    }
}

.hero-heading-2 {
    font-family: Crete Round,Times,serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-style: italic;
    text-transform: lowercase
}

@media only screen and (min-width:768px) {
    .hero-heading-2 {
        font-size: 64px;
        font-size: 4rem
    }
}

.hero-heading-3 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 300;
    font-size: 8px;
    font-size: .5rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .hero-heading-3 {
        font-size: 21px;
        font-size: 1.3125rem;
        font-weight: 100
    }
}

.subheading-1 {
    font-family: Crete Round,Times,serif;
    font-size: 64px;
    font-size: 4rem;
    font-style: italic;
    font-weight: 400;
    text-transform: lowercase
}

.subheading-2 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 100;
    font-size: 32px;
    font-size: 2rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .subheading-2 {
        font-size: 37px;
        font-size: 2.3125rem
    }
}

.subheading-3 {
    font-family: Crete Round,Times,serif;
    font-size: 12.8px;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase
}

.h1, h1 {
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.08333em
}

.h1, .h2, h1, h2 {
    font-family: Open Sans,Arial,sans-serif;
    margin: 0 0 .5em
}

.h2, h2 {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111em
}

.h3, h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em;
    margin: 0 0 .5em
}

.h3, .h4, h3, h4 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600
}

.h4, h4 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em;
    margin: 0 0 .3em
}

.type-pdp-product {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1em;
    color: #000
}

@media only screen and (min-width:768px) {
    .type-pdp-product {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.type-pdp-flag {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em;
    letter-spacing: .025em
}

.type-pdp-flag, .type-pdp-sku {
    font-family: Open Sans,Arial,sans-serif;
    text-transform: uppercase
}

.type-pdp-sku {
    font-weight: 700;
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.2em;
    color: #999
}

@media only screen and (min-width:768px) {
    .type-pdp-sku {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem
    }
}

.type-pdp-attribute {
    font-weight: 700
}

.type-pdp-attribute, .type-pdp-attribute-option {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em;
    text-transform: uppercase
}

.type-pdp-attribute-option {
    font-weight: 600;
    letter-spacing: .025em
}

@media only screen and (min-width:768px) {
    .type-pdp-attribute-option {
        font-size: 16px;
        font-size: 1rem
    }
}

.type-pdp-price {
    font-weight: 600
}

.type-pdp-price, .type-pdp-price-strike {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em
}

.type-pdp-price-strike {
    font-weight: 400;
    color: #999;
    text-decoration: line-through
}

.type-pdp-price-sales {
    font-weight: 600;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em
}

.type-pdp-price-sales, .type-pdp-promo {
    font-family: Open Sans,Arial,sans-serif
}

.type-pdp-promo {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111em;
    color: #36c;
    text-transform: uppercase
}

.type-pdp-financing-copy {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em
}

.type-pdp-promo-save {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22222em
}

.type-pdp-promo-save, .type-pdp-promo-save-copy {
    font-family: Open Sans,Arial,sans-serif;
    color: #36c
}

.type-pdp-promo-save-copy, .type-pdp-promo-save-link {
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em
}

.type-pdp-promo-save-link {
    font-family: Open Sans,Arial,sans-serif;
    color: #36c
}

.type-pdp-promo-package-title {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.125em
}

.type-pdp-promo-package-price {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111em
}

.type-pdp-promo-package-copy {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em
}

.type-pdp-promo-package-save {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111em
}

.type-pdp-promo-package-save, .type-pdp-promo-package-view {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    color: #36c
}

.type-pdp-promo-package-view {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    text-decoration: none
}

.type-producttile-flag {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    letter-spacing: .025em;
    text-transform: uppercase
}

.type-producttile-product {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    text-decoration: none
}

.type-producttile-price, .type-producttile-product {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    color: #000
}

.type-producttile-price {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem
}

@media only screen and (min-width:768px) {
    .type-producttile-price {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.type-producttile-price-strike {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em;
    color: #999;
    text-decoration: line-through;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem
}

@media only screen and (min-width:768px) {
    .type-producttile-price-strike {
        font-size: 16px;
        font-size: 1rem
    }
}

.type-producttile-price-sales {
    font-weight: 600;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem;
    color: #000
}

@media only screen and (min-width:768px) {
    .type-producttile-price-sales {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.type-producttile-price-check {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    color: #999
}

.type-producttile-promo {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111em;
    color: #36c;
    text-transform: uppercase
}

.type-producttile-promo-sm {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.2em;
    color: #36c
}

.type-producttile-delivery-method {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    letter-spacing: .025em
}

.type-producttile-delivery-method-hd {
    color: #999
}

.type-producttile-delivery-method-ds, .type-producttile-delivery-method-hd {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    letter-spacing: .025em;
    text-decoration: none
}

.type-producttile-delivery-method-ds {
    color: #000;
    font-weight: 700
}

.type-producttile-more-options {
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1.18182em
}

.type-producttile-compare-label {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    color: #999
}

.type-producttile-range-label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.5em
}

@media only screen and (min-width:768px) {
    .type-producttile-range-label {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 13px;
        font-size: .8125rem;
        line-height: 1.15385em
    }
}

.type-cat-heading-1 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22222em
}

.type-cat-heading-1, .type-cat-heading-2 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    letter-spacing: .025em
}

.type-cat-heading-2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em
}

.type-cat-heading-3 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    letter-spacing: .025em
}

.type-cat-refinement-header {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22222em
}

.type-cat-refinement-header, .type-cat-refinement-title {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    letter-spacing: .025em
}

.type-cat-refinement-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em
}

.type-cat-refinement {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em;
    letter-spacing: .025em
}

.type-cat-refinement, .type-secondary-text {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400
}

.type-secondary-text {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #999
}

.type-pagination {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em
}

.type-form-label {
    font-weight: 700;
    text-transform: uppercase
}

.type-form-label, .type-paragraph {
    color: #000;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 12px;
    font-size: .75rem
}

.type-paragraph {
    font-weight: 400;
    line-height: 1.33333em
}

@media only screen and (min-width:768px) {
    .type-paragraph {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.42857em
    }
}

.type-paragraph-sm {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #000
}

.type-paragraph-title, .type-paragraph-title-sm {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em
}

.type-link {
    color: #36c;
    text-decoration: underline;
    outline: medium none;
    cursor: pointer
}

    .type-link:hover {
        color: #36c;
        text-decoration: none
    }

.type-link-primary {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: .9375rem;
    color: #000;
    text-decoration: none
}

    .type-link-primary:hover {
        color: #999
    }

.type-link-primary-alt {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: .9375rem;
    color: #000;
    text-decoration: none
}

    .type-link-primary-alt:hover {
        color: #999;
        color: #36c
    }

.type-link-secondary {
    text-decoration: none
}

.type-link-secondary, .type-link-secondary-alt {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    color: #000
}

    .type-link-secondary-alt:hover {
        text-decoration: underline
    }

.type-link-utility {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    text-transform: lowercase
}

    .type-link-utility:hover {
        color: #000
    }

.type-link-breadcrumb {
    font-size: 12px;
    font-size: .75rem;
    text-decoration: none
}

.type-link-breadcrumb, .type-link-footer {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    color: #000
}

.type-link-footer {
    font-size: 13px;
    font-size: .8125rem;
    letter-spacing: .025em
}

.type-link-cta {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    color: #000
}

    .type-link-cta:hover {
        text-decoration: underline
    }

.type-link-refinement-attr {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    color: #000;
    text-decoration: none
}

.svg-Prop65-Warning-dims {
    width: 170.74px;
    height: 22.09px
}

.svg-ar-icon-dims {
    width: 12px;
    height: 12px
}

.svg-arrow-carousel-left-icon-black-dims, .svg-arrow-carousel-left-icon-dims {
    width: 3.2px;
    height: 6.2px
}

.svg-arrow-carousel-right-icon-black-dims, .svg-arrow-carousel-right-icon-dims {
    width: 5.3px;
    height: 10.1px
}

.svg-arrow-down-icon-dims {
    width: 45px;
    height: 44.5px
}

.svg-arrow-left-icon-dims {
    width: 43.5px;
    height: 50px
}

.svg-arrow-right-icon-dims {
    width: 45.5px;
    height: 45px
}

.svg-arrow-select-icon-dims {
    width: 45px;
    height: 44.5px
}

.svg-arrow-small-left-blue-icon-dims, .svg-arrow-small-left-icon-dims, .svg-arrow-small-right-blue-icon-dims, .svg-arrow-small-right-icon-dims {
    width: 7px;
    height: 12px
}

.svg-arrow-up-icon-dims {
    width: 45px;
    height: 44.5px
}

.svg-calendar-icon-dims {
    width: 28px;
    height: 28px
}

.svg-checkmark-icon-dims {
    width: 11px;
    height: 9px
}

.svg-checkout-chat-icon-dims {
    width: 304.33px;
    height: 294.52px
}

.svg-checkout-contactus-icon-dims {
    width: 334.83px;
    height: 364.67px
}

.svg-close-icon-dims {
    width: 10px;
    height: 10px
}

.svg-close-sticky-footer-icon-dims {
    width: 23px;
    height: 23px
}

.svg-download-icon-dims {
    width: 19px;
    height: 25px
}

.svg-drawer-minus-gray-icon-dims, .svg-drawer-minus-icon-dims {
    width: 12px;
    height: 2px
}

.svg-drawer-plus-gray-icon-dims, .svg-drawer-plus-icon-dims {
    width: 12px;
    height: 12px
}

.svg-flag-america-icon-dims {
    width: 32px;
    height: 20px
}

.svg-flag-canada-icon-dims {
    width: 32px;
    height: 20.8px
}

.svg-flag-panama-icon-dims {
    width: 32px;
    height: 18.5px
}

.svg-flag-southafrica-icon-dims {
    width: 32px;
    height: 21.3px
}

.svg-guide-icon-dims {
    width: 3.6px;
    height: 3.6px
}

.svg-heart-icon-dims {
    width: 6.6px;
    height: 6px
}

.svg-homestore-logo-icon-dims {
    width: 34.4px;
    height: 3.5px
}

.svg-icon-video-dims {
    width: 5.77px;
    height: 5.77px
}

.svg-local-pricing-zip-icon-dims {
    width: 4.6px;
    height: 5.8px
}

.svg-menu-icon-dims {
    width: 9.1px;
    height: 6.2px
}

.svg-pdf-icon-dims {
    width: 10px;
    height: 12px
}

.svg-printer-icon-dims {
    width: 31px;
    height: 31px
}

.svg-profile-icon-dims {
    width: 5.5px;
    height: 5.24px
}

.svg-radio-dot-icon-dims {
    width: 14px;
    height: 14px
}

.svg-search-icon-dims {
    width: 6px;
    height: 6px
}

.svg-search-test-icon-dims {
    width: 990px;
    height: 990px
}

.svg-secure-icon-dims {
    width: 17.6px;
    height: 22px
}

.svg-sharing-email-icon-dims, .svg-sharing-facebook-icon-dims, .svg-sharing-instagram-icon-dims, .svg-sharing-pinterest-icon-dims, .svg-sharing-twitter-icon-dims {
    width: 28px;
    height: 28px
}

.svg-shopping-cart-icon-dims {
    width: 6.9px;
    height: 6px
}

.svg-social-blog-icon-dims, .svg-social-facebook-icon-dims, .svg-social-google-plus-icon-dims {
    width: 35px;
    height: 35px
}

.svg-social-googleplus-icon-dims {
    width: 39px;
    height: 39px
}

.svg-social-instagram-icon-dims, .svg-social-pinterest-icon-dims, .svg-social-snapchat-icon-dims, .svg-social-twitter-icon-dims, .svg-social-youtube-icon-dims {
    width: 35px;
    height: 35px
}

.svg-star-icon-dims {
    width: 16px;
    height: 16px
}

.svg-store-locator-icon-dims {
    width: 4.6px;
    height: 5.8px
}

.svg-toggle-off-dims, .svg-toggle-on-dims {
    width: 56px;
    height: 33px
}

.svg-tooltip-icon-dims {
    width: 18.9px;
    height: 18.9px
}

.icon {
    display: inline-block;
    vertical-align: middle;
    fill: #363534
}

    .icon.alt-fill, .icon.hoverable:hover {
        fill: #919090
    }

    .icon.alt-fill-2 {
        fill: #999
    }

    .icon.inverted-fill {
        fill: #fff
    }

    .icon.header-icons {
        fill: #363534
    }

        .icon.header-icons:hover {
            fill: #919090
        }

    .icon.social-icons {
        fill: #363534
    }

        .icon.social-icons:hover {
            fill: #919090
        }

    .icon.store-locator-icon {
        width: 22px;
        height: 27px
    }

    .icon.menu-icon {
        width: 36px;
        height: 26px
    }

    .icon.profile-icon {
        width: 27px;
        height: 27px
    }

        .icon.profile-icon use {
            pointer-events: none
        }

    .icon.shopping-cart-icon {
        width: 32px;
        height: 25px
    }

    .icon.search-icon {
        width: 25px;
        height: 25px
    }

    .icon.close-icon {
        width: 11px;
        height: 11px
    }

    .icon.arrow-carousel-left-icon, .icon.arrow-carousel-right-icon {
        width: 22px;
        height: 42px
    }

    .icon.printer-icon {
        width: 27px;
        height: 27px
    }

    .icon.calendar-icon {
        width: 22px;
        height: 22px
    }

    .icon.download-icon {
        width: 21px;
        height: 25px
    }

    .icon.secure-icon {
        width: 19px;
        height: 23px
    }

    .icon.tooltip-icon {
        width: 19px;
        height: 19px
    }

    .icon.local-pricing-zip-icon {
        width: 19px;
        height: 24px;
        fill: #f68c2c
    }

    .icon.checkmark {
        fill: #24b337
    }

    .icon.radio-dot-icon {
        fill: #f0f
    }

    .icon.down-triangle {
        fill: #363534
    }

    .icon.social-icon {
        width: 34px;
        height: 34px
    }

    .icon.sharing-icon {
        width: 27px;
        height: 27px
    }

    .icon.icon-video {
        height: 26px;
        width: 26px
    }

    .icon.guide-icon {
        height: 17px;
        width: 17px
    }

    .icon.checkout-chat-icon {
        width: 31px;
        height: 30px
    }

    .icon.checkout-contactus-icon {
        width: 35px;
        height: 37px
    }

    .icon.Prop65-Warning {
        width: 100px;
        height: 20px
    }

.js-offset .profile-icon, .js-offset .shopping-cart-icon, .js-offset .store-locator-icon {
    fill: #363534
}

.flag-icon {
    width: 35px;
    height: 23px
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

    button[disabled], html input[disabled] {
        cursor: default
    }

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

input {
    line-height: normal
}

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

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

ul.slick-slider {
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[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-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.9) url(../lib/slick/ajax-loader.gif) 50% no-repeat
}

.slick-next, .slick-prev {
    width: 1.3125rem;
    height: 2.4375rem;
    position: absolute;
    display: block;
    min-height: 0;
    font-weight: 400;
    line-height: 0;
    font-size: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none;
    opacity: .75;
    z-index: 1
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        outline: none;
        opacity: 1;
        color: transparent
    }

    .slick-next.slick-disabled, .slick-prev.slick-disabled {
        opacity: .25
    }

.slick-prev {
    background: transparent url(../images/svg-icons/arrow-carousel-left-icon.svg) no-repeat 50%;
    left: .9375rem
}

[dir=rtl] .slick-prev {
    left: auto;
    right: .0625rem
}

    [dir=rtl] .slick-prev:before {
        transform: rotate(45deg)
    }

.slick-next {
    background: transparent url(../images/svg-icons/arrow-carousel-right-icon.svg) no-repeat 50%;
    right: .9375rem
}

[dir=rtl] .slick-next {
    left: .0625rem;
    right: auto
}

    [dir=rtl] .slick-next:before {
        transform: rotate(-135deg)
    }

.slick-dotted.slick-slider {
    margin-bottom: 1.875rem
}

.slick-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 1.375rem;
        width: 1.375rem;
        margin: 0 .3125rem;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: .75rem;
            width: .75rem;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: .3125rem;
            cursor: pointer
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: none;
                background-color: transparent
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1;
                    background-color: #fff
                }

            .slick-dots li button:before {
                content: "";
                position: absolute;
                top: .3125rem;
                left: .3125rem;
                border-radius: 50%;
                width: .5rem;
                height: .5rem;
                font-size: rem(25px);
                line-height: 1.25rem;
                text-align: center;
                color: #fff;
                background-color: #fff;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #fff;
            opacity: .75
        }

.slick-dark-arrows .slick-next, .slick-dark-arrows .slick-prev {
    height: 4rem;
    width: 1.5rem;
    background-color: #000
}

    .slick-dark-arrows .slick-next:focus, .slick-dark-arrows .slick-next:hover, .slick-dark-arrows .slick-prev:focus, .slick-dark-arrows .slick-prev:hover {
        background: #000
    }

    .slick-dark-arrows .slick-next:before, .slick-dark-arrows .slick-prev:before {
        border-color: #fff
    }

.slick-slide img {
    margin: 0 auto
}

.slick-slide .product-image img {
    display: inline
}

html.menu-active {
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    html.menu-active {
        overflow: visible
    }
}

body {
    background: none repeat scroll 0 0 transparent;
    overflow-x: hidden;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #000
}

@media only screen and (min-width:768px) {
    body {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.42857em
    }
}

.menu-active body {
    overflow-y: hidden
}

@media only screen and (min-width:1025px) {
    .menu-active body {
        overflow: visible
    }
}

img {
    max-width: 100%;
    vertical-align: bottom
}

a {
    overflow: hidden;
    text-decoration: underline
}

    a, a:hover {
        color: #36c
    }

        a:hover {
            text-decoration: none
        }

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0
}

table {
    width: 100%
}

th {
    text-align: left
}

td {
    padding: 1em;
    vertical-align: top
}

ol li, ul li {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.28571em;
    padding-bottom: 1.25rem
}

.quick-view-button, ol li, ul li {
    font-size: 14px;
    font-size: .875rem
}

.quick-view-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    letter-spacing: .05em;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(51,102,204,.6);
    opacity: 0;
    transform: translateY(10%);
    transition-timing-function: ease-in-out;
    transition: opacity .3s,transform .25s,background-color .2s
}

    .quick-view-button.show-up-animation {
        opacity: 1;
        transform: translateY(0)
    }

    .quick-view-button:hover {
        background-color: rgba(51,102,204,.45)
    }

    .quick-view-button.small {
        min-height: 32px;
        line-height: 32px;
        font-size: 12px;
        font-size: .75rem
    }

    .quick-view-button i {
        display: none
    }

.wishlist-save-cta {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em;
    letter-spacing: .1px;
    color: #999;
    text-transform: uppercase;
    text-decoration: none
}

    .wishlist-save-cta.larger:before {
        width: 1.75rem;
        vertical-align: middle
    }

    .wishlist-save-cta:hover {
        color: #999;
        text-decoration: underline
    }

        .wishlist-save-cta:hover:before {
            animation: a .45s linear
        }

    .wishlist-save-cta:before {
        content: url(../images/svg-icons/heart-icon.svg);
        display: inline-block;
        margin-right: .3125rem;
        width: 1.25rem;
        vertical-align: top
    }

@keyframes a {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(.9)
    }

    40% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    90% {
        transform: scale(1)
    }
}

.button, .buttonstyle, button, input[type=button] {
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1em;
    padding: .9375rem 26px;
    min-height: 3.375rem;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .025em;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #36c;
    border: 2px solid #36c
}

    .button.active, .button:active, .button:focus, .button:hover, .buttonstyle.active, .buttonstyle:active, .buttonstyle:focus, .buttonstyle:hover, button.active, button:active, button:focus, button:hover, input[type=button].active, input[type=button]:active, input[type=button]:focus, input[type=button]:hover {
        text-decoration: none
    }

    .button:focus, .buttonstyle:focus, button:focus, input[type=button]:focus {
        outline: none
    }

    .button.disabled, .button[disabled], .buttonstyle.disabled, .buttonstyle[disabled], button.disabled, button[disabled], fieldset[disabled] .button, fieldset[disabled] .buttonstyle, fieldset[disabled] button, fieldset[disabled] input[type=button], input[type=button].disabled, input[type=button][disabled] {
        cursor: default;
        opacity: .75
    }

    .button.active, .button:active, .button:focus, .button:hover, .buttonstyle.active, .buttonstyle:active, .buttonstyle:focus, .buttonstyle:hover, button.active, button:active, button:focus, button:hover, input[type=button].active, input[type=button]:active, input[type=button]:focus, input[type=button]:hover {
        color: #fff;
        background-color: #8fabe3;
        border-color: #8fabe3
    }

    .button.disabled.active, .button.disabled:active, .button.disabled:focus, .button.disabled:hover, .button[disabled].active, .button[disabled]:active, .button[disabled]:focus, .button[disabled]:hover, .buttonstyle.disabled.active, .buttonstyle.disabled:active, .buttonstyle.disabled:focus, .buttonstyle.disabled:hover, .buttonstyle[disabled].active, .buttonstyle[disabled]:active, .buttonstyle[disabled]:focus, .buttonstyle[disabled]:hover, button.disabled.active, button.disabled:active, button.disabled:focus, button.disabled:hover, button[disabled].active, button[disabled]:active, button[disabled]:focus, button[disabled]:hover, fieldset[disabled] .button.active, fieldset[disabled] .button:active, fieldset[disabled] .button:focus, fieldset[disabled] .button:hover, fieldset[disabled] .buttonstyle.active, fieldset[disabled] .buttonstyle:active, fieldset[disabled] .buttonstyle:focus, fieldset[disabled] .buttonstyle:hover, fieldset[disabled] button.active, fieldset[disabled] button:active, fieldset[disabled] button:focus, fieldset[disabled] button:hover, fieldset[disabled] input[type=button].active, fieldset[disabled] input[type=button]:active, fieldset[disabled] input[type=button]:focus, fieldset[disabled] input[type=button]:hover, input[type=button].disabled.active, input[type=button].disabled:active, input[type=button].disabled:focus, input[type=button].disabled:hover, input[type=button][disabled].active, input[type=button][disabled]:active, input[type=button][disabled]:focus, input[type=button][disabled]:hover {
        color: #fff;
        background-color: #36c;
        border-color: #36c
    }

    .button.alt, .button.primary-alt, .buttonstyle.alt, .buttonstyle.primary-alt, button.alt, button.primary-alt, input[type=button].alt, input[type=button].primary-alt {
        color: #fff;
        background-color: #36c;
        border-color: #36c;
        border-width: 2px;
        line-height: 1em;
        padding: .40625rem 22px;
        min-height: 2.1875rem;
        font-size: 18px;
        font-size: 1.125rem
    }

        .button.alt.active, .button.alt:active, .button.alt:focus, .button.alt:hover, .button.primary-alt.active, .button.primary-alt:active, .button.primary-alt:focus, .button.primary-alt:hover, .buttonstyle.alt.active, .buttonstyle.alt:active, .buttonstyle.alt:focus, .buttonstyle.alt:hover, .buttonstyle.primary-alt.active, .buttonstyle.primary-alt:active, .buttonstyle.primary-alt:focus, .buttonstyle.primary-alt:hover, button.alt.active, button.alt:active, button.alt:focus, button.alt:hover, button.primary-alt.active, button.primary-alt:active, button.primary-alt:focus, button.primary-alt:hover, input[type=button].alt.active, input[type=button].alt:active, input[type=button].alt:focus, input[type=button].alt:hover, input[type=button].primary-alt.active, input[type=button].primary-alt:active, input[type=button].primary-alt:focus, input[type=button].primary-alt:hover {
            color: #fff;
            background-color: #8fabe3;
            border-color: #8fabe3
        }

        .button.alt.disabled.active, .button.alt.disabled:active, .button.alt.disabled:focus, .button.alt.disabled:hover, .button.alt[disabled].active, .button.alt[disabled]:active, .button.alt[disabled]:focus, .button.alt[disabled]:hover, .button.primary-alt.disabled.active, .button.primary-alt.disabled:active, .button.primary-alt.disabled:focus, .button.primary-alt.disabled:hover, .button.primary-alt[disabled].active, .button.primary-alt[disabled]:active, .button.primary-alt[disabled]:focus, .button.primary-alt[disabled]:hover, .buttonstyle.alt.disabled.active, .buttonstyle.alt.disabled:active, .buttonstyle.alt.disabled:focus, .buttonstyle.alt.disabled:hover, .buttonstyle.alt[disabled].active, .buttonstyle.alt[disabled]:active, .buttonstyle.alt[disabled]:focus, .buttonstyle.alt[disabled]:hover, .buttonstyle.primary-alt.disabled.active, .buttonstyle.primary-alt.disabled:active, .buttonstyle.primary-alt.disabled:focus, .buttonstyle.primary-alt.disabled:hover, .buttonstyle.primary-alt[disabled].active, .buttonstyle.primary-alt[disabled]:active, .buttonstyle.primary-alt[disabled]:focus, .buttonstyle.primary-alt[disabled]:hover, button.alt.disabled.active, button.alt.disabled:active, button.alt.disabled:focus, button.alt.disabled:hover, button.alt[disabled].active, button.alt[disabled]:active, button.alt[disabled]:focus, button.alt[disabled]:hover, button.primary-alt.disabled.active, button.primary-alt.disabled:active, button.primary-alt.disabled:focus, button.primary-alt.disabled:hover, button.primary-alt[disabled].active, button.primary-alt[disabled]:active, button.primary-alt[disabled]:focus, button.primary-alt[disabled]:hover, fieldset[disabled] .button.alt.active, fieldset[disabled] .button.alt:active, fieldset[disabled] .button.alt:focus, fieldset[disabled] .button.alt:hover, fieldset[disabled] .button.primary-alt.active, fieldset[disabled] .button.primary-alt:active, fieldset[disabled] .button.primary-alt:focus, fieldset[disabled] .button.primary-alt:hover, fieldset[disabled] .buttonstyle.alt.active, fieldset[disabled] .buttonstyle.alt:active, fieldset[disabled] .buttonstyle.alt:focus, fieldset[disabled] .buttonstyle.alt:hover, fieldset[disabled] .buttonstyle.primary-alt.active, fieldset[disabled] .buttonstyle.primary-alt:active, fieldset[disabled] .buttonstyle.primary-alt:focus, fieldset[disabled] .buttonstyle.primary-alt:hover, fieldset[disabled] button.alt.active, fieldset[disabled] button.alt:active, fieldset[disabled] button.alt:focus, fieldset[disabled] button.alt:hover, fieldset[disabled] button.primary-alt.active, fieldset[disabled] button.primary-alt:active, fieldset[disabled] button.primary-alt:focus, fieldset[disabled] button.primary-alt:hover, fieldset[disabled] input[type=button].alt.active, fieldset[disabled] input[type=button].alt:active, fieldset[disabled] input[type=button].alt:focus, fieldset[disabled] input[type=button].alt:hover, fieldset[disabled] input[type=button].primary-alt.active, fieldset[disabled] input[type=button].primary-alt:active, fieldset[disabled] input[type=button].primary-alt:focus, fieldset[disabled] input[type=button].primary-alt:hover, input[type=button].alt.disabled.active, input[type=button].alt.disabled:active, input[type=button].alt.disabled:focus, input[type=button].alt.disabled:hover, input[type=button].alt[disabled].active, input[type=button].alt[disabled]:active, input[type=button].alt[disabled]:focus, input[type=button].alt[disabled]:hover, input[type=button].primary-alt.disabled.active, input[type=button].primary-alt.disabled:active, input[type=button].primary-alt.disabled:focus, input[type=button].primary-alt.disabled:hover, input[type=button].primary-alt[disabled].active, input[type=button].primary-alt[disabled]:active, input[type=button].primary-alt[disabled]:focus, input[type=button].primary-alt[disabled]:hover {
            color: #fff;
            background-color: #36c;
            border-color: #36c
        }

    .button.secondary, .button.secondary.active, .button.secondary.disabled.active, .button.secondary.disabled:active, .button.secondary.disabled:focus, .button.secondary.disabled:hover, .button.secondary:active, .button.secondary:focus, .button.secondary:hover, .button.secondary[disabled].active, .button.secondary[disabled]:active, .button.secondary[disabled]:focus, .button.secondary[disabled]:hover, .buttonstyle.secondary, .buttonstyle.secondary.active, .buttonstyle.secondary.disabled.active, .buttonstyle.secondary.disabled:active, .buttonstyle.secondary.disabled:focus, .buttonstyle.secondary.disabled:hover, .buttonstyle.secondary:active, .buttonstyle.secondary:focus, .buttonstyle.secondary:hover, .buttonstyle.secondary[disabled].active, .buttonstyle.secondary[disabled]:active, .buttonstyle.secondary[disabled]:focus, .buttonstyle.secondary[disabled]:hover, .order-totals-table .cart-coupon-code .store-tile.selected .active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .button.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .button.disabled.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .button.disabled.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected .button.disabled.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected .button.disabled.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button[disabled].active, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button[disabled]:active, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button[disabled]:focus, .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button[disabled]:hover, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.disabled.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.disabled.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.disabled.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.disabled.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button[disabled].active, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button[disabled]:active, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button[disabled]:focus, .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button[disabled]:hover, .order-totals-table .cart-coupon-code .store-tile.selected .disabled.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .disabled.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected .disabled.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected .disabled.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button[disabled].active, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button[disabled]:active, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button[disabled]:focus, .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button[disabled]:hover, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .button.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .button.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .button.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .button.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .buttonstyle.active.select-store-button, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .buttonstyle.select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .buttonstyle.select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .buttonstyle.select-store-button:hover, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .select-store-button:active, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .select-store-button:focus, .order-totals-table .cart-coupon-code .store-tile.selected fieldset[disabled] .select-store-button:hover, .order-totals-table .cart-coupon-code button.active.simple, .order-totals-table .cart-coupon-code button.button.active.simple, .order-totals-table .cart-coupon-code button.button.disabled.active.simple, .order-totals-table .cart-coupon-code button.button.disabled.simple:active, .order-totals-table .cart-coupon-code button.button.disabled.simple:focus, .order-totals-table .cart-coupon-code button.button.disabled.simple:hover, .order-totals-table .cart-coupon-code button.button.simple, .order-totals-table .cart-coupon-code button.button.simple:active, .order-totals-table .cart-coupon-code button.button.simple:focus, .order-totals-table .cart-coupon-code button.button.simple:hover, .order-totals-table .cart-coupon-code button.button.simple[disabled].active, .order-totals-table .cart-coupon-code button.button.simple[disabled]:active, .order-totals-table .cart-coupon-code button.button.simple[disabled]:focus, .order-totals-table .cart-coupon-code button.button.simple[disabled]:hover, .order-totals-table .cart-coupon-code button.buttonstyle.active.simple, .order-totals-table .cart-coupon-code button.buttonstyle.disabled.active.simple, .order-totals-table .cart-coupon-code button.buttonstyle.disabled.simple:active, .order-totals-table .cart-coupon-code button.buttonstyle.disabled.simple:focus, .order-totals-table .cart-coupon-code button.buttonstyle.disabled.simple:hover, .order-totals-table .cart-coupon-code button.buttonstyle.simple, .order-totals-table .cart-coupon-code button.buttonstyle.simple:active, .order-totals-table .cart-coupon-code button.buttonstyle.simple:focus, .order-totals-table .cart-coupon-code button.buttonstyle.simple:hover, .order-totals-table .cart-coupon-code button.buttonstyle.simple[disabled].active, .order-totals-table .cart-coupon-code button.buttonstyle.simple[disabled]:active, .order-totals-table .cart-coupon-code button.buttonstyle.simple[disabled]:focus, .order-totals-table .cart-coupon-code button.buttonstyle.simple[disabled]:hover, .order-totals-table .cart-coupon-code button.disabled.active.simple, .order-totals-table .cart-coupon-code button.disabled.simple:active, .order-totals-table .cart-coupon-code button.disabled.simple:focus, .order-totals-table .cart-coupon-code button.disabled.simple:hover, .order-totals-table .cart-coupon-code button.simple, .order-totals-table .cart-coupon-code button.simple:active, .order-totals-table .cart-coupon-code button.simple:focus, .order-totals-table .cart-coupon-code button.simple:hover, .order-totals-table .cart-coupon-code button.simple[disabled].active, .order-totals-table .cart-coupon-code button.simple[disabled]:active, .order-totals-table .cart-coupon-code button.simple[disabled]:focus, .order-totals-table .cart-coupon-code button.simple[disabled]:hover, .order-totals-table .cart-coupon-code fieldset[disabled] button.active.simple, .order-totals-table .cart-coupon-code fieldset[disabled] button.button.active.simple, .order-totals-table .cart-coupon-code fieldset[disabled] button.button.simple:active, .order-totals-table .cart-coupon-code fieldset[disabled] button.button.simple:focus, .order-totals-table .cart-coupon-code fieldset[disabled] button.button.simple:hover, .order-totals-table .cart-coupon-code fieldset[disabled] button.buttonstyle.active.simple, .order-totals-table .cart-coupon-code fieldset[disabled] button.buttonstyle.simple:active, .order-totals-table .cart-coupon-code fieldset[disabled] button.buttonstyle.simple:focus, .order-totals-table .cart-coupon-code fieldset[disabled] button.buttonstyle.simple:hover, .order-totals-table .cart-coupon-code fieldset[disabled] button.simple:active, .order-totals-table .cart-coupon-code fieldset[disabled] button.simple:focus, .order-totals-table .cart-coupon-code fieldset[disabled] button.simple:hover, .store-tile.selected .order-totals-table .cart-coupon-code .active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .button.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .button.disabled.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .button.disabled.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code .button.disabled.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code .button.disabled.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button[disabled].active, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button[disabled]:active, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button[disabled]:focus, .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button[disabled]:hover, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.disabled.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.disabled.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.disabled.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.disabled.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button[disabled].active, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button[disabled]:active, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button[disabled]:focus, .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button[disabled]:hover, .store-tile.selected .order-totals-table .cart-coupon-code .disabled.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .disabled.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code .disabled.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code .disabled.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button[disabled].active, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button[disabled]:active, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button[disabled]:focus, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button[disabled]:hover, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .button.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .button.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .button.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .button.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .buttonstyle.active.select-store-button, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .buttonstyle.select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .buttonstyle.select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .buttonstyle.select-store-button:hover, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .select-store-button:active, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .select-store-button:focus, .store-tile.selected .order-totals-table .cart-coupon-code fieldset[disabled] .select-store-button:hover, button.secondary, button.secondary.active, button.secondary.disabled.active, button.secondary.disabled:active, button.secondary.disabled:focus, button.secondary.disabled:hover, button.secondary:active, button.secondary:focus, button.secondary:hover, button.secondary[disabled].active, button.secondary[disabled]:active, button.secondary[disabled]:focus, button.secondary[disabled]:hover, fieldset[disabled] .button.secondary.active, fieldset[disabled] .button.secondary:active, fieldset[disabled] .button.secondary:focus, fieldset[disabled] .button.secondary:hover, fieldset[disabled] .buttonstyle.secondary.active, fieldset[disabled] .buttonstyle.secondary:active, fieldset[disabled] .buttonstyle.secondary:focus, fieldset[disabled] .buttonstyle.secondary:hover, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .active.select-store-button, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .button.active.select-store-button, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button:active, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button:focus, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .button.select-store-button:hover, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.active.select-store-button, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button:active, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button:focus, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .buttonstyle.select-store-button:hover, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button:active, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button:focus, fieldset[disabled] .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button:hover, fieldset[disabled] .order-totals-table .cart-coupon-code button.active.simple, fieldset[disabled] .order-totals-table .cart-coupon-code button.button.active.simple, fieldset[disabled] .order-totals-table .cart-coupon-code button.button.simple:active, fieldset[disabled] .order-totals-table .cart-coupon-code button.button.simple:focus, fieldset[disabled] .order-totals-table .cart-coupon-code button.button.simple:hover, fieldset[disabled] .order-totals-table .cart-coupon-code button.buttonstyle.active.simple, fieldset[disabled] .order-totals-table .cart-coupon-code button.buttonstyle.simple:active, fieldset[disabled] .order-totals-table .cart-coupon-code button.buttonstyle.simple:focus, fieldset[disabled] .order-totals-table .cart-coupon-code button.buttonstyle.simple:hover, fieldset[disabled] .order-totals-table .cart-coupon-code button.simple:active, fieldset[disabled] .order-totals-table .cart-coupon-code button.simple:focus, fieldset[disabled] .order-totals-table .cart-coupon-code button.simple:hover, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .active.select-store-button, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .button.active.select-store-button, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button:active, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button:focus, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .button.select-store-button:hover, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.active.select-store-button, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button:active, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button:focus, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .buttonstyle.select-store-button:hover, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button:active, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button:focus, fieldset[disabled] .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button:hover, fieldset[disabled] button.secondary.active, fieldset[disabled] button.secondary:active, fieldset[disabled] button.secondary:focus, fieldset[disabled] button.secondary:hover, fieldset[disabled] input[type=button].secondary.active, fieldset[disabled] input[type=button].secondary:active, fieldset[disabled] input[type=button].secondary:focus, fieldset[disabled] input[type=button].secondary:hover, input[type=button].secondary, input[type=button].secondary.active, input[type=button].secondary.disabled.active, input[type=button].secondary.disabled:active, input[type=button].secondary.disabled:focus, input[type=button].secondary.disabled:hover, input[type=button].secondary:active, input[type=button].secondary:focus, input[type=button].secondary:hover, input[type=button].secondary[disabled].active, input[type=button].secondary[disabled]:active, input[type=button].secondary[disabled]:focus, input[type=button].secondary[disabled]:hover {
        color: #36c;
        background-color: #fff;
        border-color: #36c
    }

    .button.secondary-alt, .buttonstyle.secondary-alt, button.secondary-alt, input[type=button].secondary-alt {
        color: #36c;
        background-color: #fff;
        border-color: #36c;
        line-height: 1em;
        padding: .40625rem 22px;
        min-height: 2.1875rem;
        font-size: 18px;
        font-size: 1.125rem
    }

        .button.secondary-alt.active, .button.secondary-alt.disabled.active, .button.secondary-alt.disabled:active, .button.secondary-alt.disabled:focus, .button.secondary-alt.disabled:hover, .button.secondary-alt:active, .button.secondary-alt:focus, .button.secondary-alt:hover, .button.secondary-alt[disabled].active, .button.secondary-alt[disabled]:active, .button.secondary-alt[disabled]:focus, .button.secondary-alt[disabled]:hover, .buttonstyle.secondary-alt.active, .buttonstyle.secondary-alt.disabled.active, .buttonstyle.secondary-alt.disabled:active, .buttonstyle.secondary-alt.disabled:focus, .buttonstyle.secondary-alt.disabled:hover, .buttonstyle.secondary-alt:active, .buttonstyle.secondary-alt:focus, .buttonstyle.secondary-alt:hover, .buttonstyle.secondary-alt[disabled].active, .buttonstyle.secondary-alt[disabled]:active, .buttonstyle.secondary-alt[disabled]:focus, .buttonstyle.secondary-alt[disabled]:hover, button.secondary-alt.active, button.secondary-alt.disabled.active, button.secondary-alt.disabled:active, button.secondary-alt.disabled:focus, button.secondary-alt.disabled:hover, button.secondary-alt:active, button.secondary-alt:focus, button.secondary-alt:hover, button.secondary-alt[disabled].active, button.secondary-alt[disabled]:active, button.secondary-alt[disabled]:focus, button.secondary-alt[disabled]:hover, fieldset[disabled] .button.secondary-alt.active, fieldset[disabled] .button.secondary-alt:active, fieldset[disabled] .button.secondary-alt:focus, fieldset[disabled] .button.secondary-alt:hover, fieldset[disabled] .buttonstyle.secondary-alt.active, fieldset[disabled] .buttonstyle.secondary-alt:active, fieldset[disabled] .buttonstyle.secondary-alt:focus, fieldset[disabled] .buttonstyle.secondary-alt:hover, fieldset[disabled] button.secondary-alt.active, fieldset[disabled] button.secondary-alt:active, fieldset[disabled] button.secondary-alt:focus, fieldset[disabled] button.secondary-alt:hover, fieldset[disabled] input[type=button].secondary-alt.active, fieldset[disabled] input[type=button].secondary-alt:active, fieldset[disabled] input[type=button].secondary-alt:focus, fieldset[disabled] input[type=button].secondary-alt:hover, input[type=button].secondary-alt.active, input[type=button].secondary-alt.disabled.active, input[type=button].secondary-alt.disabled:active, input[type=button].secondary-alt.disabled:focus, input[type=button].secondary-alt.disabled:hover, input[type=button].secondary-alt:active, input[type=button].secondary-alt:focus, input[type=button].secondary-alt:hover, input[type=button].secondary-alt[disabled].active, input[type=button].secondary-alt[disabled]:active, input[type=button].secondary-alt[disabled]:focus, input[type=button].secondary-alt[disabled]:hover {
            color: #36c;
            background-color: #fff;
            border-color: #36c
        }

    .button.tertiary, .buttonstyle.tertiary, button.tertiary, input[type=button].tertiary {
        color: #fff;
        background-color: #f68c2c;
        border-color: #f68c2c
    }

        .button.tertiary.active, .button.tertiary:active, .button.tertiary:focus, .button.tertiary:hover, .buttonstyle.tertiary.active, .buttonstyle.tertiary:active, .buttonstyle.tertiary:focus, .buttonstyle.tertiary:hover, button.tertiary.active, button.tertiary:active, button.tertiary:focus, button.tertiary:hover, input[type=button].tertiary.active, input[type=button].tertiary:active, input[type=button].tertiary:focus, input[type=button].tertiary:hover {
            color: #fff;
            background-color: #fac08b;
            border-color: #fac08b
        }

        .button.tertiary.disabled.active, .button.tertiary.disabled:active, .button.tertiary.disabled:focus, .button.tertiary.disabled:hover, .button.tertiary[disabled].active, .button.tertiary[disabled]:active, .button.tertiary[disabled]:focus, .button.tertiary[disabled]:hover, .buttonstyle.tertiary.disabled.active, .buttonstyle.tertiary.disabled:active, .buttonstyle.tertiary.disabled:focus, .buttonstyle.tertiary.disabled:hover, .buttonstyle.tertiary[disabled].active, .buttonstyle.tertiary[disabled]:active, .buttonstyle.tertiary[disabled]:focus, .buttonstyle.tertiary[disabled]:hover, button.tertiary.disabled.active, button.tertiary.disabled:active, button.tertiary.disabled:focus, button.tertiary.disabled:hover, button.tertiary[disabled].active, button.tertiary[disabled]:active, button.tertiary[disabled]:focus, button.tertiary[disabled]:hover, fieldset[disabled] .button.tertiary.active, fieldset[disabled] .button.tertiary:active, fieldset[disabled] .button.tertiary:focus, fieldset[disabled] .button.tertiary:hover, fieldset[disabled] .buttonstyle.tertiary.active, fieldset[disabled] .buttonstyle.tertiary:active, fieldset[disabled] .buttonstyle.tertiary:focus, fieldset[disabled] .buttonstyle.tertiary:hover, fieldset[disabled] button.tertiary.active, fieldset[disabled] button.tertiary:active, fieldset[disabled] button.tertiary:focus, fieldset[disabled] button.tertiary:hover, fieldset[disabled] input[type=button].tertiary.active, fieldset[disabled] input[type=button].tertiary:active, fieldset[disabled] input[type=button].tertiary:focus, fieldset[disabled] input[type=button].tertiary:hover, input[type=button].tertiary.disabled.active, input[type=button].tertiary.disabled:active, input[type=button].tertiary.disabled:focus, input[type=button].tertiary.disabled:hover, input[type=button].tertiary[disabled].active, input[type=button].tertiary[disabled]:active, input[type=button].tertiary[disabled]:focus, input[type=button].tertiary[disabled]:hover {
            color: #fff;
            background-color: #f68c2c;
            border-color: #f68c2c
        }

    .button.tertiary-alt, .buttonstyle.tertiary-alt, button.tertiary-alt, input[type=button].tertiary-alt {
        color: #fff;
        background-color: #f68c2c;
        border-color: #f68c2c;
        line-height: 1em;
        padding: .40625rem 22px;
        min-height: 2.1875rem;
        font-size: 18px;
        font-size: 1.125rem
    }

        .button.tertiary-alt.active, .button.tertiary-alt:active, .button.tertiary-alt:focus, .button.tertiary-alt:hover, .buttonstyle.tertiary-alt.active, .buttonstyle.tertiary-alt:active, .buttonstyle.tertiary-alt:focus, .buttonstyle.tertiary-alt:hover, button.tertiary-alt.active, button.tertiary-alt:active, button.tertiary-alt:focus, button.tertiary-alt:hover, input[type=button].tertiary-alt.active, input[type=button].tertiary-alt:active, input[type=button].tertiary-alt:focus, input[type=button].tertiary-alt:hover {
            color: #fff;
            background-color: #fac08b;
            border-color: #fac08b
        }

        .button.tertiary-alt.disabled.active, .button.tertiary-alt.disabled:active, .button.tertiary-alt.disabled:focus, .button.tertiary-alt.disabled:hover, .button.tertiary-alt[disabled].active, .button.tertiary-alt[disabled]:active, .button.tertiary-alt[disabled]:focus, .button.tertiary-alt[disabled]:hover, .buttonstyle.tertiary-alt.disabled.active, .buttonstyle.tertiary-alt.disabled:active, .buttonstyle.tertiary-alt.disabled:focus, .buttonstyle.tertiary-alt.disabled:hover, .buttonstyle.tertiary-alt[disabled].active, .buttonstyle.tertiary-alt[disabled]:active, .buttonstyle.tertiary-alt[disabled]:focus, .buttonstyle.tertiary-alt[disabled]:hover, button.tertiary-alt.disabled.active, button.tertiary-alt.disabled:active, button.tertiary-alt.disabled:focus, button.tertiary-alt.disabled:hover, button.tertiary-alt[disabled].active, button.tertiary-alt[disabled]:active, button.tertiary-alt[disabled]:focus, button.tertiary-alt[disabled]:hover, fieldset[disabled] .button.tertiary-alt.active, fieldset[disabled] .button.tertiary-alt:active, fieldset[disabled] .button.tertiary-alt:focus, fieldset[disabled] .button.tertiary-alt:hover, fieldset[disabled] .buttonstyle.tertiary-alt.active, fieldset[disabled] .buttonstyle.tertiary-alt:active, fieldset[disabled] .buttonstyle.tertiary-alt:focus, fieldset[disabled] .buttonstyle.tertiary-alt:hover, fieldset[disabled] button.tertiary-alt.active, fieldset[disabled] button.tertiary-alt:active, fieldset[disabled] button.tertiary-alt:focus, fieldset[disabled] button.tertiary-alt:hover, fieldset[disabled] input[type=button].tertiary-alt.active, fieldset[disabled] input[type=button].tertiary-alt:active, fieldset[disabled] input[type=button].tertiary-alt:focus, fieldset[disabled] input[type=button].tertiary-alt:hover, input[type=button].tertiary-alt.disabled.active, input[type=button].tertiary-alt.disabled:active, input[type=button].tertiary-alt.disabled:focus, input[type=button].tertiary-alt.disabled:hover, input[type=button].tertiary-alt[disabled].active, input[type=button].tertiary-alt[disabled]:active, input[type=button].tertiary-alt[disabled]:focus, input[type=button].tertiary-alt[disabled]:hover {
            color: #fff;
            background-color: #f68c2c;
            border-color: #f68c2c
        }

    .button.quaternary, .buttonstyle.quaternary, button.quaternary, input[type=button].quaternary {
        color: #fff;
        background-color: #363534;
        border-color: #363534
    }

        .button.quaternary.active, .button.quaternary:active, .button.quaternary:focus, .button.quaternary:hover, .buttonstyle.quaternary.active, .buttonstyle.quaternary:active, .buttonstyle.quaternary:focus, .buttonstyle.quaternary:hover, button.quaternary.active, button.quaternary:active, button.quaternary:focus, button.quaternary:hover, input[type=button].quaternary.active, input[type=button].quaternary:active, input[type=button].quaternary:focus, input[type=button].quaternary:hover {
            color: #fff;
            background-color: #919090;
            border-color: #919090
        }

        .button.quaternary.disabled.active, .button.quaternary.disabled:active, .button.quaternary.disabled:focus, .button.quaternary.disabled:hover, .button.quaternary[disabled].active, .button.quaternary[disabled]:active, .button.quaternary[disabled]:focus, .button.quaternary[disabled]:hover, .buttonstyle.quaternary.disabled.active, .buttonstyle.quaternary.disabled:active, .buttonstyle.quaternary.disabled:focus, .buttonstyle.quaternary.disabled:hover, .buttonstyle.quaternary[disabled].active, .buttonstyle.quaternary[disabled]:active, .buttonstyle.quaternary[disabled]:focus, .buttonstyle.quaternary[disabled]:hover, button.quaternary.disabled.active, button.quaternary.disabled:active, button.quaternary.disabled:focus, button.quaternary.disabled:hover, button.quaternary[disabled].active, button.quaternary[disabled]:active, button.quaternary[disabled]:focus, button.quaternary[disabled]:hover, fieldset[disabled] .button.quaternary.active, fieldset[disabled] .button.quaternary:active, fieldset[disabled] .button.quaternary:focus, fieldset[disabled] .button.quaternary:hover, fieldset[disabled] .buttonstyle.quaternary.active, fieldset[disabled] .buttonstyle.quaternary:active, fieldset[disabled] .buttonstyle.quaternary:focus, fieldset[disabled] .buttonstyle.quaternary:hover, fieldset[disabled] button.quaternary.active, fieldset[disabled] button.quaternary:active, fieldset[disabled] button.quaternary:focus, fieldset[disabled] button.quaternary:hover, fieldset[disabled] input[type=button].quaternary.active, fieldset[disabled] input[type=button].quaternary:active, fieldset[disabled] input[type=button].quaternary:focus, fieldset[disabled] input[type=button].quaternary:hover, input[type=button].quaternary.disabled.active, input[type=button].quaternary.disabled:active, input[type=button].quaternary.disabled:focus, input[type=button].quaternary.disabled:hover, input[type=button].quaternary[disabled].active, input[type=button].quaternary[disabled]:active, input[type=button].quaternary[disabled]:focus, input[type=button].quaternary[disabled]:hover {
            color: #fff;
            background-color: #363534;
            border-color: #363534
        }

    .button.quaternary-alt, .buttonstyle.quaternary-alt, button.quaternary-alt, input[type=button].quaternary-alt {
        color: #fff;
        background-color: #363534;
        border-color: #363534;
        line-height: 1em;
        padding: .40625rem 22px;
        min-height: 2.1875rem;
        font-size: 18px;
        font-size: 1.125rem
    }

        .button.quaternary-alt.active, .button.quaternary-alt:active, .button.quaternary-alt:focus, .button.quaternary-alt:hover, .buttonstyle.quaternary-alt.active, .buttonstyle.quaternary-alt:active, .buttonstyle.quaternary-alt:focus, .buttonstyle.quaternary-alt:hover, button.quaternary-alt.active, button.quaternary-alt:active, button.quaternary-alt:focus, button.quaternary-alt:hover, input[type=button].quaternary-alt.active, input[type=button].quaternary-alt:active, input[type=button].quaternary-alt:focus, input[type=button].quaternary-alt:hover {
            color: #fff;
            background-color: #919090;
            border-color: #919090
        }

        .button.quaternary-alt.disabled.active, .button.quaternary-alt.disabled:active, .button.quaternary-alt.disabled:focus, .button.quaternary-alt.disabled:hover, .button.quaternary-alt[disabled].active, .button.quaternary-alt[disabled]:active, .button.quaternary-alt[disabled]:focus, .button.quaternary-alt[disabled]:hover, .buttonstyle.quaternary-alt.disabled.active, .buttonstyle.quaternary-alt.disabled:active, .buttonstyle.quaternary-alt.disabled:focus, .buttonstyle.quaternary-alt.disabled:hover, .buttonstyle.quaternary-alt[disabled].active, .buttonstyle.quaternary-alt[disabled]:active, .buttonstyle.quaternary-alt[disabled]:focus, .buttonstyle.quaternary-alt[disabled]:hover, button.quaternary-alt.disabled.active, button.quaternary-alt.disabled:active, button.quaternary-alt.disabled:focus, button.quaternary-alt.disabled:hover, button.quaternary-alt[disabled].active, button.quaternary-alt[disabled]:active, button.quaternary-alt[disabled]:focus, button.quaternary-alt[disabled]:hover, fieldset[disabled] .button.quaternary-alt.active, fieldset[disabled] .button.quaternary-alt:active, fieldset[disabled] .button.quaternary-alt:focus, fieldset[disabled] .button.quaternary-alt:hover, fieldset[disabled] .buttonstyle.quaternary-alt.active, fieldset[disabled] .buttonstyle.quaternary-alt:active, fieldset[disabled] .buttonstyle.quaternary-alt:focus, fieldset[disabled] .buttonstyle.quaternary-alt:hover, fieldset[disabled] button.quaternary-alt.active, fieldset[disabled] button.quaternary-alt:active, fieldset[disabled] button.quaternary-alt:focus, fieldset[disabled] button.quaternary-alt:hover, fieldset[disabled] input[type=button].quaternary-alt.active, fieldset[disabled] input[type=button].quaternary-alt:active, fieldset[disabled] input[type=button].quaternary-alt:focus, fieldset[disabled] input[type=button].quaternary-alt:hover, input[type=button].quaternary-alt.disabled.active, input[type=button].quaternary-alt.disabled:active, input[type=button].quaternary-alt.disabled:focus, input[type=button].quaternary-alt.disabled:hover, input[type=button].quaternary-alt[disabled].active, input[type=button].quaternary-alt[disabled]:active, input[type=button].quaternary-alt[disabled]:focus, input[type=button].quaternary-alt[disabled]:hover {
            color: #fff;
            background-color: #363534;
            border-color: #363534
        }

    .button.error, .buttonstyle.error, button.error, input[type=button].error {
        color: #f33838;
        background-color: #fff;
        border-color: #f33838
    }

        .button.error.active, .button.error:active, .button.error:focus, .button.error:hover, .buttonstyle.error.active, .buttonstyle.error:active, .buttonstyle.error:focus, .buttonstyle.error:hover, button.error.active, button.error:active, button.error:focus, button.error:hover, input[type=button].error.active, input[type=button].error:active, input[type=button].error:focus, input[type=button].error:hover {
            color: #fff;
            background-color: #f33838;
            border-color: #f33838
        }

        .button.error.disabled.active, .button.error.disabled:active, .button.error.disabled:focus, .button.error.disabled:hover, .button.error[disabled].active, .button.error[disabled]:active, .button.error[disabled]:focus, .button.error[disabled]:hover, .buttonstyle.error.disabled.active, .buttonstyle.error.disabled:active, .buttonstyle.error.disabled:focus, .buttonstyle.error.disabled:hover, .buttonstyle.error[disabled].active, .buttonstyle.error[disabled]:active, .buttonstyle.error[disabled]:focus, .buttonstyle.error[disabled]:hover, button.error.disabled.active, button.error.disabled:active, button.error.disabled:focus, button.error.disabled:hover, button.error[disabled].active, button.error[disabled]:active, button.error[disabled]:focus, button.error[disabled]:hover, fieldset[disabled] .button.error.active, fieldset[disabled] .button.error:active, fieldset[disabled] .button.error:focus, fieldset[disabled] .button.error:hover, fieldset[disabled] .buttonstyle.error.active, fieldset[disabled] .buttonstyle.error:active, fieldset[disabled] .buttonstyle.error:focus, fieldset[disabled] .buttonstyle.error:hover, fieldset[disabled] button.error.active, fieldset[disabled] button.error:active, fieldset[disabled] button.error:focus, fieldset[disabled] button.error:hover, fieldset[disabled] input[type=button].error.active, fieldset[disabled] input[type=button].error:active, fieldset[disabled] input[type=button].error:focus, fieldset[disabled] input[type=button].error:hover, input[type=button].error.disabled.active, input[type=button].error.disabled:active, input[type=button].error.disabled:focus, input[type=button].error.disabled:hover, input[type=button].error[disabled].active, input[type=button].error[disabled]:active, input[type=button].error[disabled]:focus, input[type=button].error[disabled]:hover {
            color: #f33838;
            background-color: #fff;
            border-color: #f33838
        }

    .button.large, .buttonstyle.large, button.large, input[type=button].large {
        line-height: 1em;
        padding: .40625rem 20px;
        min-height: 2.3125rem;
        font-size: 14px;
        font-size: .875rem
    }

    .button.simple, .buttonstyle.simple, .store-tile.selected .select-store-button, button.simple, input[type=button].simple {
        background-color: #fff;
        color: #36c
    }

    .button a, .button a:hover, .buttonstyle a, .buttonstyle a:hover, button a, button a:hover, input[type=button] a, input[type=button] a:hover {
        color: #fff;
        text-decoration: none
    }

    .button i.left, .buttonstyle i.left, button i.left, input[type=button] i.left {
        margin-right: .6em
    }

    .button i.right, .buttonstyle i.right, button i.right, input[type=button] i.right {
        margin-left: .6em
    }

.button-fancy-large {
    line-height: 1em;
    padding: .40625rem 20px;
    min-height: 2.3125rem;
    font-size: 14px;
    font-size: .875rem
}

.no-longer-available, .no-longer-available:active, .no-longer-available:focus, .no-longer-available:hover {
    background-color: #aaa;
    border-color: #aaa;
    cursor: default
}

.button-text {
    color: #000;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    height: auto;
    min-height: 0;
    text-decoration: inherit;
    text-transform: inherit;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    -webkit-appearance: inherit
}

    .button-text:active, .button-text:focus, .button-text:hover {
        color: #000;
        background-color: transparent;
        text-decoration: none
    }

p .button-text, p .button-text:active, p .button-text:focus, p .button-text:hover {
    color: #36c
}

.button-full-width {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%
}

.btn-toggle {
    content: url(../images/svg-icons/toggle-off.svg);
    cursor: pointer;
    width: 56px;
    height: 33px;
    margin-right: 8px
}

    .btn-toggle.on {
        content: url(../images/svg-icons/toggle-on.svg)
    }

legend {
    border-bottom: 1em solid #fff;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    margin: 0;
    padding: 1.16em 2% .83em;
    position: relative;
    text-transform: uppercase;
    width: 96%
}

.ie7 legend {
    width: 94%
}

legend span {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem;
    position: relative;
    text-transform: none;
    padding: 0 .5em
}

    legend span em {
        color: #000
    }

.dialog-required {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem;
    display: inline;
    position: relative;
    padding: .16em 0;
    text-transform: none
}

    .dialog-required em {
        color: #000;
        font-style: normal;
        text-transform: uppercase
    }

label {
    display: block;
    margin-bottom: 5px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #000
}

.form-horizontal label {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .form-horizontal label {
        text-align: left;
        width: 25%
    }
}

.field-wrapper label, .label-inline label {
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    display: inline;
    float: none;
    margin-top: 0;
    text-align: left;
    width: auto
}

.label-above label {
    margin-bottom: .3rem;
    width: auto
}

.label-hidden label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-label-text {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-size: .8125rem;
    float: left;
    padding: .75em 0 0;
    text-align: right;
    width: 25%
}

.form-row {
    margin: .5rem 0 1rem
}

    .form-row:after {
        content: "";
        display: table;
        clear: both
    }

    .form-row.form-row-top-zero {
        margin-top: 0
    }

    .form-row.form-row-bottom-zero {
        margin-bottom: 0
    }

.form-row-button {
    clear: left
}

@media only screen and (min-width:768px) {
    .form-horizontal .form-row-button {
        margin-left: 27%;
        width: 62%
    }
}

.field-wrapper {
    box-sizing: border-box;
    width: 100%
}

.form-horizontal .field-wrapper {
    float: left;
    width: 100%
}

@media only screen and (min-width:768px) {
    .form-horizontal .field-wrapper {
        padding-left: 2%;
        width: 60%
    }
}

.label-inline .field-wrapper {
    float: left;
    padding-left: 0;
    width: auto
}

.label-above .field-wrapper {
    float: none;
    padding-left: 0;
    width: auto
}

.cart-actions .sales-associate, input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    width: 100%;
    height: 32px;
    font-size: 12px;
    font-size: .75rem;
    text-indent: 0;
    color: #000;
    background-color: #fff
}

    .cart-actions .sales-associate:focus, input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
        border: 1px solid #363534;
        outline: none
    }

textarea {
    max-width: 100%;
    height: 70px
}

    textarea.error {
        color: #000;
        border: 1px solid #f33838
    }

select {
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    color: #000;
    font-size: 12px;
    font-size: .75rem;
    background-color: #fff
}

    select:focus {
        border: 1px solid #363534;
        outline: none
    }

.items-per-page fieldset, .select-style, .sort-by fieldset {
    overflow: hidden;
    display: block;
    padding-right: 32px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    background: #fff url(../images/svg-icons/arrow-select-icon.svg) no-repeat scroll;
    background-position: right 0 center
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .items-per-page fieldset, .select-style, .sort-by fieldset {
        padding-right: 10px
    }
}

@media (min-width:0\0) and (min-resolution:0.001dpcm) {
    .items-per-page fieldset, .select-style, .sort-by fieldset {
        padding-right: 0
    }
}

.items-per-page fieldset select, .select-style select, .sort-by fieldset select {
    border: 0;
    background: transparent;
    padding: 2px 0 2px 10px;
    height: 30px;
    width: 120%;
    width: calc(100% + 32px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:0\0) and (min-resolution:0.001dpcm) {
    .items-per-page fieldset select, .select-style select, .sort-by fieldset select {
        padding-right: 10px
    }
}

.items-per-page fieldset label, .items-per-page fieldset select.visually-hidden, .select-style label, .select-style select.visually-hidden, .sort-by fieldset label, .sort-by fieldset select.visually-hidden {
    display: none
}

input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute
}

    input[type=checkbox].error + label:before, input[type=radio].error + label:before {
        border: 1px solid #f33838
    }

    input[type=checkbox].error ~ .error, input[type=radio].error ~ .error {
        display: block;
        padding-left: .9375rem
    }

    input[type=checkbox]:focus + label:before, input[type=radio]:focus + label:before {
        border: 1px solid #363534;
        outline: none
    }

    input[type=checkbox] + .option-image, input[type=checkbox] + label, input[type=radio] + .option-image, input[type=radio] + label {
        position: relative;
        font-size: 14px
    }

        input[type=checkbox] + .option-image:before, input[type=checkbox] + label:before, input[type=radio] + .option-image:before, input[type=radio] + label:before {
            content: "";
            background: #fff;
            border: 1px solid #e8e8e8;
            display: inline-block;
            vertical-align: text-bottom;
            width: 13px;
            height: 13px;
            margin-right: 8px;
            text-align: center
        }

    input[type=checkbox] + label {
        vertical-align: middle
    }

    input[type=checkbox]:checked + label:before {
        background: url(../images/svg-icons/checkmark-icon.svg) no-repeat 50% #000
    }

    input[type=radio]:focus + label:before {
        border-color: #36c
    }

    input[type=radio] + label {
        display: block;
        clear: both
    }

        input[type=radio] + label .option-image {
            max-width: 170px;
            vertical-align: middle
        }

        input[type=radio] + label[for] {
            cursor: pointer
        }

        input[type=radio] + label.disabled {
            color: #aaa;
            cursor: not-allowed
        }

.options-inline input[type=radio] + label {
    display: inline;
    clear: none
}

    .options-inline input[type=radio] + label:nth-of-type(n+2):before {
        margin-left: 2rem
    }

input[type=radio] + .option-image:before, input[type=radio] + label:before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border-color: #36c
}

input[type=radio]:checked + .option-image:before, input[type=radio]:checked + label:before {
    background: transparent url(../images/svg-icons/radio-dot-icon.svg) no-repeat 50%
}

input[type=radio] + .option-image:before {
    top: -20px
}

.multPickList label {
    position: relative;
    font-size: 14px;
    padding-left: 0 !important
}

    .multPickList label:before {
        content: "";
        border: 1px solid #e8e8e8;
        display: inline-block;
        vertical-align: text-bottom;
        width: 13px;
        height: 13px;
        margin-right: 8px;
        text-align: center;
        border-radius: 50%;
        width: 17px;
        height: 16px;
        border-color: #36c
    }

    .multPickList label.checked {
        background: transparent url(../images/svg-icons/radio-dot-icon.svg) no-repeat 2px 4px
    }

.form-caption {
    clear: left;
    width: auto;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 2em
}

.checkbox .form-caption {
    font-size: 12px;
    font-size: .75rem;
    text-indent: 2rem
}

@media only screen and (min-width:768px) {
    .form-horizontal .form-caption {
        margin-left: 27%;
        font-size: 12px;
        font-size: .75rem
    }
}

.form-indent .form-caption, .label-above .form-caption {
    margin-left: 0
}

@media only screen and (min-width:768px) {
    .form-indent {
        margin-left: 27%
    }

        .form-indent .field-wrapper {
            width: 80%;
            padding-left: 0
        }
}

.error-message {
    padding: .7em .5em;
    text-indent: 0;
    width: 49.5966%
}

.error {
    color: #f33838
}

select.error {
    color: #000
}

input.error, select.error {
    border: 1px solid #f33838
}

div.error, span.error {
    font-size: 12px;
    font-size: .75rem;
    background: none;
    display: block
}

.error-form {
    background-color: #f2f2f2;
    border: 1px solid #f33838;
    border-radius: .5em;
    margin: .5em 0;
    padding: .8em
}

.form-inline form {
    padding: 0 0 2em;
    width: 98%
}

.form-inline label {
    padding: 0 0 .75em;
    text-transform: uppercase;
    width: auto
}

.cart-actions .form-inline .sales-associate, .form-inline .cart-actions .sales-associate, .form-inline input[type=text], .form-inline select {
    margin-left: 0;
    width: 95%
}

.form-inline button {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.row-inline {
    display: inline
}

    .row-inline label {
        width: auto
    }

.require-dialog {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    position: absolute;
    right: 1em;
    text-transform: none;
    top: 1em
}

.required-indicator {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    margin-left: .25em;
    white-space: nowrap
}

.form-field-tooltip {
    font-size: 12px;
    font-size: .75rem;
    float: left;
    width: 12%;
    margin-left: 3%;
    padding-top: .75em;
    line-height: 1em;
    text-decoration: underline
}

.tooltip {
    cursor: help;
    position: relative
}

    .tooltip.product-tile {
        cursor: pointer;
        display: block
    }

@media only screen and (max-width:767px) {
    .tooltip {
        font-size: .9em
    }

    .form-field-tooltip {
        float: none;
        margin: 0 0 10px 5px;
        width: auto
    }
}

.tooltip-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

.tooltip-content {
    display: none
}

.ui-tooltip.ui-widget-content {
    background: #363534;
    border-radius: 0;
    box-shadow: 0 7px 22px 0 rgba(0,0,0,.2);
    color: #fff
}

.ui-tooltip-content {
    position: relative;
    padding: .3em
}

    .ui-tooltip-content .recommendation-tooltip-header {
        padding: .5em
    }

        .ui-tooltip-content .recommendation-tooltip-header .product-price {
            font-weight: 400
        }

            .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
                color: #24b337;
                text-decoration: line-through
            }

    .ui-tooltip-content .recommendation-tooltip-attributes, .ui-tooltip-content .recommendation-tooltip-description {
        padding: .8em
    }

    .ui-tooltip-content .promo, .ui-tooltip-content .shipping-method-cost, .ui-tooltip-content .surcharge-product {
        text-align: right;
        padding-bottom: .3rem
    }

    .ui-tooltip-content .shippingtotal {
        clear: right;
        text-align: right;
        margin-top: .3rem
    }

        .ui-tooltip-content .shippingtotal .value {
            border-top: 1px solid #919090;
            border-color: #6a6866;
            padding-top: .3rem
        }

#wrapper {
    background-color: #fff;
    border: 0;
    left: 0;
    margin: 0 auto;
    position: relative;
    transition: left .2s ease-in;
    width: 100%
}

    #wrapper.menu-active {
        left: 50%
    }

@media only screen and (max-width:479px) {
    #wrapper.menu-active {
        left: 70%
    }
}

@media only screen and (min-width:1025px) {
    #wrapper.menu-active {
        left: auto
    }
}

#main {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px
}

@media only screen and (min-width:1025px) {
    #main {
        min-height: 500px
    }
}

.pt_error #main, .pt_product-search-noresult #main {
    margin-top: 2em
}

@media only screen and (min-width:768px) {
    .pt_checkout #main {
        margin: 0 auto;
        max-width: 1260px;
        padding: 0 10px
    }
}

.pt_cart #main {
    margin-top: 2em
}

.primary-content {
    width: 100%
}

    .primary-content:focus {
        outline: none
    }

    .primary-content .hide-mobile {
        display: none
    }

@media only screen and (min-width:768px) {
    .primary-content {
        box-sizing: border-box;
        float: right;
        margin-left: -1px;
        padding: 0 0 20px;
        position: relative;
        width: calc(100% - 230px)
    }

    .primary-focus .primary-content {
        border: 0 none;
        float: left;
        margin: 0;
        width: 76%
    }

    .full-width .primary-content {
        border: 0 none;
        width: 100%
    }

    .page-content .primary-content {
        padding-left: 3%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .primary-content .hide-large {
        display: none
    }

    .primary-content .hide-desktop {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .primary-content .hide-large {
        display: block
    }

    .primary-content .hide-desktop {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .primary-content .hide-large-up {
        display: none
    }

    .primary-content .hide-mobile {
        display: block
    }
}

.pt_content-search-result .primary-content {
    padding: 0 3%;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .pt_checkout .primary-content {
        margin-left: -15px;
        margin-right: -15px;
        width: auto
    }
}

@media only screen and (min-width:768px) {
    .pt_checkout .primary-content {
        width: 80%
    }
}

#secondary {
    border: 0;
    float: none;
    width: 100%
}

@media only screen and (min-width:768px) {
    #secondary {
        float: left;
        width: 230px;
        position: relative
    }

        #secondary nav {
            padding-left: 10px;
            padding-right: 10px
        }

            #secondary nav a {
                display: block
            }

    .primary-focus #secondary {
        background: none;
        border: none;
        box-sizing: border-box;
        float: left;
        padding-left: .4rem;
        width: 24%
    }
}

.pt_content-search-result #secondary.desktop-show {
    display: none
}

@media only screen and (min-width:768px) {
    .pt_content-search-result #secondary.desktop-show {
        display: block;
        padding-top: 0
    }
}

.pt_content-search-result #secondary.mobile-show {
    display: block;
    margin-top: 2em;
    border-top: 1px solid #f2f2f2
}

@media only screen and (min-width:768px) {
    .pt_content-search-result #secondary.mobile-show {
        display: none
    }
}

.pt_error #secondary, .pt_product-search-noresult #secondary {
    display: none
}

@media only screen and (min-width:1025px) {
    .pt_error #secondary, .pt_product-search-noresult #secondary {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .pt_checkout #secondary {
        margin-top: 44px;
        border-top: 1px solid #e8e8e8;
        width: 36%;
        margin-left: -16%
    }
}

@media only screen and (max-width:767px) {
    .pt_checkout #secondary {
        margin-left: -15px;
        margin-right: -15px;
        width: auto
    }
}

.homepage-wrapper #main {
    width: 100%;
    max-width: 100%
}

.pt_categorylanding #main {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px
}

@media only screen and (max-width:767px) {
    .pt_categorylanding #main {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .pt_categorylanding .breadcrumb {
        margin: 0 .9375rem
    }
}

.pt_categorylanding .primary-content {
    padding-bottom: 0
}

@media only screen and (min-width:768px) {
    .pt_categorylanding .primary-content:not(.has-category-refinements) {
        width: 100%
    }
}

.pt_categorylanding #secondary {
    display: none;
    width: auto
}

@media only screen and (min-width:768px) {
    .pt_categorylanding #secondary {
        display: block
    }
}

.pt_categorylanding #secondary .category-landing-refinement {
    width: 230px
}

.pt_categorylanding .category-landing-section {
    margin-bottom: .5rem
}

@media only screen and (min-width:768px) {
    .pt_categorylanding .category-landing-section {
        margin-bottom: .9375rem
    }
}

@media only screen and (min-width:768px) {
    .pt_error #secondary, .pt_product-search-noresult #secondary, .pt_product-search-result #secondary {
        box-sizing: border-box
    }
}

.pt_error .primary-content, .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content {
    box-sizing: border-box;
    padding-left: 0;
    margin-top: 1.5em
}

@media only screen and (min-width:768px) {
    .pt_error .primary-content, .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content {
        padding-left: 1.25rem;
        margin-top: 0
    }
}

@media only screen and (min-width:1025px) {
    .pt_error .primary-content, .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content {
        padding-left: 1.875rem
    }
}

.secondary-content {
    clear: both
}

nav[role=navigation] {
    background-color: #fff;
    left: -50%;
    margin-top: 0;
    position: fixed;
    width: 50%;
    top: 0;
    transition: left .2s ease-in;
    overflow-y: auto
}

    nav[role=navigation]:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    nav[role=navigation] {
        color: #000;
        background-color: #f2f2f2;
        left: auto;
        position: static;
        width: 100%;
        clear: both;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc((100vw - 100%) / -2)
    }
}

@media only screen and (max-width:479px) {
    nav[role=navigation] {
        left: -70%;
        width: 70%
    }
}

@media only screen and (min-width:1280px) {
    .js-offset nav[role=navigation] {
        clear: none;
        float: left;
        background: transparent;
        width: 78%;
        max-width: 78%;
        margin-left: 0
    }
}

.menu-active nav[role=navigation] {
    left: 0;
    height: 100%;
    box-shadow: 0 7px 22px 0 rgba(0,0,0,.2)
}

@media only screen and (min-width:1025px) {
    .menu-active nav[role=navigation] {
        box-shadow: none
    }
}

.menu-toggle {
    border: none;
    color: #36c;
    display: block;
    float: left;
    margin: 0 2% 0 .2em;
    padding: .5em;
    font-size: 1.1em;
    min-height: 0;
    line-height: normal
}

    .menu-toggle, .menu-toggle:focus, .menu-toggle:hover {
        background-color: transparent
    }

@media only screen and (min-width:1025px) {
    .menu-toggle {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .menu-toggle {
        padding-left: 0;
        margin-left: 0
    }
}

.menu-category {
    border-bottom: 1px solid #e8e8e8;
    list-style: none;
    margin: 0;
    padding: 0
}

    .menu-category:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .menu-category {
        border-bottom: none;
        margin: 0 auto;
        width: 100%;
        text-align: center
    }
}

.menu-category li {
    list-style: none;
    padding-bottom: 0
}

@media only screen and (min-width:1025px) {
    .menu-category li {
        border: none;
        float: left;
        padding-bottom: 1.25rem
    }

        .menu-category li:hover > a {
            background-color: transparent
        }
}

.menu-category a {
    color: #000;
    display: block;
    padding: .9rem .5rem;
    width: 100%;
    border-top: 1px solid #e8e8e8
}

@media only screen and (min-width:1025px) {
    .menu-category a {
        width: auto;
        background: none;
        border: none;
        padding: 1em .5rem
    }
}

.menu-category a .shop-all {
    text-transform: uppercase;
    letter-spacing: .5px
}

@media only screen and (max-width:1024px) {
    .menu-category a .shop-all {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 14px;
        font-size: .875rem
    }
}

.menu-category .back-link {
    padding: 0;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    color: #363534;
    background: #f2f2f2;
    cursor: pointer
}

    .menu-category .back-link .arrow-left-icon {
        margin-top: -3px;
        fill: #363534
    }

    .menu-category .back-link span {
        margin-left: -8px
    }

@media only screen and (min-width:1025px) {
    .menu-category .back-link {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .js-offset .menu-category {
        margin-top: .3em
    }
}

.level-1 > li {
    padding-bottom: 0
}

    .level-1 > li:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .level-1 > li {
        display: inline-block;
        float: none
    }
}

.level-1 > li:first-of-type {
    border: none
}

@media only screen and (min-width:1025px) {
    .level-1 > li:first-of-type > a {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .level-1 > li {
        padding-bottom: 0
    }
}

.level-1 > li a {
    transition: background-color .3s,color .3s;
    opacity: 1
}

@media only screen and (min-width:1025px) {
    .level-1 > li a:hover {
        background-color: transparent
    }
}

@media only screen and (max-width:1024px) {
    .level-1 > li a {
        display: none
    }

        .level-1 > li a.show-menu-item {
            display: block
        }
}

@media only screen and (max-width:1024px) {
    .level-1 > li a.has-sub-menu {
        background: url(../images/svg-icons/arrow-right-icon.svg) no-repeat right -1px
    }
}

@media only screen and (max-width:1024px) {
    .level-1 > li a.custom-content-dropdown {
        background: none
    }
}

.level-1 > li a.custom-content-dropdown ~ .level-2 .menu-vertical:nth-of-type(2) {
    display: none
}

.level-1 > li > a {
    float: left;
    padding-left: .8rem;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: .9375rem;
    color: #000;
    text-decoration: none
}

    .level-1 > li > a:hover {
        color: #999
    }

@media only screen and (min-width:1025px) {
    .level-1 > li > a {
        float: none;
        padding: .625rem;
        width: 100%
    }

        .level-1 > li > a.has-sub-menu {
            width: 100%
        }
}

@media only screen and (min-width:1025px) {
    .js-offset .level-1 > li > a {
        padding: .5em .6em
    }
}

@media only screen and (min-width:1280px) {
    .js-offset .level-1 > li > a {
        padding: .5em .34em
    }
}

.level-2 {
    clear: left;
    text-align: left
}

    .level-2 > ul {
        padding: 0
    }

.level-1 > .active .level-2 {
    display: block
}

.level-2 a {
    color: #000;
    text-decoration: none
}

@media only screen and (max-width:1024px) {
    .level-2 a {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 12px;
        font-size: .75rem;
        padding-left: .8rem
    }
}

.level-2 a.mobile-navigation-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:1025px) {
    .level-2 a.mobile-navigation-header {
        display: none
    }
}

.level-2 a:active, .level-2 a:focus, .level-2 a:hover {
    outline: 1px dotted #000
}

@media only screen and (min-width:1025px) {
    .level-2 {
        display: none;
        background-color: #fff;
        box-shadow: 0 7px 22px 0 rgba(0,0,0,.2);
        color: #000;
        padding: 0;
        position: absolute;
        padding: 0 1rem .5em;
        z-index: 2
    }

    .level-1 li:hover .level-2 {
        display: block
    }

    .level-2 > ul {
        float: left;
        vertical-align: top;
        padding-left: 0
    }

        .level-2 > ul > li {
            float: none;
            width: 13em;
            padding-bottom: .5em
        }

            .level-2 > ul > li > a {
                padding: .2em 1rem;
                text-transform: none;
                font-family: Open Sans,Arial,sans-serif;
                font-weight: 600;
                font-size: 14px;
                font-size: .875rem
            }

    .level-2 .menu-vertical.mobile {
        display: none
    }

    .level-2 .menu-vertical.content-nav, .level-2 .menu-vertical > li > a:first-child {
        padding-top: 1em
    }

        .level-2 .menu-vertical.content-nav > li {
            padding-bottom: .2em
        }

            .level-2 .menu-vertical.content-nav > li > a {
                padding: 0 0 .6em
            }
}

@media only screen and (min-width:1025px) and (min-width:768px) {
    .level-2 .menu-vertical.content-nav > li.shop-all {
        padding-top: 1em
    }
}

@media only screen and (min-width:1025px) {
    .level-2 .menu-horizontal {
        float: none
    }

        .level-2 .menu-horizontal > li {
            border-right: 1px solid #919090;
            float: left;
            padding-right: 2rem
        }

            .level-2 .menu-horizontal > li:last-child {
                border-right: none
            }

    .level-2 .left-pane {
        width: 60%;
        float: left
    }

    .level-2 .banner {
        float: left;
        display: block
    }

        .level-2 .banner .content-row {
            clear: both
        }

            .level-2 .banner .content-row:after {
                content: "";
                display: table;
                clear: both
            }

        .level-2 .banner .content-block {
            float: left;
            display: block;
            text-align: center
        }

            .level-2 .banner .content-block.width-half {
                width: 50%
            }

            .level-2 .banner .content-block.width-third {
                width: 33.33333%
            }

            .level-2 .banner .content-block.width-quarter {
                width: 25%
            }

            .level-2 .banner .content-block div {
                margin-top: .5em;
                font-size: 12px;
                font-size: .75rem
            }

            .level-2 .banner .content-block img {
                width: auto
            }
}

.level-2 .banner {
    display: none
}

    .level-2 .banner img {
        vertical-align: top
    }

@media only screen and (min-width:1025px) {
    .level-2 .banner {
        display: block
    }
}

.level-3 {
    padding-left: 0;
    text-align: left
}

.level-2 .active .level-3 {
    display: block
}

@media only screen and (min-width:1025px) {
    .level-3 a {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem;
        padding: .4em 1rem;
        text-decoration: none
    }

    .level-3 li {
        float: none;
        padding: 0
    }
}

.menu-utility-user {
    margin: 0;
    padding: 0
}

.off-canvas-nav-show .menu-utility-user {
    background: #f2f2f2
}

.menu-utility-user li {
    list-style: none;
    padding: .8em 0 .8em 1rem
}

    .menu-utility-user li:first-child {
        border: none
    }

    .menu-utility-user li.stores {
        padding-top: .2em
    }

        .menu-utility-user li.stores a span {
            display: none
        }

@media only screen and (min-width:1025px) {
    .menu-utility-user li {
        background-color: transparent;
        float: left;
        margin: 0;
        padding: .1em .9375rem 0 0
    }

        .menu-utility-user li:first-child {
            border: none
        }
}

@media only screen and (min-width:1280px) {
    .menu-utility-user li {
        padding-right: 1.4375rem
    }
}

.menu-utility-user li a {
    color: #000;
    text-decoration: none
}

    .menu-utility-user li a:active {
        color: #36c
    }

@media only screen and (min-width:1025px) {
    .menu-utility-user li a {
        color: #363534;
        transition: color .5s ease
    }

        .menu-utility-user li a:hover {
            color: #919090;
            text-decoration: none
        }

        .menu-utility-user li a i {
            display: block;
            font-size: 3em;
            padding: 0
        }

        .menu-utility-user li a span {
            display: none
        }
}

@media only screen and (max-width:1024px) {
    .menu-utility-user li a.user-account {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media only screen and (min-width:1025px) {
    .menu-utility-user .user-info {
        position: relative;
        transition: color .5s ease
    }

        .menu-utility-user .user-info.active .user-login {
            color: #24b337
        }

        .menu-utility-user .user-info.active .user-panel {
            opacity: 1;
            visibility: visible
        }
}

.menu-utility-user .user-info .user-panel {
    box-sizing: content-box;
    margin-top: .5rem;
    text-align: left;
    transition: all .25s ease;
    width: 100%
}

    .menu-utility-user .user-info .user-panel h4 {
        display: none;
        margin: 0;
        padding-bottom: .1em;
        border-bottom: 1px solid #919090;
        margin-bottom: .7em;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem
    }

@media only screen and (min-width:1025px) {
    .menu-utility-user .user-info .user-panel h4 {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .menu-utility-user .user-info .user-panel {
        background-color: #fff;
        border: 1px solid #919090;
        border-top: none;
        margin-top: 1em;
        opacity: 0;
        padding: 1em;
        position: absolute;
        right: -3rem;
        visibility: hidden;
        z-index: 20;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        width: 15.0625rem
    }
}

@media only screen and (min-width:1280px) {
    .menu-utility-user .user-info .user-panel {
        right: -6.5rem
    }
}

.menu-utility-user .user-info .user-panel .user-links {
    padding-left: 1.6rem
}

@media only screen and (min-width:1025px) {
    .menu-utility-user .user-info .user-panel .user-links {
        padding-left: 0
    }
}

.menu-utility-user .user-info .user-panel a {
    color: #000;
    display: block;
    padding: .5rem 0;
    line-height: 23px;
    line-height: 1.4375rem;
    font-size: 13px;
    font-size: .8125rem
}

@media only screen and (min-width:1025px) {
    .menu-utility-user .user-info .user-panel a {
        padding: 0;
        margin-bottom: .5rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem
    }
}

.menu-utility-user .user-info .user-panel .user-logout {
    margin-top: .5rem;
    margin-right: 1rem;
    color: #fff;
    background-color: #363534;
    border-color: #363534;
    line-height: 1em;
    padding: .40625rem 22px;
    min-height: 2.1875rem;
    font-size: 18px;
    font-size: 1.125rem
}

    .menu-utility-user .user-info .user-panel .user-logout.active, .menu-utility-user .user-info .user-panel .user-logout:active, .menu-utility-user .user-info .user-panel .user-logout:focus, .menu-utility-user .user-info .user-panel .user-logout:hover {
        color: #fff;
        background-color: #919090;
        border-color: #919090
    }

    .menu-utility-user .user-info .user-panel .user-logout.disabled.active, .menu-utility-user .user-info .user-panel .user-logout.disabled:active, .menu-utility-user .user-info .user-panel .user-logout.disabled:focus, .menu-utility-user .user-info .user-panel .user-logout.disabled:hover, .menu-utility-user .user-info .user-panel .user-logout[disabled].active, .menu-utility-user .user-info .user-panel .user-logout[disabled]:active, .menu-utility-user .user-info .user-panel .user-logout[disabled]:focus, .menu-utility-user .user-info .user-panel .user-logout[disabled]:hover, fieldset[disabled] .menu-utility-user .user-info .user-panel .user-logout.active, fieldset[disabled] .menu-utility-user .user-info .user-panel .user-logout:active, fieldset[disabled] .menu-utility-user .user-info .user-panel .user-logout:focus, fieldset[disabled] .menu-utility-user .user-info .user-panel .user-logout:hover {
        color: #fff;
        background-color: #363534;
        border-color: #363534
    }

@media only screen and (min-width:1025px) {
    .menu-utility-user .user-info .user-panel .user-logout {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .js-offset .menu-utility-user .user-info .user-panel {
        margin-top: 2.1em;
        border-color: #e8e8e8
    }
}

@media only screen and (min-width:1025px) {
    .js-offset .menu-utility-user li {
        padding-right: .9375rem
    }
}

.js #suggestions {
    background-color: #999;
    color: #e0e0e0;
    cursor: pointer;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 8184
}

    .js #suggestions div {
        clear: both;
        height: 23px;
        padding: 5px;
        overflow: hidden;
        white-space: nowrap
    }

        .js #suggestions div:hover {
            background-color: #919090;
            color: #363534
        }

        .js #suggestions div .suggestionterm {
            float: left;
            overflow: hidden;
            width: 110px
        }

        .js #suggestions div .hits {
            float: right;
            line-height: 1.8em;
            text-align: right;
            margin-left: 3px
        }

.search-suggestion-wrapper {
    position: absolute;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 7px 22px 0 rgba(0,0,0,.2);
    width: 100%;
    z-index: 1
}

    .search-suggestion-wrapper:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .search-suggestion-wrapper.full .phrase-suggestions {
        width: 43%;
        float: left
    }

    .search-suggestion-wrapper.full .product-suggestions {
        width: 55%;
        float: right;
        border-left: 1px solid #e8e8e8
    }
}

@media only screen and (min-width:1280px) {
    .search-suggestion-wrapper {
        margin-left: -75%;
        width: 175%
    }

    .js-offset .search-suggestion-wrapper {
        margin-left: 0;
        width: 100%
    }
}

.search-suggestion-wrapper .hitgroup {
    color: #363534;
    margin: .5rem 0 .5rem 1rem
}

    .search-suggestion-wrapper .hitgroup .header {
        margin: 0 0 .5rem
    }

    .search-suggestion-wrapper .hitgroup .hit {
        display: block;
        color: #363534;
        margin-bottom: .5rem;
        text-decoration: none
    }

        .search-suggestion-wrapper .hitgroup .hit:hover {
            text-decoration: underline
        }

        .search-suggestion-wrapper .hitgroup .hit a {
            color: #363534
        }

            .search-suggestion-wrapper .hitgroup .hit a:hover {
                text-decoration: underline
            }

    .search-suggestion-wrapper .hitgroup .parent-category {
        color: #363534
    }

.phrase-suggestions {
    border-top: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) {
    .phrase-suggestions {
        border-top: none
    }
}

.product-suggestion {
    background-color: #fff;
    border-top: 1px solid #e8e8e8;
    padding: .5em
}

    .product-suggestion:after {
        content: "";
        display: table;
        clear: both
    }

    .product-suggestion:focus, .product-suggestion:hover {
        background-color: #f2f2f2
    }

    .product-suggestion .product-image {
        float: left;
        text-align: center;
        width: 25%
    }

        .product-suggestion .product-image img {
            max-width: 100%
        }

    .product-suggestion .product-details {
        float: right;
        padding-top: .5em;
        width: 70%
    }

        .product-suggestion .product-details .product-name {
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 600;
            font-size: 14px;
            font-size: .875rem;
            line-height: 1.14286em;
            text-decoration: none;
            color: #000;
            margin-bottom: 1em
        }

        .product-suggestion .product-details .product-price {
            color: #363534;
            font-weight: 600;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.18182em;
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 400;
            font-size: 15px;
            font-size: .9375rem;
            color: #000
        }

@media only screen and (min-width:768px) {
    .product-suggestion .product-details .product-price {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.search-phrase {
    color: #999;
    margin: 1em
}

    .search-phrase .completed {
        font-style: italic
    }

        .search-phrase .completed .original {
            text-decoration: underline;
            font-weight: 700
        }

    .search-phrase .corrected {
        font-weight: 700
    }

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
    line-height: 1em
}

    .flag-icon:before {
        content: "\00a0"
    }

    .flag-icon.flag-icon-squared {
        width: 1em
    }

.flag-icon-ad {
    background-image: url(../lib/flag-icon-css/flags/4x3/ad.svg)
}

    .flag-icon-ad.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ad.svg)
    }

.flag-icon-ae {
    background-image: url(../lib/flag-icon-css/flags/4x3/ae.svg)
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ae.svg)
    }

.flag-icon-af {
    background-image: url(../lib/flag-icon-css/flags/4x3/af.svg)
}

    .flag-icon-af.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/af.svg)
    }

.flag-icon-ag {
    background-image: url(../lib/flag-icon-css/flags/4x3/ag.svg)
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ag.svg)
    }

.flag-icon-ai {
    background-image: url(../lib/flag-icon-css/flags/4x3/ai.svg)
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ai.svg)
    }

.flag-icon-al {
    background-image: url(../lib/flag-icon-css/flags/4x3/al.svg)
}

    .flag-icon-al.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/al.svg)
    }

.flag-icon-am {
    background-image: url(../lib/flag-icon-css/flags/4x3/am.svg)
}

    .flag-icon-am.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/am.svg)
    }

.flag-icon-ao {
    background-image: url(../lib/flag-icon-css/flags/4x3/ao.svg)
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ao.svg)
    }

.flag-icon-aq {
    background-image: url(../lib/flag-icon-css/flags/4x3/aq.svg)
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/aq.svg)
    }

.flag-icon-ar {
    background-image: url(../lib/flag-icon-css/flags/4x3/ar.svg)
}

    .flag-icon-ar.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ar.svg)
    }

.flag-icon-as {
    background-image: url(../lib/flag-icon-css/flags/4x3/as.svg)
}

    .flag-icon-as.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/as.svg)
    }

.flag-icon-at {
    background-image: url(../lib/flag-icon-css/flags/4x3/at.svg)
}

    .flag-icon-at.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/at.svg)
    }

.flag-icon-au {
    background-image: url(../lib/flag-icon-css/flags/4x3/au.svg)
}

    .flag-icon-au.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/au.svg)
    }

.flag-icon-aw {
    background-image: url(../lib/flag-icon-css/flags/4x3/aw.svg)
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/aw.svg)
    }

.flag-icon-ax {
    background-image: url(../lib/flag-icon-css/flags/4x3/ax.svg)
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ax.svg)
    }

.flag-icon-az {
    background-image: url(../lib/flag-icon-css/flags/4x3/az.svg)
}

    .flag-icon-az.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/az.svg)
    }

.flag-icon-ba {
    background-image: url(../lib/flag-icon-css/flags/4x3/ba.svg)
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ba.svg)
    }

.flag-icon-bb {
    background-image: url(../lib/flag-icon-css/flags/4x3/bb.svg)
}

    .flag-icon-bb.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bb.svg)
    }

.flag-icon-bd {
    background-image: url(../lib/flag-icon-css/flags/4x3/bd.svg)
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bd.svg)
    }

.flag-icon-be {
    background-image: url(../lib/flag-icon-css/flags/4x3/be.svg)
}

    .flag-icon-be.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/be.svg)
    }

.flag-icon-bf {
    background-image: url(../lib/flag-icon-css/flags/4x3/bf.svg)
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bf.svg)
    }

.flag-icon-bg {
    background-image: url(../lib/flag-icon-css/flags/4x3/bg.svg)
}

    .flag-icon-bg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bg.svg)
    }

.flag-icon-bh {
    background-image: url(../lib/flag-icon-css/flags/4x3/bh.svg)
}

    .flag-icon-bh.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bh.svg)
    }

.flag-icon-bi {
    background-image: url(../lib/flag-icon-css/flags/4x3/bi.svg)
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bi.svg)
    }

.flag-icon-bj {
    background-image: url(../lib/flag-icon-css/flags/4x3/bj.svg)
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bj.svg)
    }

.flag-icon-bl {
    background-image: url(../lib/flag-icon-css/flags/4x3/bl.svg)
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bl.svg)
    }

.flag-icon-bm {
    background-image: url(../lib/flag-icon-css/flags/4x3/bm.svg)
}

    .flag-icon-bm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bm.svg)
    }

.flag-icon-bn {
    background-image: url(../lib/flag-icon-css/flags/4x3/bn.svg)
}

    .flag-icon-bn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bn.svg)
    }

.flag-icon-bo {
    background-image: url(../lib/flag-icon-css/flags/4x3/bo.svg)
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bo.svg)
    }

.flag-icon-bq {
    background-image: url(../lib/flag-icon-css/flags/4x3/bq.svg)
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bq.svg)
    }

.flag-icon-br {
    background-image: url(../lib/flag-icon-css/flags/4x3/br.svg)
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/br.svg)
    }

.flag-icon-bs {
    background-image: url(../lib/flag-icon-css/flags/4x3/bs.svg)
}

    .flag-icon-bs.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bs.svg)
    }

.flag-icon-bt {
    background-image: url(../lib/flag-icon-css/flags/4x3/bt.svg)
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bt.svg)
    }

.flag-icon-bv {
    background-image: url(../lib/flag-icon-css/flags/4x3/bv.svg)
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bv.svg)
    }

.flag-icon-bw {
    background-image: url(../lib/flag-icon-css/flags/4x3/bw.svg)
}

    .flag-icon-bw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bw.svg)
    }

.flag-icon-by {
    background-image: url(../lib/flag-icon-css/flags/4x3/by.svg)
}

    .flag-icon-by.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/by.svg)
    }

.flag-icon-bz {
    background-image: url(../lib/flag-icon-css/flags/4x3/bz.svg)
}

    .flag-icon-bz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/bz.svg)
    }

.flag-icon-ca {
    background-image: url(../lib/flag-icon-css/flags/4x3/ca.svg)
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ca.svg)
    }

.flag-icon-cc {
    background-image: url(../lib/flag-icon-css/flags/4x3/cc.svg)
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cc.svg)
    }

.flag-icon-cd {
    background-image: url(../lib/flag-icon-css/flags/4x3/cd.svg)
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cd.svg)
    }

.flag-icon-cf {
    background-image: url(../lib/flag-icon-css/flags/4x3/cf.svg)
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cf.svg)
    }

.flag-icon-cg {
    background-image: url(../lib/flag-icon-css/flags/4x3/cg.svg)
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cg.svg)
    }

.flag-icon-ch {
    background-image: url(../lib/flag-icon-css/flags/4x3/ch.svg)
}

    .flag-icon-ch.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ch.svg)
    }

.flag-icon-ci {
    background-image: url(../lib/flag-icon-css/flags/4x3/ci.svg)
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ci.svg)
    }

.flag-icon-ck {
    background-image: url(../lib/flag-icon-css/flags/4x3/ck.svg)
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ck.svg)
    }

.flag-icon-cl {
    background-image: url(../lib/flag-icon-css/flags/4x3/cl.svg)
}

    .flag-icon-cl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cl.svg)
    }

.flag-icon-cm {
    background-image: url(../lib/flag-icon-css/flags/4x3/cm.svg)
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cm.svg)
    }

.flag-icon-cn {
    background-image: url(../lib/flag-icon-css/flags/4x3/cn.svg)
}

    .flag-icon-cn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cn.svg)
    }

.flag-icon-co {
    background-image: url(../lib/flag-icon-css/flags/4x3/co.svg)
}

    .flag-icon-co.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/co.svg)
    }

.flag-icon-cr {
    background-image: url(../lib/flag-icon-css/flags/4x3/cr.svg)
}

    .flag-icon-cr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cr.svg)
    }

.flag-icon-cu {
    background-image: url(../lib/flag-icon-css/flags/4x3/cu.svg)
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cu.svg)
    }

.flag-icon-cv {
    background-image: url(../lib/flag-icon-css/flags/4x3/cv.svg)
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cv.svg)
    }

.flag-icon-cw {
    background-image: url(../lib/flag-icon-css/flags/4x3/cw.svg)
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cw.svg)
    }

.flag-icon-cx {
    background-image: url(../lib/flag-icon-css/flags/4x3/cx.svg)
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cx.svg)
    }

.flag-icon-cy {
    background-image: url(../lib/flag-icon-css/flags/4x3/cy.svg)
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cy.svg)
    }

.flag-icon-cz {
    background-image: url(../lib/flag-icon-css/flags/4x3/cz.svg)
}

    .flag-icon-cz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/cz.svg)
    }

.flag-icon-de {
    background-image: url(../lib/flag-icon-css/flags/4x3/de.svg)
}

    .flag-icon-de.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/de.svg)
    }

.flag-icon-dj {
    background-image: url(../lib/flag-icon-css/flags/4x3/dj.svg)
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/dj.svg)
    }

.flag-icon-dk {
    background-image: url(../lib/flag-icon-css/flags/4x3/dk.svg)
}

    .flag-icon-dk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/dk.svg)
    }

.flag-icon-dm {
    background-image: url(../lib/flag-icon-css/flags/4x3/dm.svg)
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/dm.svg)
    }

.flag-icon-do {
    background-image: url(../lib/flag-icon-css/flags/4x3/do.svg)
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/do.svg)
    }

.flag-icon-dz {
    background-image: url(../lib/flag-icon-css/flags/4x3/dz.svg)
}

    .flag-icon-dz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/dz.svg)
    }

.flag-icon-ec {
    background-image: url(../lib/flag-icon-css/flags/4x3/ec.svg)
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ec.svg)
    }

.flag-icon-ee {
    background-image: url(../lib/flag-icon-css/flags/4x3/ee.svg)
}

    .flag-icon-ee.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ee.svg)
    }

.flag-icon-eg {
    background-image: url(../lib/flag-icon-css/flags/4x3/eg.svg)
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/eg.svg)
    }

.flag-icon-eh {
    background-image: url(../lib/flag-icon-css/flags/4x3/eh.svg)
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/eh.svg)
    }

.flag-icon-er {
    background-image: url(../lib/flag-icon-css/flags/4x3/er.svg)
}

    .flag-icon-er.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/er.svg)
    }

.flag-icon-es {
    background-image: url(../lib/flag-icon-css/flags/4x3/es.svg)
}

    .flag-icon-es.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/es.svg)
    }

.flag-icon-et {
    background-image: url(../lib/flag-icon-css/flags/4x3/et.svg)
}

    .flag-icon-et.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/et.svg)
    }

.flag-icon-fi {
    background-image: url(../lib/flag-icon-css/flags/4x3/fi.svg)
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/fi.svg)
    }

.flag-icon-fj {
    background-image: url(../lib/flag-icon-css/flags/4x3/fj.svg)
}

    .flag-icon-fj.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/fj.svg)
    }

.flag-icon-fk {
    background-image: url(../lib/flag-icon-css/flags/4x3/fk.svg)
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/fk.svg)
    }

.flag-icon-fm {
    background-image: url(../lib/flag-icon-css/flags/4x3/fm.svg)
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/fm.svg)
    }

.flag-icon-fo {
    background-image: url(../lib/flag-icon-css/flags/4x3/fo.svg)
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/fo.svg)
    }

.flag-icon-fr {
    background-image: url(../lib/flag-icon-css/flags/4x3/fr.svg)
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/fr.svg)
    }

.flag-icon-ga {
    background-image: url(../lib/flag-icon-css/flags/4x3/ga.svg)
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ga.svg)
    }

.flag-icon-gb {
    background-image: url(../lib/flag-icon-css/flags/4x3/gb.svg)
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gb.svg)
    }

.flag-icon-gd {
    background-image: url(../lib/flag-icon-css/flags/4x3/gd.svg)
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gd.svg)
    }

.flag-icon-ge {
    background-image: url(../lib/flag-icon-css/flags/4x3/ge.svg)
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ge.svg)
    }

.flag-icon-gf {
    background-image: url(../lib/flag-icon-css/flags/4x3/gf.svg)
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gf.svg)
    }

.flag-icon-gg {
    background-image: url(../lib/flag-icon-css/flags/4x3/gg.svg)
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gg.svg)
    }

.flag-icon-gh {
    background-image: url(../lib/flag-icon-css/flags/4x3/gh.svg)
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gh.svg)
    }

.flag-icon-gi {
    background-image: url(../lib/flag-icon-css/flags/4x3/gi.svg)
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gi.svg)
    }

.flag-icon-gl {
    background-image: url(../lib/flag-icon-css/flags/4x3/gl.svg)
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gl.svg)
    }

.flag-icon-gm {
    background-image: url(../lib/flag-icon-css/flags/4x3/gm.svg)
}

    .flag-icon-gm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gm.svg)
    }

.flag-icon-gn {
    background-image: url(../lib/flag-icon-css/flags/4x3/gn.svg)
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gn.svg)
    }

.flag-icon-gp {
    background-image: url(../lib/flag-icon-css/flags/4x3/gp.svg)
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gp.svg)
    }

.flag-icon-gq {
    background-image: url(../lib/flag-icon-css/flags/4x3/gq.svg)
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gq.svg)
    }

.flag-icon-gr {
    background-image: url(../lib/flag-icon-css/flags/4x3/gr.svg)
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gr.svg)
    }

.flag-icon-gs {
    background-image: url(../lib/flag-icon-css/flags/4x3/gs.svg)
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gs.svg)
    }

.flag-icon-gt {
    background-image: url(../lib/flag-icon-css/flags/4x3/gt.svg)
}

    .flag-icon-gt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gt.svg)
    }

.flag-icon-gu {
    background-image: url(../lib/flag-icon-css/flags/4x3/gu.svg)
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gu.svg)
    }

.flag-icon-gw {
    background-image: url(../lib/flag-icon-css/flags/4x3/gw.svg)
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gw.svg)
    }

.flag-icon-gy {
    background-image: url(../lib/flag-icon-css/flags/4x3/gy.svg)
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/gy.svg)
    }

.flag-icon-hk {
    background-image: url(../lib/flag-icon-css/flags/4x3/hk.svg)
}

    .flag-icon-hk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/hk.svg)
    }

.flag-icon-hm {
    background-image: url(../lib/flag-icon-css/flags/4x3/hm.svg)
}

    .flag-icon-hm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/hm.svg)
    }

.flag-icon-hn {
    background-image: url(../lib/flag-icon-css/flags/4x3/hn.svg)
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/hn.svg)
    }

.flag-icon-hr {
    background-image: url(../lib/flag-icon-css/flags/4x3/hr.svg)
}

    .flag-icon-hr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/hr.svg)
    }

.flag-icon-ht {
    background-image: url(../lib/flag-icon-css/flags/4x3/ht.svg)
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ht.svg)
    }

.flag-icon-hu {
    background-image: url(../lib/flag-icon-css/flags/4x3/hu.svg)
}

    .flag-icon-hu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/hu.svg)
    }

.flag-icon-id {
    background-image: url(../lib/flag-icon-css/flags/4x3/id.svg)
}

    .flag-icon-id.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/id.svg)
    }

.flag-icon-ie {
    background-image: url(../lib/flag-icon-css/flags/4x3/ie.svg)
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ie.svg)
    }

.flag-icon-il {
    background-image: url(../lib/flag-icon-css/flags/4x3/il.svg)
}

    .flag-icon-il.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/il.svg)
    }

.flag-icon-im {
    background-image: url(../lib/flag-icon-css/flags/4x3/im.svg)
}

    .flag-icon-im.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/im.svg)
    }

.flag-icon-in {
    background-image: url(../lib/flag-icon-css/flags/4x3/in.svg)
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/in.svg)
    }

.flag-icon-io {
    background-image: url(../lib/flag-icon-css/flags/4x3/io.svg)
}

    .flag-icon-io.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/io.svg)
    }

.flag-icon-iq {
    background-image: url(../lib/flag-icon-css/flags/4x3/iq.svg)
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/iq.svg)
    }

.flag-icon-ir {
    background-image: url(../lib/flag-icon-css/flags/4x3/ir.svg)
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ir.svg)
    }

.flag-icon-is {
    background-image: url(../lib/flag-icon-css/flags/4x3/is.svg)
}

    .flag-icon-is.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/is.svg)
    }

.flag-icon-it {
    background-image: url(../lib/flag-icon-css/flags/4x3/it.svg)
}

    .flag-icon-it.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/it.svg)
    }

.flag-icon-je {
    background-image: url(../lib/flag-icon-css/flags/4x3/je.svg)
}

    .flag-icon-je.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/je.svg)
    }

.flag-icon-jm {
    background-image: url(../lib/flag-icon-css/flags/4x3/jm.svg)
}

    .flag-icon-jm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/jm.svg)
    }

.flag-icon-jo {
    background-image: url(../lib/flag-icon-css/flags/4x3/jo.svg)
}

    .flag-icon-jo.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/jo.svg)
    }

.flag-icon-jp {
    background-image: url(../lib/flag-icon-css/flags/4x3/jp.svg)
}

    .flag-icon-jp.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/jp.svg)
    }

.flag-icon-ke {
    background-image: url(../lib/flag-icon-css/flags/4x3/ke.svg)
}

    .flag-icon-ke.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ke.svg)
    }

.flag-icon-kg {
    background-image: url(../lib/flag-icon-css/flags/4x3/kg.svg)
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kg.svg)
    }

.flag-icon-kh {
    background-image: url(../lib/flag-icon-css/flags/4x3/kh.svg)
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kh.svg)
    }

.flag-icon-ki {
    background-image: url(../lib/flag-icon-css/flags/4x3/ki.svg)
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ki.svg)
    }

.flag-icon-km {
    background-image: url(../lib/flag-icon-css/flags/4x3/km.svg)
}

    .flag-icon-km.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/km.svg)
    }

.flag-icon-kn {
    background-image: url(../lib/flag-icon-css/flags/4x3/kn.svg)
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kn.svg)
    }

.flag-icon-kp {
    background-image: url(../lib/flag-icon-css/flags/4x3/kp.svg)
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kp.svg)
    }

.flag-icon-kr {
    background-image: url(../lib/flag-icon-css/flags/4x3/kr.svg)
}

    .flag-icon-kr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kr.svg)
    }

.flag-icon-kw {
    background-image: url(../lib/flag-icon-css/flags/4x3/kw.svg)
}

    .flag-icon-kw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kw.svg)
    }

.flag-icon-ky {
    background-image: url(../lib/flag-icon-css/flags/4x3/ky.svg)
}

    .flag-icon-ky.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ky.svg)
    }

.flag-icon-kz {
    background-image: url(../lib/flag-icon-css/flags/4x3/kz.svg)
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/kz.svg)
    }

.flag-icon-la {
    background-image: url(../lib/flag-icon-css/flags/4x3/la.svg)
}

    .flag-icon-la.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/la.svg)
    }

.flag-icon-lb {
    background-image: url(../lib/flag-icon-css/flags/4x3/lb.svg)
}

    .flag-icon-lb.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lb.svg)
    }

.flag-icon-lc {
    background-image: url(../lib/flag-icon-css/flags/4x3/lc.svg)
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lc.svg)
    }

.flag-icon-li {
    background-image: url(../lib/flag-icon-css/flags/4x3/li.svg)
}

    .flag-icon-li.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/li.svg)
    }

.flag-icon-lk {
    background-image: url(../lib/flag-icon-css/flags/4x3/lk.svg)
}

    .flag-icon-lk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lk.svg)
    }

.flag-icon-lr {
    background-image: url(../lib/flag-icon-css/flags/4x3/lr.svg)
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lr.svg)
    }

.flag-icon-ls {
    background-image: url(../lib/flag-icon-css/flags/4x3/ls.svg)
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ls.svg)
    }

.flag-icon-lt {
    background-image: url(../lib/flag-icon-css/flags/4x3/lt.svg)
}

    .flag-icon-lt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lt.svg)
    }

.flag-icon-lu {
    background-image: url(../lib/flag-icon-css/flags/4x3/lu.svg)
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lu.svg)
    }

.flag-icon-lv {
    background-image: url(../lib/flag-icon-css/flags/4x3/lv.svg)
}

    .flag-icon-lv.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/lv.svg)
    }

.flag-icon-ly {
    background-image: url(../lib/flag-icon-css/flags/4x3/ly.svg)
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ly.svg)
    }

.flag-icon-ma {
    background-image: url(../lib/flag-icon-css/flags/4x3/ma.svg)
}

    .flag-icon-ma.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ma.svg)
    }

.flag-icon-mc {
    background-image: url(../lib/flag-icon-css/flags/4x3/mc.svg)
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mc.svg)
    }

.flag-icon-md {
    background-image: url(../lib/flag-icon-css/flags/4x3/md.svg)
}

    .flag-icon-md.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/md.svg)
    }

.flag-icon-me {
    background-image: url(../lib/flag-icon-css/flags/4x3/me.svg)
}

    .flag-icon-me.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/me.svg)
    }

.flag-icon-mf {
    background-image: url(../lib/flag-icon-css/flags/4x3/mf.svg)
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mf.svg)
    }

.flag-icon-mg {
    background-image: url(../lib/flag-icon-css/flags/4x3/mg.svg)
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mg.svg)
    }

.flag-icon-mh {
    background-image: url(../lib/flag-icon-css/flags/4x3/mh.svg)
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mh.svg)
    }

.flag-icon-mk {
    background-image: url(../lib/flag-icon-css/flags/4x3/mk.svg)
}

    .flag-icon-mk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mk.svg)
    }

.flag-icon-ml {
    background-image: url(../lib/flag-icon-css/flags/4x3/ml.svg)
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ml.svg)
    }

.flag-icon-mm {
    background-image: url(../lib/flag-icon-css/flags/4x3/mm.svg)
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mm.svg)
    }

.flag-icon-mn {
    background-image: url(../lib/flag-icon-css/flags/4x3/mn.svg)
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mn.svg)
    }

.flag-icon-mo {
    background-image: url(../lib/flag-icon-css/flags/4x3/mo.svg)
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mo.svg)
    }

.flag-icon-mp {
    background-image: url(../lib/flag-icon-css/flags/4x3/mp.svg)
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mp.svg)
    }

.flag-icon-mq {
    background-image: url(../lib/flag-icon-css/flags/4x3/mq.svg)
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mq.svg)
    }

.flag-icon-mr {
    background-image: url(../lib/flag-icon-css/flags/4x3/mr.svg)
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mr.svg)
    }

.flag-icon-ms {
    background-image: url(../lib/flag-icon-css/flags/4x3/ms.svg)
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ms.svg)
    }

.flag-icon-mt {
    background-image: url(../lib/flag-icon-css/flags/4x3/mt.svg)
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mt.svg)
    }

.flag-icon-mu {
    background-image: url(../lib/flag-icon-css/flags/4x3/mu.svg)
}

    .flag-icon-mu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mu.svg)
    }

.flag-icon-mv {
    background-image: url(../lib/flag-icon-css/flags/4x3/mv.svg)
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mv.svg)
    }

.flag-icon-mw {
    background-image: url(../lib/flag-icon-css/flags/4x3/mw.svg)
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mw.svg)
    }

.flag-icon-mx {
    background-image: url(../lib/flag-icon-css/flags/4x3/mx.svg)
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mx.svg)
    }

.flag-icon-my {
    background-image: url(../lib/flag-icon-css/flags/4x3/my.svg)
}

    .flag-icon-my.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/my.svg)
    }

.flag-icon-mz {
    background-image: url(../lib/flag-icon-css/flags/4x3/mz.svg)
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/mz.svg)
    }

.flag-icon-na {
    background-image: url(../lib/flag-icon-css/flags/4x3/na.svg)
}

    .flag-icon-na.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/na.svg)
    }

.flag-icon-nc {
    background-image: url(../lib/flag-icon-css/flags/4x3/nc.svg)
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/nc.svg)
    }

.flag-icon-ne {
    background-image: url(../lib/flag-icon-css/flags/4x3/ne.svg)
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ne.svg)
    }

.flag-icon-nf {
    background-image: url(../lib/flag-icon-css/flags/4x3/nf.svg)
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/nf.svg)
    }

.flag-icon-ng {
    background-image: url(../lib/flag-icon-css/flags/4x3/ng.svg)
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ng.svg)
    }

.flag-icon-ni {
    background-image: url(../lib/flag-icon-css/flags/4x3/ni.svg)
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ni.svg)
    }

.flag-icon-nl {
    background-image: url(../lib/flag-icon-css/flags/4x3/nl.svg)
}

    .flag-icon-nl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/nl.svg)
    }

.flag-icon-no {
    background-image: url(../lib/flag-icon-css/flags/4x3/no.svg)
}

    .flag-icon-no.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/no.svg)
    }

.flag-icon-np {
    background-image: url(../lib/flag-icon-css/flags/4x3/np.svg)
}

    .flag-icon-np.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/np.svg)
    }

.flag-icon-nr {
    background-image: url(../lib/flag-icon-css/flags/4x3/nr.svg)
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/nr.svg)
    }

.flag-icon-nu {
    background-image: url(../lib/flag-icon-css/flags/4x3/nu.svg)
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/nu.svg)
    }

.flag-icon-nz {
    background-image: url(../lib/flag-icon-css/flags/4x3/nz.svg)
}

    .flag-icon-nz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/nz.svg)
    }

.flag-icon-om {
    background-image: url(../lib/flag-icon-css/flags/4x3/om.svg)
}

    .flag-icon-om.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/om.svg)
    }

.flag-icon-pa {
    background-image: url(../lib/flag-icon-css/flags/4x3/pa.svg)
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pa.svg)
    }

.flag-icon-pe {
    background-image: url(../lib/flag-icon-css/flags/4x3/pe.svg)
}

    .flag-icon-pe.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pe.svg)
    }

.flag-icon-pf {
    background-image: url(../lib/flag-icon-css/flags/4x3/pf.svg)
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pf.svg)
    }

.flag-icon-pg {
    background-image: url(../lib/flag-icon-css/flags/4x3/pg.svg)
}

    .flag-icon-pg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pg.svg)
    }

.flag-icon-ph {
    background-image: url(../lib/flag-icon-css/flags/4x3/ph.svg)
}

    .flag-icon-ph.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ph.svg)
    }

.flag-icon-pk {
    background-image: url(../lib/flag-icon-css/flags/4x3/pk.svg)
}

    .flag-icon-pk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pk.svg)
    }

.flag-icon-pl {
    background-image: url(../lib/flag-icon-css/flags/4x3/pl.svg)
}

    .flag-icon-pl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pl.svg)
    }

.flag-icon-pm {
    background-image: url(../lib/flag-icon-css/flags/4x3/pm.svg)
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pm.svg)
    }

.flag-icon-pn {
    background-image: url(../lib/flag-icon-css/flags/4x3/pn.svg)
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pn.svg)
    }

.flag-icon-pr {
    background-image: url(../lib/flag-icon-css/flags/4x3/pr.svg)
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pr.svg)
    }

.flag-icon-ps {
    background-image: url(../lib/flag-icon-css/flags/4x3/ps.svg)
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ps.svg)
    }

.flag-icon-pt {
    background-image: url(../lib/flag-icon-css/flags/4x3/pt.svg)
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pt.svg)
    }

.flag-icon-pw {
    background-image: url(../lib/flag-icon-css/flags/4x3/pw.svg)
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/pw.svg)
    }

.flag-icon-py {
    background-image: url(../lib/flag-icon-css/flags/4x3/py.svg)
}

    .flag-icon-py.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/py.svg)
    }

.flag-icon-qa {
    background-image: url(../lib/flag-icon-css/flags/4x3/qa.svg)
}

    .flag-icon-qa.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/qa.svg)
    }

.flag-icon-re {
    background-image: url(../lib/flag-icon-css/flags/4x3/re.svg)
}

    .flag-icon-re.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/re.svg)
    }

.flag-icon-ro {
    background-image: url(../lib/flag-icon-css/flags/4x3/ro.svg)
}

    .flag-icon-ro.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ro.svg)
    }

.flag-icon-rs {
    background-image: url(../lib/flag-icon-css/flags/4x3/rs.svg)
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/rs.svg)
    }

.flag-icon-ru {
    background-image: url(../lib/flag-icon-css/flags/4x3/ru.svg)
}

    .flag-icon-ru.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ru.svg)
    }

.flag-icon-rw {
    background-image: url(../lib/flag-icon-css/flags/4x3/rw.svg)
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/rw.svg)
    }

.flag-icon-sa {
    background-image: url(../lib/flag-icon-css/flags/4x3/sa.svg)
}

    .flag-icon-sa.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sa.svg)
    }

.flag-icon-sb {
    background-image: url(../lib/flag-icon-css/flags/4x3/sb.svg)
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sb.svg)
    }

.flag-icon-sc {
    background-image: url(../lib/flag-icon-css/flags/4x3/sc.svg)
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sc.svg)
    }

.flag-icon-sd {
    background-image: url(../lib/flag-icon-css/flags/4x3/sd.svg)
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sd.svg)
    }

.flag-icon-se {
    background-image: url(../lib/flag-icon-css/flags/4x3/se.svg)
}

    .flag-icon-se.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/se.svg)
    }

.flag-icon-sg {
    background-image: url(../lib/flag-icon-css/flags/4x3/sg.svg)
}

    .flag-icon-sg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sg.svg)
    }

.flag-icon-sh {
    background-image: url(../lib/flag-icon-css/flags/4x3/sh.svg)
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sh.svg)
    }

.flag-icon-si {
    background-image: url(../lib/flag-icon-css/flags/4x3/si.svg)
}

    .flag-icon-si.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/si.svg)
    }

.flag-icon-sj {
    background-image: url(../lib/flag-icon-css/flags/4x3/sj.svg)
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sj.svg)
    }

.flag-icon-sk {
    background-image: url(../lib/flag-icon-css/flags/4x3/sk.svg)
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sk.svg)
    }

.flag-icon-sl {
    background-image: url(../lib/flag-icon-css/flags/4x3/sl.svg)
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sl.svg)
    }

.flag-icon-sm {
    background-image: url(../lib/flag-icon-css/flags/4x3/sm.svg)
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sm.svg)
    }

.flag-icon-sn {
    background-image: url(../lib/flag-icon-css/flags/4x3/sn.svg)
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sn.svg)
    }

.flag-icon-so {
    background-image: url(../lib/flag-icon-css/flags/4x3/so.svg)
}

    .flag-icon-so.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/so.svg)
    }

.flag-icon-sr {
    background-image: url(../lib/flag-icon-css/flags/4x3/sr.svg)
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sr.svg)
    }

.flag-icon-ss {
    background-image: url(../lib/flag-icon-css/flags/4x3/ss.svg)
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ss.svg)
    }

.flag-icon-st {
    background-image: url(../lib/flag-icon-css/flags/4x3/st.svg)
}

    .flag-icon-st.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/st.svg)
    }

.flag-icon-sv {
    background-image: url(../lib/flag-icon-css/flags/4x3/sv.svg)
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sv.svg)
    }

.flag-icon-sx {
    background-image: url(../lib/flag-icon-css/flags/4x3/sx.svg)
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sx.svg)
    }

.flag-icon-sy {
    background-image: url(../lib/flag-icon-css/flags/4x3/sy.svg)
}

    .flag-icon-sy.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sy.svg)
    }

.flag-icon-sz {
    background-image: url(../lib/flag-icon-css/flags/4x3/sz.svg)
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/sz.svg)
    }

.flag-icon-tc {
    background-image: url(../lib/flag-icon-css/flags/4x3/tc.svg)
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tc.svg)
    }

.flag-icon-td {
    background-image: url(../lib/flag-icon-css/flags/4x3/td.svg)
}

    .flag-icon-td.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/td.svg)
    }

.flag-icon-tf {
    background-image: url(../lib/flag-icon-css/flags/4x3/tf.svg)
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tf.svg)
    }

.flag-icon-tg {
    background-image: url(../lib/flag-icon-css/flags/4x3/tg.svg)
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tg.svg)
    }

.flag-icon-th {
    background-image: url(../lib/flag-icon-css/flags/4x3/th.svg)
}

    .flag-icon-th.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/th.svg)
    }

.flag-icon-tj {
    background-image: url(../lib/flag-icon-css/flags/4x3/tj.svg)
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tj.svg)
    }

.flag-icon-tk {
    background-image: url(../lib/flag-icon-css/flags/4x3/tk.svg)
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tk.svg)
    }

.flag-icon-tl {
    background-image: url(../lib/flag-icon-css/flags/4x3/tl.svg)
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tl.svg)
    }

.flag-icon-tm {
    background-image: url(../lib/flag-icon-css/flags/4x3/tm.svg)
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tm.svg)
    }

.flag-icon-tn {
    background-image: url(../lib/flag-icon-css/flags/4x3/tn.svg)
}

    .flag-icon-tn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tn.svg)
    }

.flag-icon-to {
    background-image: url(../lib/flag-icon-css/flags/4x3/to.svg)
}

    .flag-icon-to.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/to.svg)
    }

.flag-icon-tr {
    background-image: url(../lib/flag-icon-css/flags/4x3/tr.svg)
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tr.svg)
    }

.flag-icon-tt {
    background-image: url(../lib/flag-icon-css/flags/4x3/tt.svg)
}

    .flag-icon-tt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tt.svg)
    }

.flag-icon-tv {
    background-image: url(../lib/flag-icon-css/flags/4x3/tv.svg)
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tv.svg)
    }

.flag-icon-tw {
    background-image: url(../lib/flag-icon-css/flags/4x3/tw.svg)
}

    .flag-icon-tw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tw.svg)
    }

.flag-icon-tz {
    background-image: url(../lib/flag-icon-css/flags/4x3/tz.svg)
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/tz.svg)
    }

.flag-icon-ua {
    background-image: url(../lib/flag-icon-css/flags/4x3/ua.svg)
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ua.svg)
    }

.flag-icon-ug {
    background-image: url(../lib/flag-icon-css/flags/4x3/ug.svg)
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ug.svg)
    }

.flag-icon-um {
    background-image: url(../lib/flag-icon-css/flags/4x3/um.svg)
}

    .flag-icon-um.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/um.svg)
    }

.flag-icon-us {
    background-image: url(../lib/flag-icon-css/flags/4x3/us.svg)
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/us.svg)
    }

.flag-icon-uy {
    background-image: url(../lib/flag-icon-css/flags/4x3/uy.svg)
}

    .flag-icon-uy.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/uy.svg)
    }

.flag-icon-uz {
    background-image: url(../lib/flag-icon-css/flags/4x3/uz.svg)
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/uz.svg)
    }

.flag-icon-va {
    background-image: url(../lib/flag-icon-css/flags/4x3/va.svg)
}

    .flag-icon-va.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/va.svg)
    }

.flag-icon-vc {
    background-image: url(../lib/flag-icon-css/flags/4x3/vc.svg)
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/vc.svg)
    }

.flag-icon-ve {
    background-image: url(../lib/flag-icon-css/flags/4x3/ve.svg)
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ve.svg)
    }

.flag-icon-vg {
    background-image: url(../lib/flag-icon-css/flags/4x3/vg.svg)
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/vg.svg)
    }

.flag-icon-vi {
    background-image: url(../lib/flag-icon-css/flags/4x3/vi.svg)
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/vi.svg)
    }

.flag-icon-vn {
    background-image: url(../lib/flag-icon-css/flags/4x3/vn.svg)
}

    .flag-icon-vn.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/vn.svg)
    }

.flag-icon-vu {
    background-image: url(../lib/flag-icon-css/flags/4x3/vu.svg)
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/vu.svg)
    }

.flag-icon-wf {
    background-image: url(../lib/flag-icon-css/flags/4x3/wf.svg)
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/wf.svg)
    }

.flag-icon-ws {
    background-image: url(../lib/flag-icon-css/flags/4x3/ws.svg)
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ws.svg)
    }

.flag-icon-ye {
    background-image: url(../lib/flag-icon-css/flags/4x3/ye.svg)
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/ye.svg)
    }

.flag-icon-yt {
    background-image: url(../lib/flag-icon-css/flags/4x3/yt.svg)
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/yt.svg)
    }

.flag-icon-za {
    background-image: url(../lib/flag-icon-css/flags/4x3/za.svg)
}

    .flag-icon-za.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/za.svg)
    }

.flag-icon-zm {
    background-image: url(../lib/flag-icon-css/flags/4x3/zm.svg)
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/zm.svg)
    }

.flag-icon-zw {
    background-image: url(../lib/flag-icon-css/flags/4x3/zw.svg)
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url(../lib/flag-icon-css/flags/1x1/zw.svg)
    }

@media only screen and (min-width:1025px) {
    .country-selector {
        position: relative
    }

        .country-selector.active .countries-panel {
            opacity: 1;
            visibility: visible
        }
}

.country-selector .current-country {
    display: none;
    position: absolute;
    right: 3rem;
    top: .4em;
    cursor: pointer
}

@media only screen and (min-width:1025px) {
    .country-selector .current-country {
        display: block;
        right: 2.7rem
    }
}

@media only screen and (min-width:1280px) {
    .country-selector .current-country {
        right: 3rem
    }
}

.country-selector .countries-panel {
    box-sizing: content-box;
    margin-top: .5rem;
    text-align: left;
    transition: all .25s ease;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: 15.0625rem
}

    .country-selector .countries-panel h4 {
        display: none;
        margin: 0;
        padding-bottom: .1em;
        border-bottom: 1px solid #919090;
        margin-bottom: .7em;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem
    }

@media only screen and (min-width:1025px) {
    .country-selector .countries-panel h4 {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .country-selector .countries-panel {
        background-color: #fff;
        border: 1px solid #919090;
        border-top: none;
        margin-top: 2.85em;
        opacity: 0;
        padding: 1em;
        position: absolute;
        right: 0;
        visibility: hidden;
        z-index: 20
    }

        .country-selector .countries-panel img {
            width: 39px;
            height: 24px
        }
}

.country-selector .countries-panel .country-links {
    padding-left: 1.5rem
}

@media only screen and (min-width:1025px) {
    .country-selector .countries-panel .country-links {
        padding-left: 0
    }
}

.country-selector .countries-panel a {
    color: #000;
    display: block;
    padding: .5rem 0;
    text-decoration: none;
    line-height: 23px;
    line-height: 1.4375rem
}

@media only screen and (min-width:1025px) {
    .country-selector .countries-panel a {
        padding: 0;
        margin-bottom: .5rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem
    }
}

.country-selector .countries-panel a img {
    margin-right: 1em
}

.country-selector .countries-panel a span {
    vertical-align: top
}

.js-offset .country-selector .countries-panel {
    margin-top: 3.85em;
    border-color: #e8e8e8
}

.country-selector-mobile .country-flyout {
    background-color: #fff;
    left: -50%;
    margin-top: 0;
    position: fixed;
    width: 50%;
    top: 0;
    transition: left .2s ease-in;
    overflow-y: auto
}

    .country-selector-mobile .country-flyout:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (max-width:479px) {
    .country-selector-mobile .country-flyout {
        left: -70%;
        width: 70%
    }
}

.country-selector-mobile .country-flyout.active {
    left: 0;
    height: 100%
}

.country-selector-mobile a {
    color: #000;
    display: block;
    padding: 1em;
    text-decoration: none;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 13px;
    font-size: .8125rem;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: url(../images/svg-icons/arrow-right-icon.svg) no-repeat right -1px
}

    .country-selector-mobile a.selected {
        border-bottom: none
    }

    .country-selector-mobile a.country-back {
        background: none;
        color: #999
    }

        .country-selector-mobile a.country-back span {
            font-size: 22px;
            font-size: 1.375rem;
            margin-top: -3px
        }

    .country-selector-mobile a img {
        margin: 5px .2em 0 0;
        vertical-align: top;
        width: 30px;
        height: 15px
    }

    .country-selector-mobile a span {
        vertical-align: top;
        display: inline-block;
        margin-top: 5px
    }

@media only screen and (min-width:1025px) {
    .country-selector-mobile {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .ui-country-modal {
        margin-top: 3.75rem
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ui-country-modal {
        margin-top: 6.25rem
    }
}

@media only screen and (min-width:768px) {
    .ui-country-modal {
        margin-top: 9.375rem
    }
}

.ui-country-modal .ui-widget-header {
    display: none
}

.ui-country-modal #dialog-container {
    height: 100% !important;
    overflow-y: scroll
}

.country-modal-box {
    margin-bottom: 1.25rem
}

@media only screen and (max-width:767px) {
    .country-modal-box {
        padding: 1.875rem .9375rem 0 .625rem
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .country-modal-box {
        padding: 1.875rem .3125rem 0 0
    }
}

.country-modal-box .country-modal-content {
    padding: .8125rem 1.25rem 0;
    color: #000;
    text-align: center
}

.country-modal-box .country-modal-content-text p {
    font-size: 14px;
    margin: 0;
    line-height: normal;
    text-align: left;
    padding-right: .3125rem
}

@media only screen and (max-width:767px) {
    .country-modal-box .country-modal-content-text p {
        line-height: normal
    }
}

.country-modal-box .modal-button-container {
    width: 100%;
    margin: 1.625rem 0 0
}

@media only screen and (max-width:767px) {
    .country-modal-box .modal-button-container {
        margin: .625rem 0 0
    }
}

@media only screen and (max-width:1024px) {
    .country-modal-box .modal-button-container {
        margin: .625rem 0 0
    }
}

.country-modal-box .cancel_btn {
    width: 45%;
    border: 2px solid #000;
    cursor: pointer;
    height: 2.5rem;
    text-align: center;
    float: left;
    margin-right: 2.625rem
}

@media only screen and (max-width:767px) {
    .country-modal-box .cancel_btn {
        width: 100%;
        height: 1.875rem;
        margin-bottom: .625rem
    }
}

@media only screen and (max-width:1024px) {
    .country-modal-box .cancel_btn {
        width: 100%;
        height: 1.875rem;
        margin-bottom: .625rem
    }
}

.country-modal-box .cancel_btn:hover {
    opacity: .7
}

.country-modal-box .cancel_btn span {
    font-size: 13px;
    line-height: 2.5rem;
    color: #000
}

@media only screen and (max-width:767px) {
    .country-modal-box .cancel_btn span {
        line-height: 1.875rem
    }
}

@media only screen and (max-width:1024px) {
    .country-modal-box .cancel_btn span {
        line-height: 1.875rem
    }
}

.country-modal-box .proceed_btn {
    width: 45%;
    text-align: center;
    background-color: #36c;
    border: 2px solid #36c;
    cursor: pointer;
    color: #fff;
    height: 40px;
    float: left
}

@media only screen and (max-width:767px) {
    .country-modal-box .proceed_btn {
        width: 100%;
        height: 1.875rem;
        margin-bottom: 2.8125rem
    }
}

@media only screen and (max-width:1024px) {
    .country-modal-box .proceed_btn {
        width: 100%;
        height: 1.875rem;
        margin-bottom: 2.8125rem
    }
}

.country-modal-box .proceed_btn:hover {
    opacity: .7
}

.country-modal-box .proceed_btn span {
    font-size: 13px;
    line-height: 2.5rem
}

@media only screen and (max-width:767px) {
    .country-modal-box .proceed_btn span {
        line-height: 1.875rem
    }
}

@media only screen and (max-width:1024px) {
    .country-modal-box .proceed_btn span {
        line-height: 1.875rem
    }
}

#mini-cart {
    position: absolute;
    right: 1.3em;
    top: 1.8em;
    z-index: 20
}

@media only screen and (min-width:1025px) {
    #mini-cart {
        top: -2.7em;
        right: .8rem
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #mini-cart {
        top: 1.4em
    }
}

@media only screen and (min-width:1280px) {
    #mini-cart {
        right: .6rem
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    #mini-cart {
        top: 1.3em
    }
}

@media only screen and (min-width:1025px) {
    .js-offset #mini-cart {
        top: 1.2em
    }
}

#mini-cart-kiosk {
    position: absolute;
    right: 1.3em;
    top: 1.8em;
    z-index: 20;
    fill: #363534
}

@media only screen and (min-width:1025px) {
    #mini-cart-kiosk {
        top: 1.5em;
        right: .8rem
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #mini-cart-kiosk {
        top: 1.4em
    }
}

@media only screen and (min-width:1280px) {
    #mini-cart-kiosk {
        right: -4rem
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    #mini-cart-kiosk {
        top: 1.3em
    }
}

@media only screen and (min-width:1025px) {
    .js-offset #mini-cart-kiosk {
        top: 1.2em
    }
}

.mini-cart-total {
    position: relative;
    font-size: 11px;
    font-size: .6875rem
}

    .mini-cart-total .mini-cart-link {
        color: #919090;
        text-transform: uppercase
    }

        .mini-cart-total .mini-cart-link .minicart-quantity {
            background-color: #f68c2c;
            border-radius: 50%;
            color: #fff;
            height: 17px;
            width: 17px;
            line-height: 17px;
            line-height: 1.0625rem;
            position: absolute;
            right: 4px;
            text-align: center;
            top: -4px
        }

        .mini-cart-total .mini-cart-link:focus {
            outline: 1px solid transparent
        }

    .mini-cart-total .mini-cart-empty {
        color: #363534;
        transition: color .5s ease
    }

        .mini-cart-total .mini-cart-empty:hover {
            color: #919090;
            text-decoration: none
        }

        .mini-cart-total .mini-cart-empty .minicart-quantity {
            background-color: #f68c2c;
            color: #fff
        }

.mini-cart-content {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    display: none;
    position: absolute;
    right: 0;
    top: 2.8em;
    width: 22.1875rem;
    padding-bottom: 1em
}

@media only screen and (min-width:1025px) {
    .mini-cart-content {
        border-top: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mini-cart-content {
        width: 18.125rem
    }
}

.js-offset .mini-cart-content {
    top: 3.8em
}

.mini-cart-content h3.view-all-line-items {
    display: none
}

.mini-cart-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    padding: 1em 0 1em .5em;
    text-transform: uppercase
}

.mini-cart-products {
    max-height: 300px;
    padding: .5em;
    overflow: auto
}

@media only screen and (max-width:479px) {
    .mini-cart-products {
        max-height: 230px
    }
}

.mini-cart-product {
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
    padding: .5em;
    position: relative
}

    .mini-cart-product:last-of-type {
        border: none
    }

.mini-cart-image {
    float: left;
    width: 7.1875rem
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mini-cart-image {
        width: 5.625rem
    }
}

.mini-cart-image img {
    width: 104px;
    height: auto
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mini-cart-image img {
        width: 5.125rem
    }
}

.mini-cart-name {
    float: right;
    width: 11.5625rem;
    margin-bottom: .3em
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mini-cart-name {
        width: 9.0625rem
    }
}

.mini-cart-name a {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    color: #000;
    color: #363534;
    text-decoration: none
}

.mini-cart-name .name-set {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #000;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .mini-cart-name .name-set {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.42857em
    }
}

.mini-cart-attributes, .mini-cart-product .product-availability-list {
    float: right;
    width: 11.5625rem;
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mini-cart-attributes, .mini-cart-product .product-availability-list {
        width: 9.0625rem
    }
}

.mini-cart-attributes .label {
    text-transform: capitalize;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700
}

.mini-cart-attributes .attribute {
    margin-bottom: .3em
}

.mini-cart-pricing {
    clear: right;
    float: right;
    width: 11.5625rem;
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .mini-cart-pricing {
        width: 9.0625rem
    }
}

.mini-cart-pricing .label, .mini-cart-pricing .mini-cart-price {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700
}

.mini-cart-pricing .mini-cart-price {
    float: right
}

.mini-cart-totals {
    text-align: center
}

.mini-cart-subtotals {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    margin: 1em 0 0;
    padding: .5em 0;
    background: #f2f2f2;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: 100%
}

    .mini-cart-subtotals .label {
        margin: 0 .5rem
    }

    .mini-cart-subtotals .value {
        margin-right: .5rem
    }

.mini-cart-promo {
    padding: 0 .5em
}

.mini-cart-slot {
    background: #f33838;
    padding: .5em;
    margin: 0 0 1.5em;
    color: #fff;
    font-size: 12px;
    font-size: .75rem
}

.mini-cart-link-cart {
    color: #fff;
    background-color: #36c;
    border-color: #36c;
    border-width: 2px;
    line-height: 1em;
    padding: .40625rem 22px;
    min-height: 2.1875rem;
    font-size: 18px;
    font-size: 1.125rem
}

    .mini-cart-link-cart.active, .mini-cart-link-cart:active, .mini-cart-link-cart:focus, .mini-cart-link-cart:hover {
        color: #fff;
        background-color: #8fabe3;
        border-color: #8fabe3
    }

    .mini-cart-link-cart.disabled.active, .mini-cart-link-cart.disabled:active, .mini-cart-link-cart.disabled:focus, .mini-cart-link-cart.disabled:hover, .mini-cart-link-cart[disabled].active, .mini-cart-link-cart[disabled]:active, .mini-cart-link-cart[disabled]:focus, .mini-cart-link-cart[disabled]:hover, fieldset[disabled] .mini-cart-link-cart.active, fieldset[disabled] .mini-cart-link-cart:active, fieldset[disabled] .mini-cart-link-cart:focus, fieldset[disabled] .mini-cart-link-cart:hover {
        color: #fff;
        background-color: #36c;
        border-color: #36c
    }

.checkout-mini-cart {
    background: #fff
}

.closest-store-wrap {
    margin: 0 15px;
    width: 300px
}

    .closest-store-wrap .closest-store-heading {
        font-size: 16px
    }

    .closest-store-wrap .closest-store-address {
        font-size: 14px;
        line-height: 1.2
    }

        .closest-store-wrap .closest-store-address .closest-store-address-text .closest-store-phone {
            margin: 15px 0
        }

    .closest-store-wrap .closest-store-hours {
        margin-bottom: 20px;
        text-transform: uppercase;
        color: #363534
    }

    .closest-store-wrap .closest-store-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 14px
    }

        .closest-store-wrap .closest-store-links a, .closest-store-wrap .closest-store-links a:hover {
            color: #f68c2c
        }

div.customer-details .ui-icon-closethick {
    height: .9375rem;
    width: .9375rem
}

div.customer-details .ui-dialog-titlebar-close {
    height: 1.6875rem;
    width: 1.4375rem
}

div.customer-details h2 {
    margin: .0625rem .0625rem .9375rem;
    font-weight: 400;
    font-size: 20px
}

div.customer-details h3 {
    margin: 2.1875rem 0;
    color: #333
}

div.customer-details .modal-content {
    padding: .0625rem .625rem;
    color: #333
}

    div.customer-details .modal-content .step1 {
        display: block;
        text-align: left;
        white-space: normal;
        margin-bottom: 3.75rem
    }

    div.customer-details .modal-content .step2 {
        display: none;
        text-align: left;
        white-space: normal
    }

        div.customer-details .modal-content .step2 .closest-store-hours-open {
            text-transform: uppercase;
            margin: 0 0 .5rem
        }

            div.customer-details .modal-content .step2 .closest-store-hours-open .closest-store-hours-value {
                font-size: 16px
            }

        div.customer-details .modal-content .step2 .customer-service-hours-open {
            margin: 0 0 .5rem
        }

        .day div.customer-details .modal-content .step2 label.closest-store-hours-closed, .month div.customer-details .modal-content .step2 label.closest-store-hours-closed, .year div.customer-details .modal-content .step2 label.closest-store-hours-closed, div.customer-details .modal-content .step2 #wrapper ~ img.closest-store-hours-closed, div.customer-details .modal-content .step2 .closest-store-hours-closed.visually-hidden, div.customer-details .modal-content .step2 .day label.closest-store-hours-closed, div.customer-details .modal-content .step2 .month label.closest-store-hours-closed, div.customer-details .modal-content .step2 .year label.closest-store-hours-closed {
            display: none
        }

        div.customer-details .modal-content .step2 .closest-store-wrap {
            margin: 0
        }

    div.customer-details .modal-content .step3 {
        display: none;
        text-align: left;
        white-space: normal
    }

        div.customer-details .modal-content .step3 .previous-step {
            cursor: pointer;
            font-size: 14px
        }

    div.customer-details .modal-content .step4 {
        display: none;
        text-align: left;
        white-space: normal
    }

        div.customer-details .modal-content .step4 h3 {
            font-size: 18px
        }

        div.customer-details .modal-content .step4 .hours {
            font-weight: 700;
            color: #333
        }

        div.customer-details .modal-content .step4 span {
            display: block;
            font-size: 14px
        }

        div.customer-details .modal-content .step4 .email-customer-care {
            margin-top: 1.25rem;
            font-size: 12px
        }

            div.customer-details .modal-content .step4 .email-customer-care a {
                font-weight: 700;
                font-size: 14px;
                color: #333;
                text-decoration: none
            }

    div.customer-details .modal-content .previous-step5.step5 {
        cursor: pointer;
        font-size: 14px;
        display: none
    }

    div.customer-details .modal-content .step5 {
        text-align: left;
        white-space: normal;
        display: none
    }

        div.customer-details .modal-content .step5 h2 {
            margin: 0 0 .4375rem
        }

        div.customer-details .modal-content .step5 p {
            line-height: 20px
        }

        div.customer-details .modal-content .step5 .option-customer-care {
            width: 50%;
            text-align: left;
            float: left;
            line-height: 30px;
            cursor: pointer;
            font-size: 14px
        }

        div.customer-details .modal-content .step5 .previous-step5 {
            cursor: pointer
        }

        div.customer-details .modal-content .step5 .stpe5-top {
            margin-bottom: 1.5625rem
        }

        div.customer-details .modal-content .step5 .bottom-hr-step5 {
            margin-top: 10.9375rem;
            margin-bottom: 1.25rem
        }

        div.customer-details .modal-content .step5 a {
            color: #333;
            text-decoration: none
        }

    div.customer-details .modal-content .primary-btn span {
        font-size: 13px;
        line-height: 40px
    }

    div.customer-details .modal-content hr.bottom-hr-step3 {
        margin-top: 3.125rem;
        margin-bottom: 1.25rem
    }

    div.customer-details .modal-content .modal-btn-Container .primary-btn {
        background-color: #000;
        border: 1px solid #000;
        color: #fff;
        cursor: pointer;
        width: 25%;
        height: 2.125rem;
        margin-right: 1.25rem;
        text-align: center;
        text-transform: uppercase;
        display: inline-block
    }

    div.customer-details .modal-content .modal-innertext {
        white-space: normal;
        text-align: center;
        margin-top: .125rem
    }

        div.customer-details .modal-content .modal-innertext p {
            font-size: 16px;
            margin: 0 0 .3125rem;
            font-weight: 400;
            word-wrap: break-word;
            text-align: inherit;
            line-height: 20px
        }

    div.customer-details .modal-content .cust-modal-text {
        height: 85%;
        padding: .0625rem;
        color: #333;
        line-height: 18px;
        overflow: auto
    }

    div.customer-details .modal-content .ui-dialog-content {
        padding-bottom: .0625rem;
        color: #333
    }

@media only screen and (min-width:480px) {
    div.customer-details .modal-content .closest-store-links {
        width: 50%
    }
}

div.customer-details .closest-store-wrap {
    width: auto
}

    div.customer-details .closest-store-wrap .closest-store-heading .closest-zip-code {
        font-size: 14px
    }

        div.customer-details .closest-store-wrap .closest-store-heading .closest-zip-code a {
            text-decoration: none
        }

    div.customer-details .closest-store-wrap .closest-store-address .closest-store-phone {
        margin: .9375rem 0;
        font-size: 14px;
        font-weight: 500
    }

    div.customer-details .closest-store-wrap .closest-store-hours {
        color: #363534
    }

        div.customer-details .closest-store-wrap .closest-store-hours span {
            width: 25%;
            display: inline-block;
            margin-bottom: .625rem;
            font-size: 14px
        }

    div.customer-details .closest-store-wrap .customer-service-hours {
        margin-bottom: 20px;
        text-transform: uppercase;
        color: #363534
    }

.customer-care-modal {
    cursor: pointer
}

.skip-nav {
    position: absolute;
    left: -10000px
}

    .skip-nav:focus {
        top: 0;
        left: 0;
        z-index: 10000;
        padding: .5em;
        background-color: #333
    }

.top-banner {
    position: relative;
    z-index: 130;
    transition: left .2s ease-in;
    height: auto
}

@media only screen and (max-width:1024px) {
    .top-banner {
        margin-top: 22px
    }
}

.top-banner:after {
    content: "";
    display: table;
    clear: both
}

.top-banner * {
    box-sizing: border-box
}

.js-offset .top-banner {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
    left: 0;
    height: auto;
    margin-top: 0
}

    .js-offset .top-banner .utility-banner {
        height: 0
    }

        .js-offset .top-banner .utility-banner .menu-utility-user, .js-offset .top-banner .utility-banner .utility-left {
            height: 0;
            display: none
        }

    .js-offset .top-banner .local-pricing-status {
        display: none
    }

.menu-active.js-offset .top-banner {
    left: 50%
}

@media only screen and (max-width:479px) {
    .menu-active.js-offset .top-banner {
        left: 70%
    }
}

@media only screen and (min-width:1025px) {
    .menu-active.js-offset .top-banner {
        left: 0
    }
}

.top-banner .icon.store-locator-icon {
    width: 19px;
    height: 24px
}

.top-banner .icon.profile-icon {
    width: 23px;
    height: 22px
}

@media only screen and (max-width:1024px) {
    .top-banner .icon.profile-icon {
        fill: #363534;
        width: 18px;
        height: 17px;
        margin-right: .3em
    }
}

.top-banner .icon.shopping-cart-icon {
    width: 30px;
    height: 26px
}

@media only screen and (max-width:1024px) {
    .top-banner .icon.shopping-cart-icon {
        fill: #363534
    }
}

@media only screen and (max-width:767px) {
    .top-banner .sticky-promo-banner {
        display: none
    }
}

.utility-banner {
    display: none;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2);
    background: #363534
}

@media only screen and (min-width:1025px) {
    .utility-banner {
        display: block
    }
}

.utility-banner .utility-banner-wrapper {
    max-width: 1260px;
    margin: 0 auto;
    text-align: center;
    padding: 1.1em 10px
}

    .utility-banner .utility-banner-wrapper:after {
        content: "";
        display: table;
        clear: both
    }

.utility-banner .utility-left {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 1.5px;
    float: left;
    width: 80%
}

.utility-banner .dropdown-afi-headerbar {
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    position: absolute;
    font-family: Open Sans,Arial,sans-serif;
    padding-right: 20px
}

    .utility-banner .dropdown-afi-headerbar .dropdown-content-afi-headerbar {
        display: none;
        position: absolute;
        background-color: #f2f2f2;
        min-width: 250px;
        overflow: auto;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
        z-index: 20;
        font-family: Open Sans,Arial,sans-serif
    }

        .utility-banner .dropdown-afi-headerbar .dropdown-content-afi-headerbar a {
            color: #000;
            padding: 5px 16px;
            text-decoration: none;
            display: block;
            text-align: left
        }

            .utility-banner .dropdown-afi-headerbar .dropdown-content-afi-headerbar a:hover {
                background-color: #8fabe3
            }

    .utility-banner .dropdown-afi-headerbar .show-afi-link {
        display: block
    }

    .utility-banner .dropdown-afi-headerbar:after {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: auto;
        height: auto;
        line-height: normal;
        text-align: center;
        transition: all .35s;
        content: "\025B4";
        cursor: pointer
    }

    .utility-banner .dropdown-afi-headerbar.open-afi-link {
        position: absolute
    }

.utility-banner .open-afi-link:after {
    transform: rotateX(180deg);
    top: 3px
}

.utility-banner .promo-one {
    font-size: 18px;
    font-size: 1.125rem;
    margin-left: 15%;
    display: inline-block
}

@media only screen and (min-width:1280px) {
    .utility-banner .promo-one {
        margin-right: 4%;
        margin-left: 25%
    }
}

.utility-banner .promo-one a {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    letter-spacing: .5px
}

.utility-banner .promo-two {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    letter-spacing: .5px
}

    .utility-banner .promo-two span {
        font-size: 18px;
        font-size: 1.125rem
    }

.header-main {
    border-bottom: 1px solid #e8e8e8
}

    .header-main:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .header-main {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc((100vw - 100%) / -2);
        border: none
    }
}

.header-main .header-main-wrapper {
    max-width: 1260px;
    position: relative;
    margin: 0 auto;
    padding: 1em 10px .2em
}

    .header-main .header-main-wrapper:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .header-main .header-main-wrapper {
        padding-bottom: 0
    }
}

.js-offset .header-main {
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:1280px) {
    .js-offset .header-main.expand-collapse {
        height: 7.375rem
    }
}

@media only screen and (min-width:1025px) {
    .js-offset .header-main .header-main-wrapper {
        padding-bottom: 1em
    }
}

.primary-logo {
    width: 154px;
    height: 50px;
    padding: 0;
    margin: -.6em 0 .5em;
    float: left;
    z-index: 1
}

@media only screen and (min-width:480px) {
    .primary-logo {
        width: 175px;
        height: 57px
    }
}

@media only screen and (min-width:1025px) {
    .primary-logo {
        width: 175px;
        height: 56px
    }
}

@media only screen and (min-width:1280px) {
    .primary-logo {
        width: 174px;
        height: 57px;
        margin: 0 0 0 -.2em
    }
}

@media only screen and (max-width:767px) {
    .primary-logo {
        margin-bottom: 1em
    }
}

.primary-logo .sticky-max-logo {
    display: none
}

@media only screen and (min-width:1025px) {
    .js-offset .primary-logo {
        width: 154px;
        height: 50px;
        margin: -.4em 1em 1em 1.625rem
    }
}

@media only screen and (min-width:1280px) {
    .js-offset .primary-logo {
        padding-top: 0;
        width: 37px;
        height: 37px;
        margin: 0 0 0 1.625rem
    }

        .js-offset .primary-logo .standard-logo {
            display: none
        }

        .js-offset .primary-logo .sticky-max-logo {
            display: block
        }
}

.header-main-wrapper .local-pricing-status {
    display: none
}

    .header-main-wrapper .local-pricing-status .local-pricing-link-popup, .header-main-wrapper .local-pricing-status .local-pricing-link-stores {
        display: block
    }

@media only screen and (min-width:1025px) {
    .header-main-wrapper .local-pricing-status .local-pricing-zip-code {
        pointer-events: none
    }
}

@media only screen and (min-width:1025px) {
    .header-main-wrapper .local-pricing-status {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 1.5rem
    }
}

@media only screen and (max-width:1024px) {
    .header-main-wrapper .local-pricing-status {
        display: block;
        position: absolute;
        top: -22px;
        left: 0;
        width: 100%;
        height: 22px;
        line-height: 22px;
        background: #000
    }

        .header-main-wrapper .local-pricing-status .local-pricing-status-container {
            margin: auto;
            width: 330px
        }

            .header-main-wrapper .local-pricing-status .local-pricing-status-container a, .header-main-wrapper .local-pricing-status .local-pricing-status-container span {
                color: #fff
            }

            .header-main-wrapper .local-pricing-status .local-pricing-status-container .local-pricing-zip-code {
                text-decoration: underline
            }

            .header-main-wrapper .local-pricing-status .local-pricing-status-container .local-pricing-link {
                display: none
            }

            .header-main-wrapper .local-pricing-status .local-pricing-status-container .local-pricing-link-popup {
                margin-left: 5px
            }

            .header-main-wrapper .local-pricing-status .local-pricing-status-container .local-pricing-link-popup, .header-main-wrapper .local-pricing-status .local-pricing-status-container .local-pricing-link-stores {
                display: inline
            }

            .header-main-wrapper .local-pricing-status .local-pricing-status-container .local-pricing-zip-icon {
                display: none
            }
}

.header-banner {
    display: block
}

    .header-banner .header-promotion {
        background-color: #fff;
        color: #fff;
        padding: 3px 0 2px;
        text-align: center
    }

.custom-header-search-btns {
    position: absolute;
    display: none
}

    .custom-header-search-btns a {
        text-decoration: none
    }

@media only screen and (min-width:1280px) {
    .js-offset .custom-header-search-btns {
        display: block;
        top: 1.3em;
        right: 12.2rem
    }
}

.custom-header-search-btns .search-open.active svg {
    fill: rgba(0,0,0,.2)
}

.js-offset .navigation-link-sale {
    display: none
}

.navigation-link-sale {
    float: right;
    margin: 1.5% 2% 0 0
}

@media only screen and (max-width:1279px) {
    .navigation-link-sale {
        float: left;
        width: 100%;
        text-align: center;
        margin: 1.5% 0
    }
}

@media only screen and (max-width:767px) {
    .navigation-link-sale {
        margin: 3% 2% 3% 0
    }
}

.header-search {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    color: #999;
    height: 2.125rem;
    margin: 0 0 1em 1.5em;
    float: left;
    position: relative;
    width: 50%;
    z-index: 1
}

@media only screen and (min-width:1025px) {
    .header-search {
        width: calc(100% - 250px);
        max-width: 55%;
        float: right;
        height: 2.375rem
    }
}

@media only screen and (min-width:1280px) {
    .header-search {
        float: right;
        width: 477px;
        margin: .6em 0 1.4em
    }
}

.header-search .search-close {
    display: none;
    padding: 0 0 0 1em;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .header-search .icon.search-icon {
        width: 19px;
        height: 19px
    }
}

@media only screen and (max-width:767px) {
    .header-search {
        width: 100%;
        clear: both;
        float: none;
        margin-left: 0
    }
}

.cart-actions .header-search .sales-associate, .header-search .cart-actions .sales-associate, .header-search input[type=text] {
    color: #999;
    background-color: transparent;
    border: none;
    float: left;
    margin: 0;
    padding-left: 12px;
    height: 2rem;
    width: 85%;
    font-size: 12px;
    font-size: .75rem;
    width: calc(100% - 2.8rem)
}

@media only screen and (min-width:1025px) {
    .cart-actions .header-search .sales-associate, .header-search .cart-actions .sales-associate, .header-search input[type=text] {
        padding: 0 1rem;
        height: 2.25rem
    }
}

.header-search button {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 0 .65rem;
    height: 1.75rem;
    min-height: 0;
    line-height: 28px;
    line-height: 1.75rem
}

@media only screen and (min-width:1025px) {
    .header-search button {
        padding: 0 .6rem;
        height: 2.25rem;
        margin-top: -1px
    }
}

.header-search button:hover {
    color: #36c
}

.header-search form {
    margin-bottom: 0
}

@media only screen and (min-width:1025px) {
    .js-offset .header-search {
        margin-top: 0;
        width: 60%;
        max-width: 60%;
        float: left
    }
}

@media only screen and (min-width:1280px) {
    .js-offset .header-search {
        display: none
    }
}

.js-offset .header-search .search-close {
    display: none
}

@media only screen and (min-width:1025px) {
    .js-offset .header-search .search-close {
        display: inline-block
    }
}

@media only screen and (min-width:1280px) {
    .js-offset .header-search.sticky-show {
        display: block;
        position: absolute;
        height: auto;
        top: 100%;
        right: 10px;
        left: 10px;
        width: auto;
        max-width: 1280px;
        margin: 0;
        border: 1px solid #e8e8e8;
        background: #fff
    }

        .js-offset .header-search.sticky-show input {
            padding: 0;
            height: 36px;
            width: calc(100% - 40px);
            text-indent: 18px
        }

        .js-offset .header-search.sticky-show button {
            height: inherit;
            padding: 0 .5em;
            height: 36px;
            border-right: 1px solid #fff
        }

        .js-offset .header-search.sticky-show .icon.search-icon {
            width: 19px;
            height: 19px
        }
}

@media only screen and (min-width:1025px) {
    .off-canvas-nav-show {
        display: none
    }
}

.off-canvas-nav-show .menu-utility-user .stores {
    display: none
}

.off-canvas-nav-show .menu-utility-user .tracker-mobile {
    height: 40px;
    width: 100%;
    position: relative;
    padding: .8em 0 .8em .8rem;
    font-weight: 600
}

    .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content {
        display: none;
        position: absolute;
        left: .5px;
        background-color: #fff;
        width: 100%;
        max-height: 233px;
        text-align: center;
        z-index: 2;
        top: 46px;
        box-sizing: border-box;
        border: 1px solid #f2f2f2;
        border-radius: none;
        box-shadow: 5px 5px 5px rgba(0,0,0,.34902)
    }

        .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content:after {
            content: " ";
            position: absolute;
            left: 12.5%;
            top: -13px;
            width: none;
            height: none;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom: 15px solid #fff;
            clear: both
        }

        .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content .ash-delivery {
            border-bottom: 1px solid;
            margin: auto;
            padding: 0 0 17px
        }

            .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content .ash-delivery .desc {
                font-size: 13px;
                font-weight: 500
            }

        .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content .ups-delivery {
            margin: auto;
            padding: 0 0 17px
        }

            .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content .ups-delivery .desc {
                font-size: 13px;
                font-weight: 500
            }

        .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content h3 {
            padding: 15px 0 0;
            width: 88%;
            margin: auto
        }

        .off-canvas-nav-show .menu-utility-user .tracker-mobile .mobile-tracker-content .button {
            font-size: 12px;
            text-transform: none;
            padding: .60625rem 22px
        }

.mobile-zip-code .local-pricing-status {
    display: none
}

.main-utility-show {
    position: relative;
    float: right;
    width: 15rem;
    margin-top: -.3em
}

    .main-utility-show.reg-header {
        display: block
    }

    .main-utility-show.sticky-and-mobile-header {
        display: none;
        margin-top: 0
    }

@media only screen and (max-width:1024px) {
    .main-utility-show.sticky-and-mobile-header {
        width: 5.9375rem;
        display: block
    }

        .main-utility-show.sticky-and-mobile-header .menu-utility-user .stores {
            padding-top: .4em
        }
}

@media only screen and (max-width:767px) {
    .main-utility-show.sticky-and-mobile-header {
        margin-top: -8.5em;
        width: 5.3125rem
    }
}

@media only screen and (min-width:1025px) {
    .main-utility-show .menu-utility-user {
        position: absolute;
        right: 5.6em;
        top: .1em
    }
}

@media only screen and (min-width:1280px) {
    .main-utility-show .menu-utility-user {
        right: 5.9em
    }
}

.main-utility-show .menu-utility-user .stores {
    display: block
}

    .main-utility-show .menu-utility-user .stores .icon.store-locator-icon {
        fill: #363534
    }

@media only screen and (min-width:1025px) {
    .main-utility-show .menu-utility-user .stores .icon.store-locator-icon {
        fill: #fff
    }
}

.main-utility-show .menu-utility-user .tracker {
    position: relative;
    display: inline-block
}

    .main-utility-show .menu-utility-user .tracker .truck-icon {
        width: 32px;
        height: 22px
    }

    .main-utility-show .menu-utility-user .tracker .tracker-content {
        display: none;
        position: absolute;
        left: -300%;
        background-color: #fff;
        min-width: 403px;
        max-height: 233px;
        text-align: left;
        z-index: 2;
        top: 37px;
        box-sizing: border-box;
        border: 1px solid #f2f2f2;
        border-radius: none;
        box-shadow: 5px 5px 5px rgba(0,0,0,.34902)
    }

        .main-utility-show .menu-utility-user .tracker .tracker-content:after {
            content: " ";
            position: absolute;
            left: 38.5%;
            top: -13px;
            width: none;
            height: none;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom: 15px solid #fff;
            clear: both
        }

        .main-utility-show .menu-utility-user .tracker .tracker-content .ash-delivery {
            border-bottom: 1px solid;
            width: 88%;
            margin: auto;
            padding: 0 0 17px
        }

            .main-utility-show .menu-utility-user .tracker .tracker-content .ash-delivery .desc {
                font-size: 13px
            }

        .main-utility-show .menu-utility-user .tracker .tracker-content .ups-delivery {
            width: 88%;
            margin: auto;
            padding: 0 0 17px
        }

            .main-utility-show .menu-utility-user .tracker .tracker-content .ups-delivery .desc {
                font-size: 13px
            }

        .main-utility-show .menu-utility-user .tracker .tracker-content h3 {
            padding: 15px 0 0;
            width: 88%;
            margin: auto
        }

        .main-utility-show .menu-utility-user .tracker .tracker-content .button {
            font-size: 12px;
            text-transform: none;
            padding: .60625rem 22px
        }

    .main-utility-show .menu-utility-user .tracker:hover .tracker-content {
        display: block
    }

.main-utility-show .menu-utility-user .user-info {
    display: none
}

@media only screen and (min-width:1025px) {
    .main-utility-show .menu-utility-user .user-info {
        display: block
    }
}

.main-utility-show .country-selector {
    display: none
}

@media only screen and (min-width:1025px) {
    .main-utility-show .country-selector {
        display: block
    }
}

.js-offset .main-utility-show.sticky-and-mobile-header {
    display: block
}

.js-offset .main-utility-show.reg-header .country-selector, .js-offset .main-utility-show.reg-header .menu-utility-user {
    display: none
}

@media only screen and (min-width:1025px) {
    .js-offset .main-utility-show .menu-utility-user .stores .icon.store-locator-icon {
        fill: #363534
    }
}

@media only screen and (min-width:1280px) {
    .js-offset .main-utility-show .menu-utility-user li {
        padding-right: 1.25rem
    }
}

.breadcrumb {
    line-height: 1em;
    margin: 0;
    padding: 1.5em 0
}

    .breadcrumb li {
        display: inline-block;
        font-size: 12px;
        font-size: .75rem;
        padding-bottom: .3125rem;
        list-style: none outside none
    }

        .breadcrumb li:after {
            color: #666;
            content: ">";
            margin-left: .4em
        }

        .breadcrumb li a {
            text-decoration: none
        }

        .breadcrumb li:last-child:after {
            content: ""
        }

        .breadcrumb li:last-child a {
            color: #000
        }

        .breadcrumb li.breadcrumb-refined-by:last-child, .breadcrumb li.breadcrumb-refinement:last-child {
            font-weight: 700
        }

            .breadcrumb li.breadcrumb-refined-by:last-child:after, .breadcrumb li.breadcrumb-refinement:last-child:after {
                content: ""
            }

.paging-current-page {
    left: -999em;
    position: absolute
}

.breadcrumb-refinement {
    font-weight: 700
}

    .breadcrumb-refinement:after {
        content: attr(data-divider);
        font-style: normal
    }

    .breadcrumb-refinement:last-of-type:after {
        content: ""
    }

.breadcrumb-refinement-value {
    background-color: rgba(36,179,55,.3);
    display: inline-block;
    border-radius: 3px;
    margin: 0 .42em .42em 0;
    padding: 0 .42em
}

.breadcrumb-relax {
    background: none;
    color: #f33838;
    font-style: normal;
    padding: 0 0 0 .4em
}

.breadcrumb-result-text a, .breadcrumb .searchphraselink {
    background: none;
    color: #36c;
    padding: 0
}

.breadcrumb .searchphraselink {
    text-transform: capitalize
}

.primary-content dl {
    clear: both;
    overflow: hidden
}

    .primary-content dl dt {
        clear: both;
        float: left;
        margin: 2% 0 0;
        min-width: 15%
    }

    .primary-content dl dd {
        float: left;
        margin: 2% 0 0;
        padding: 0 0 0 5%
    }

.col-1 {
    float: left;
    margin: 4px 0;
    width: 48%
}

@media only screen and (max-width:767px) {
    .col-1 {
        float: none;
        width: 100%
    }
}

.col-2 {
    float: right;
    margin: 4px 0;
    width: 48%
}

@media only screen and (max-width:767px) {
    .col-2 {
        float: none;
        width: 100%
    }
}

.content-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.08333em;
    margin: 0 0 .5em;
    font-size: 22px;
    font-size: 1.375rem
}

.pt_gift-registry .primary-content h3, .section-header {
    font-weight: 700;
    margin: 0;
    padding: 1em;
    position: relative;
    text-transform: uppercase
}

    .pt_gift-registry .primary-content h3 .dialog-required, .section-header .dialog-required {
        text-transform: none
    }

.section-header-note {
    font-size: .9em;
    font-weight: 400;
    text-transform: none
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_gift-registry .primary-content table h3, table .pt_gift-registry .primary-content h3, table .section-header {
        font-size: 1em !important
    }
}

.back {
    display: block;
    margin: 0 0 10px
}

.pt_content-search-result .back {
    margin-bottom: 2em;
    font-size: 18px;
    font-size: 1.125rem
}

    .pt_content-search-result .back a {
        color: #000;
        font-size: 14px;
        font-size: .875rem
    }

.item-list {
    margin-bottom: 1em
}

    .item-list tr {
        border-top: 1px solid #e8e8e8
    }

        .item-list tr.last {
            border: 0 none
        }

        .item-list tr.headings {
            display: none
        }

    .item-list td {
        padding: 1em;
        vertical-align: top
    }

#cart-table td, .product-table td, .pt_gift-registry fieldset .item-list td {
    box-sizing: border-box;
    display: block;
    float: right;
    width: 60%;
    padding: 1rem 0 0 2.5%
}

@media only screen and (max-width:767px) {
    #cart-table td:last-of-type, .product-table td:last-of-type, .pt_gift-registry fieldset .item-list td:last-of-type {
        padding-bottom: .625rem
    }
}

@media only screen and (min-width:768px) {
    #cart-table td, .product-table td, .pt_gift-registry fieldset .item-list td {
        display: table-cell;
        float: none;
        width: auto;
        padding: .625rem
    }

        #cart-table td:last-of-type, .product-table td:last-of-type, .pt_gift-registry fieldset .item-list td:last-of-type {
            padding-right: 0
        }
}

#cart-table .item-image, .product-table .item-image, .pt_gift-registry fieldset .item-list .item-image {
    float: left;
    text-align: center;
    width: 40%;
    padding-left: 0
}

@media only screen and (min-width:768px) {
    #cart-table .item-image, .product-table .item-image, .pt_gift-registry fieldset .item-list .item-image {
        float: none;
        width: auto;
        padding-left: .625rem;
        padding-right: 0
    }
}

#cart-table .item-image img, .product-table .item-image img, .pt_gift-registry fieldset .item-list .item-image img {
    display: inline-block;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    #cart-table .item-details, .product-table .item-details, .pt_gift-registry fieldset .item-list .item-details {
        width: 32%
    }
}

#cart-table .item-details .name, .product-table .item-details .name, .pt_gift-registry fieldset .item-list .item-details .name {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width:768px) {
    #cart-table .item-dashboard, .product-table .item-dashboard, .pt_gift-registry fieldset .item-list .item-dashboard {
        width: 38%
    }
}

#loading-overlay-global {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background: hsla(0,0%,100%,.7) url(../lib/slick/ajax-loader.gif) 50% no-repeat;
    z-index: 130
}

.pt_product-search-noresult a, .pt_product-search-result a {
    text-decoration: none
}

.pt_product-search-noresult .category-refinement, .pt_product-search-noresult .refinements > h3.refinement-header, .pt_product-search-noresult h3.refinement-header.no-search-results, .pt_product-search-result .category-refinement, .pt_product-search-result .refinements > h3.refinement-header, .pt_product-search-result h3.refinement-header.no-search-results {
    display: none
}

    .pt_product-search-noresult .category-refinement.refine-attribute, .pt_product-search-noresult .refinements > h3.refinement-header.refine-attribute, .pt_product-search-noresult h3.refinement-header.no-search-results.refine-attribute, .pt_product-search-result .category-refinement.refine-attribute, .pt_product-search-result .refinements > h3.refinement-header.refine-attribute, .pt_product-search-result h3.refinement-header.no-search-results.refine-attribute {
        display: block
    }

@media only screen and (min-width:768px) {
    .pt_product-search-noresult .category-refinement, .pt_product-search-noresult .refinements > h3.refinement-header, .pt_product-search-noresult h3.refinement-header.no-search-results, .pt_product-search-result .category-refinement, .pt_product-search-result .refinements > h3.refinement-header, .pt_product-search-result h3.refinement-header.no-search-results {
        display: block
    }
}

.refinements > h3.refinement-header, h3.refinement-header.no-search-results {
    background-color: #363534;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: .025em;
    font-feature-settings: "liga" 0;
    margin: 0;
    padding: 10px 20px
}

.more-filters-button {
    display: inline-block;
    padding: .5em;
    margin-right: 1em;
    font-weight: 600;
    cursor: pointer
}

    .more-filters-button.mobile-filters-button {
        border: 1px solid #f2f2f2;
        border-radius: 4px;
        padding: .5em 1em;
        line-height: 1.1rem
    }

.mobile-product-count .results-hits-wrap {
    display: inline-block;
    line-height: 2rem;
    margin-bottom: 0;
    color: #000
}

.mobile-product-count .paging-button {
    display: inline-block
}

    .mobile-product-count .paging-button a {
        display: inline-block;
        margin: 0 .25rem;
        font-size: 2rem;
        border: 2px solid #f2f2f2;
        border-radius: 4px;
        width: 2rem;
        height: 2rem;
        line-height: 1.35rem;
        color: #000;
        box-sizing: border-box
    }

.dropdown {
    position: relative;
    display: none;
    background-color: #f2f2f2;
    padding: .5em 2em .5em 1em;
    margin-right: 1em;
    border-radius: 3px;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .dropdown {
        display: inline-block
    }

        .dropdown:nth-of-type(n+3) {
            display: none
        }
}

@media only screen and (min-width:1025px) {
    .dropdown:nth-of-type(n+3) {
        display: inline-block
    }
}

.dropdown:after {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s
}

.dropdown:hover:after {
    transform: translateY(-50%) rotate(180deg)
}

.dropdown .refinement {
    padding: 0;
    border: none
}

    .dropdown .refinement h3:after {
        content: ""
    }

    .dropdown .refinement ul {
        margin: 0
    }

        .dropdown .refinement ul.swatches li {
            margin: 0 .25rem .5rem
        }

        .dropdown .refinement ul.color, .dropdown .refinement ul.color2 {
            margin-top: 0
        }

        .dropdown .refinement ul li {
            padding-bottom: 1em
        }

            .dropdown .refinement ul li.selected .disc {
                background-color: #36c
            }

        .dropdown .refinement ul.scrollable {
            max-height: 15em;
            height: auto
        }

    .dropdown .refinement:last-of-type {
        border: none
    }

.dropdown .refinement-options {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 1.8em;
    left: -1em;
    z-index: 100;
    padding-top: .45em;
    min-width: 200px;
    transition: opacity .5s ease-in-out;
    background-color: transparent
}

    .dropdown .refinement-options .options-card {
        padding: .45em;
        background: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 6px;
        box-shadow: 0 1px 4px 0 #f2f2f2
    }

.dropdown:hover .refinement-options {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out
}

@keyframes b {
    0% {
        right: -505px
    }

    to {
        right: 0
    }
}

@keyframes c {
    0% {
        right: 0
    }

    to {
        right: -505px
    }
}

.filters-flyout-menu-container {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000
}

    .filters-flyout-menu-container .close-button {
        color: #fff;
        right: calc(100% - 50px);
        position: absolute;
        font-size: 1.2rem;
        top: 24px;
        border: 2px solid #fff;
        border-radius: 50%;
        line-height: 35px;
        width: 35px;
        height: 35px;
        text-align: center;
        cursor: pointer
    }

@media only screen and (min-width:480px) {
    .filters-flyout-menu-container .close-button {
        right: calc(100% - 90px)
    }
}

@media only screen and (min-width:768px) {
    .filters-flyout-menu-container .close-button {
        right: 525px
    }
}

.filters-flyout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -505px;
    width: calc(100% - 60px);
    overflow-y: auto;
    z-index: 200;
    background-color: #f2f2f2;
    animation-name: c;
    animation-duration: .5s
}

@media only screen and (min-width:480px) {
    .filters-flyout-menu {
        width: calc(100% - 100px)
    }
}

@media only screen and (min-width:768px) {
    .filters-flyout-menu {
        width: 505px
    }
}

.filters-flyout-menu.expanded {
    right: 0;
    animation-name: b
}

.filters-flyout-menu .accordion-menu {
    margin: 1em 1.5em;
    background-color: #fff
}

.filters-flyout-menu .refinement {
    padding: 0;
    margin: 0;
    border: none
}

    .filters-flyout-menu .refinement ul {
        margin: 0;
        padding: 0 1em 1em;
        display: none
    }

    .filters-flyout-menu .refinement h3:after {
        right: 1em
    }

    .filters-flyout-menu .refinement .scrollable {
        height: auto
    }

    .filters-flyout-menu .refinement .filter-count {
        display: none
    }

@media only screen and (min-width:1025px) {
    .filters-flyout-menu .refinement .filter-count {
        display: block
    }
}

.filters-flyout-menu .refinement-top-level {
    background-color: #fff;
    padding: 1.7rem 1.5rem
}

    .filters-flyout-menu .refinement-top-level h2 {
        font-size: 1.5rem;
        display: inline-block;
        width: 49%;
        margin: 0
    }

@media only screen and (min-width:480px) {
    .filters-flyout-menu .refinement-top-level h2 {
        width: 60%
    }
}

@media only screen and (min-width:768px) {
    .filters-flyout-menu .refinement-top-level h2 {
        width: 80%
    }
}

.filters-flyout-menu .refinement-top-level .clear-all-link {
    display: inline-block;
    width: 49%;
    margin: 0;
    text-align: right;
    font-size: 1.2rem;
    font-weight: 700
}

@media only screen and (min-width:480px) {
    .filters-flyout-menu .refinement-top-level .clear-all-link {
        width: 39%
    }
}

@media only screen and (min-width:768px) {
    .filters-flyout-menu .refinement-top-level .clear-all-link {
        width: 19%
    }
}

.filters-flyout-menu .refinement-options {
    display: none;
    padding: 0 1rem 1rem
}

.filters-flyout-menu .refinement-header {
    padding: 1.25rem 1rem;
    font-size: 1.25em
}

li.pages-menu-label-last > .main-menu-ln:after, li.pages-menu-label > .main-menu-ln:after {
    content: url(../images/svg-icons/drawer-plus-gray-icon.svg);
    margin-top: 2px;
    float: right
}

li.pages-menu-label-last > .main-menu-ln.expanded:after, li.pages-menu-label > .main-menu-ln.expanded:after {
    content: url(../images/svg-icons/drawer-minus-gray-icon.svg);
    margin-top: 2px;
    float: right
}

.refinement {
    position: relative;
    padding: 20px 0 24px;
    border-top: 1px solid #e8e8e8
}

@media only screen and (max-width:767px) {
    .refinement {
        margin: 0 20px
    }
}

.pt_categorylanding .refinement {
    display: none
}

    .pt_categorylanding .refinement.category-refinement {
        display: block
    }

.pt_product-search-noresult .refinement:last-of-type {
    border-bottom: none
}

.pt_content-search-result .refinement {
    border: none;
    padding: .5em 0
}

    .pt_content-search-result .refinement .refinement-link {
        font-size: 14px;
        font-size: .875rem
    }

.refinement h3 {
    position: relative;
    margin-bottom: 0;
    color: #363534;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ie7 .refinement h3 {
    clear: both
}

.refinement h3 i {
    color: #f33838
}

.refinement h3:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    content: url(../images/svg-icons/drawer-plus-gray-icon.svg)
}

.refinement h3.expanded:after {
    margin-top: -15px;
    content: url(../images/svg-icons/drawer-minus-gray-icon.svg)
}

.refinement h3.arvr-refinement:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    content: ""
}

.refinement h3.arvr-refinement .blue-tick {
    background: url(../images/checkmark.png) no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    float: right
}

.refinement h3 .fa:before {
    content: ""
}

.refinement.category-refinement ul li, .refinement.Category ul li {
    width: 100%;
    padding-left: .55em;
    padding-bottom: 0
}

    .refinement.category-refinement ul li a, .refinement.Category ul li a {
        position: relative;
        display: block;
        overflow: none;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        color: #000;
        text-decoration: none;
        line-height: 24px;
        line-height: 1.5rem
    }

        .refinement.category-refinement ul li a.active, .refinement.Category ul li a.active {
            color: #36c
        }

.refinement.category-refinement .category-level-2, .refinement.Category .category-level-2 {
    margin-top: .625rem
}

    .refinement.category-refinement .category-level-2 > li, .refinement.Category .category-level-2 > li {
        margin-bottom: .625rem
    }

        .refinement.category-refinement .category-level-2 > li:last-of-type, .refinement.Category .category-level-2 > li:last-of-type {
            margin-bottom: 0
        }

.refinement.category-refinement ul#category-level-1 > li, .refinement.Category ul#category-level-1 > li {
    border-top: 1px solid #e8e8e8;
    padding: 20px 0
}

    .refinement.category-refinement ul#category-level-1 > li:last-of-type, .refinement.Category ul#category-level-1 > li:last-of-type {
        border-bottom: 1px solid #e8e8e8
    }

    .refinement.category-refinement ul#category-level-1 > li > a, .refinement.Category ul#category-level-1 > li > a {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: .9375rem;
        color: #000;
        text-decoration: none
    }

        .refinement.category-refinement ul#category-level-1 > li > a:hover, .refinement.Category ul#category-level-1 > li > a:hover {
            color: #999;
            color: #36c
        }

        .refinement.category-refinement ul#category-level-1 > li > a:after, .refinement.Category ul#category-level-1 > li > a:after {
            display: inline-block;
            position: absolute;
            top: 50%;
            margin-top: -10px;
            right: 10px;
            content: url(../images/svg-icons/drawer-plus-gray-icon.svg)
        }

        .refinement.category-refinement ul#category-level-1 > li > a.active:after, .refinement.Category ul#category-level-1 > li > a.active:after {
            margin-top: -15px;
            content: url(../images/svg-icons/drawer-minus-gray-icon.svg)
        }

.refinement ul {
    display: none;
    list-style: none outside none;
    margin: 1.125rem 0 0;
    padding: 0
}

    .refinement ul.color, .refinement ul.color2 {
        margin-top: .875rem
    }

    .refinement ul.swatches li {
        float: left;
        padding: 2px;
        margin: 0 .5625rem .5rem 0;
        border: 1px solid transparent
    }

        .refinement ul.swatches li .color-label {
            float: right;
            width: 80%;
            margin-top: 10px
        }

        .refinement ul.swatches li.selected .color-swatch {
            border: 1px solid #919090;
            border-color: 1px solid #919090;
            border-radius: 50%;
            display: inline-block;
            height: 1.9375rem;
            width: 1.9375rem;
            padding: .0625rem .125rem .125rem .0625rem
        }

        .refinement ul.swatches li.selected .color-label {
            text-decoration: underline
        }

@media only screen and (max-width:767px) {
    .refinement ul.swatches li.selected {
        border: 1px solid #919090;
        border-color: #36c;
        border-radius: 50%;
        vertical-align: middle
    }
}

.refinement ul.swatches li.unselectable a {
    opacity: .3
}

.refinement ul.swatches li a {
    border: 1px solid #919090;
    border-radius: 50%;
    display: inline-block;
    color: transparent;
    height: 1.875rem;
    width: 1.875rem;
    outline: 0;
    vertical-align: middle
}

@media only screen and (min-width:1025px) {
    .refinement ul.swatches li {
        width: 100%
    }
}

.refinement ul li .disc {
    border-radius: 50%
}

.refinement ul li .box, .refinement ul li .disc {
    height: 17px;
    width: 17px;
    display: inline-block;
    border: 2px solid #c2c2c2;
    box-sizing: border-box;
    margin-top: .2rem
}

.refinement ul li.selected .box, .refinement ul li.selected .disc {
    background-color: #36c
}

.refinement ul.refinementColor li a {
    height: 23px;
    padding: 0;
    text-indent: -999em;
    width: 30px
}

.refinement ul .fa-angle-right:before {
    content: ""
}

.refinement li:after {
    content: "";
    display: table;
    clear: both
}

.refinement li:last-of-type {
    padding-bottom: 0
}

.refinement li i.fa-check-square-o:before, .refinement li i.fa-square-o:before {
    content: "";
    background: #fff;
    border: 1px solid #e8e8e8;
    display: inline-block;
    vertical-align: text-bottom;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 8px;
    text-align: center
}

.refinement li i.fa-check-square-o:before {
    background: url(../images/svg-icons/checkmark-icon.svg) no-repeat 50% #000
}

.refinement .clear-refinement {
    margin-top: .625rem;
    font-weight: 700;
    text-align: right
}

    .refinement .clear-refinement a {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        color: #000;
        text-decoration: none
    }

.refinement .refinement-link {
    border: 0 none;
    outline: none
}

.refinement .selected .refinement-link {
    background-position: 0 100%
}

.refinement a {
    color: #363534;
    outline: none
}

.refinement .refinement-value {
    float: right;
    width: calc(100% - 30px);
    margin-top: 2px
}

.category-landing-refinement.refinement {
    padding-top: 0;
    padding-right: .9375rem;
    box-sizing: border-box
}

    .category-landing-refinement.refinement.category-refinement.refinement {
        border: none
    }

    .category-landing-refinement.refinement .parent-category-list {
        margin-top: 0
    }

        .category-landing-refinement.refinement .parent-category-list > li {
            padding-left: 0;
            box-sizing: border-box
        }

            .category-landing-refinement.refinement .parent-category-list > li > .refinement-link {
                margin-bottom: .625rem;
                font-size: 16px;
                font-weight: 600
            }

            .category-landing-refinement.refinement .parent-category-list > li ul {
                margin-bottom: 1.25rem
            }

                .category-landing-refinement.refinement .parent-category-list > li ul li {
                    padding-left: .9375rem
                }

    .category-landing-refinement.refinement .refinement-link {
        margin-bottom: .1875rem
    }

        .category-landing-refinement.refinement .refinement-link.selected-category {
            color: #f68d2d
        }

.scrollable {
    height: auto;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .scrollable {
        height: auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .scrollable {
        height: auto
    }
}

.nav {
    padding-top: 1.25rem;
    text-align: center
}

    .nav ul {
        border: 0 none;
        list-style: none outside none;
        margin: .58em 0;
        padding: 0 !important
    }

        .nav ul li {
            list-style: none outside none !important;
            margin: 0 0 .7em;
            padding-bottom: 0;
            font-size: 16px;
            font-size: 1rem
        }

            .nav ul li a {
                text-decoration: none;
                color: #000;
                font-family: Open Sans,Arial,sans-serif;
                font-weight: 600
            }

    .nav .toggle {
        border: 0 none;
        display: block;
        font-size: 1em;
        font-weight: 700;
        margin: .83em 0 .58em;
        text-transform: capitalize
    }

        .nav .toggle span {
            background: none repeat scroll 0 0 transparent
        }

    .nav .expanded {
        background-position: left -96px
    }

@media only screen and (min-width:768px) {
    .nav {
        text-align: left
    }
}

.nav .checkout-mini-cart {
    text-align: left;
    padding-top: .5em
}

.left-sub-menu .table {
    margin-bottom: 1.25rem
}

.left-sub-menu .refinement-header {
    font-size: 20px
}

.left-sub-menu .af-brown-banner {
    display: none
}

.left-sub-menu .filter-header {
    font-weight: 700;
    font-size: 22px
}

.left-sub-menu .pages-menu {
    height: auto;
    overflow: hidden
}

    .left-sub-menu .pages-menu > li {
        display: list-item;
        padding-bottom: 0;
        padding-top: 0;
        padding-left: 15px;
        text-align: left;
        border-bottom: 1px solid #fff
    }

        .left-sub-menu .pages-menu > li > a {
            padding: 10px;
            font-weight: 500;
            vertical-align: middle;
            text-align: left
        }

.left-sub-menu .pages-menu-label:after {
    content: none
}

.left-sub-menu ul.pages-menu:after {
    font-size: 14px;
    font-weight: 600
}

.left-sub-menu .pages-menu-option {
    cursor: pointer
}

    .left-sub-menu .pages-menu-option span {
        padding: .625rem;
        display: block
    }

@media only screen and (max-width:1024px) {
    .left-sub-menu .slot-grid-header {
        display: none
    }
}

.left-sub-menu .facet-bar {
    margin: .625rem 0 1.25rem;
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (max-width:1024px) {
    .left-sub-menu .facet-bar {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .left-sub-menu {
        width: 20%;
        display: inline-block;
        float: left
    }
}

@media only screen and (max-width:767px) {
    .left-sub-menu {
        border-bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    .left-sub-menu .leftnav-footer-image {
        display: none
    }
}

footer {
    background-color: #fff;
    clear: both;
    margin-bottom: .5em
}

.footer-left, .footer-right {
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .footer-left, .footer-right {
        display: inline-block;
        width: 49%
    }
}

.footer-right {
    clear: both;
    padding-top: 1em
}

@media only screen and (min-width:768px) {
    .footer-right {
        clear: none;
        padding-top: 0
    }
}

.footer-container {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px;
    position: relative;
    padding-top: 1.3125rem
}

    .footer-container:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:768px) {
    .footer-container {
        padding-top: 3.125rem
    }
}

.footer-container h4 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    line-height: 1.28571em;
    margin: 0 0 .3em;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase
}

.footer-top:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width:768px) {
    .footer-top {
        border-bottom: 1px solid #919090;
        margin-bottom: 1.875rem
    }
}

.footer-ashley-card {
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    line-height: 1.125rem
}

@media only screen and (max-width:767px) {
    .footer-ashley-card {
        border-bottom: 1px solid #919090
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-ashley-card {
        font-size: 12px;
        font-size: .75rem
    }
}

.footer-ashley-card img, .footer-ashley-card span {
    display: inline-block;
    vertical-align: top
}

.footer-ashley-card span {
    width: 60%
}

.footer-ashley-card a {
    color: #f68c2c
}

.footer-social .content-asset ul {
    padding: 0;
    margin: 1em 0;
    list-style-type: none;
    text-align: center
}

    .footer-social .content-asset ul:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:768px) {
    .footer-social .content-asset ul {
        text-align: right;
        margin: 1.5em 0 0
    }
}

.footer-social .content-asset li {
    display: inline-block;
    width: 10%;
    min-width: 34px;
    padding: .3em;
    text-align: center
}

@media only screen and (min-width:768px) {
    .footer-social .content-asset li {
        width: auto;
        padding: 0 .25em;
        text-align: left
    }

        .footer-social .content-asset li:first-of-type {
            padding-left: 0
        }

        .footer-social .content-asset li:last-of-type {
            padding-right: 0
        }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-social .content-asset li {
        padding: 0 .25em
    }
}

@media only screen and (max-width:479px) {
    .footer-social .content-asset li {
        padding: .5em .6em
    }
}

.footer-item, .footer-social .content-asset li a {
    display: block
}

.footer-item {
    padding: 0;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width:768px) {
    .footer-item {
        width: 26%;
        float: left
    }

        .footer-item:last-of-type {
            width: 18%
        }
}

.footer-item .link-section {
    margin: 0;
    padding: .7em 0;
    border-top: 1px solid #919090
}

@media only screen and (max-width:767px) {
    .footer-item .link-section h4 {
        padding: .8em 0;
        margin-bottom: 0;
        background: url(../images/svg-icons/arrow-down-icon.svg) no-repeat 100%
    }

        .footer-item .link-section h4.down {
            background-image: url(../images/svg-icons/arrow-up-icon.svg);
            background-position: 100%
        }
}

@media only screen and (min-width:1025px) {
    .footer-item .link-section {
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 0 .5em 0 0;
        margin: 0;
        border-top: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-item .link-section {
        box-sizing: border-box;
        padding: 0 .5em 0 0;
        margin: 0;
        border-top: none
    }
}

.footer-item .link-section.footer-link-section {
    border-bottom: none
}

.content-asset .menu-footer {
    float: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:768px) {
    .content-asset .menu-footer {
        margin: .75em 0
    }
}

@media only screen and (max-width:767px) {
    .content-asset .menu-footer {
        display: none
    }

        .content-asset .menu-footer.expanded {
            display: block
        }
}

.content-asset .menu-footer li {
    float: none;
    line-height: normal;
    padding-bottom: 1em;
    list-style: none !important
}

@media only screen and (min-width:768px) {
    .content-asset .menu-footer li {
        padding-bottom: .5em
    }
}

.content-asset .menu-footer li a {
    color: #000;
    text-decoration: none
}

.footer-utility {
    clear: both
}

    .footer-utility .content-asset ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center
    }

        .footer-utility .content-asset ul:after {
            content: "";
            display: table;
            clear: both
        }

@media only screen and (min-width:768px) {
    .footer-utility .content-asset ul {
        text-align: left
    }
}

.footer-utility .footer-app {
    border-top: 1px solid #919090;
    border-bottom: 1px solid #919090;
    padding: 1.25em 0 1em
}

@media only screen and (min-width:768px) {
    .footer-utility .footer-app {
        border: none;
        padding: 0;
        width: 35%
    }
}

.footer-utility .footer-app li {
    display: inline-block;
    padding: 0 .5em 0 0
}

.footer-utility .footer-copy-utility {
    text-align: center
}

@media only screen and (min-width:768px) {
    .footer-utility .footer-copy-utility {
        text-align: right;
        width: 64%
    }
}

@media only screen and (min-width:768px) {
    .footer-utility .footer-copy-utility ul {
        text-align: right
    }
}

.footer-utility .footer-copy-utility li {
    display: inline-block;
    margin-right: .5em;
    padding-bottom: 1em;
    font-size: 12px;
    font-size: .75rem
}

    .footer-utility .footer-copy-utility li:last-of-type {
        margin-right: 0
    }

        .footer-utility .footer-copy-utility li:last-of-type a {
            border: none;
            padding-right: 0
        }

@media only screen and (min-width:768px) {
    .footer-utility .footer-copy-utility li {
        font-size: 14px;
        font-size: .875rem
    }
}

.footer-utility .footer-copy-utility a {
    padding-right: .5em;
    border-right: 1px solid #919090;
    color: #363534;
    text-decoration: none
}

.footer-utility .footer-copyright {
    margin: .75rem 0;
    font-size: 12px;
    font-size: .75rem;
    color: #999;
    padding: 1em 0 1.5em;
    border-bottom: 1px solid #919090
}

@media only screen and (min-width:768px) {
    .footer-utility .footer-copyright {
        border: none;
        padding: 0
    }
}

.footer-bottom {
    padding: 1em;
    background: #363534
}

    .footer-bottom:after {
        content: "";
        display: table;
        clear: both
    }

    .footer-bottom .footer-subscribe {
        margin-bottom: 2em
    }

        .footer-bottom .footer-subscribe h4 {
            margin-bottom: 1em;
            color: #fff
        }

        .footer-bottom .footer-subscribe p {
            font-size: 11px;
            font-size: .6875rem
        }

    .footer-bottom .footer-value-prop {
        text-align: center
    }

@media only screen and (min-width:768px) {
    .footer-bottom .footer-value-prop {
        text-align: right
    }
}

.footer-bottom .footer-value-prop .content-asset ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .footer-bottom .footer-value-prop .content-asset ul li {
        display: inline-block;
        padding: 0 .5em
    }

@media only screen and (min-width:768px) {
    .footer-bottom .footer-value-prop .content-asset ul li {
        padding: 0 1em
    }
}

.footer-bottom .footer-value-prop .content-asset ul li:last-of-type {
    padding-right: 0
}

.footer-bottom .footer-value-prop .content-asset p {
    font-size: 10px;
    font-size: .625rem;
    color: #fff
}

@media only screen and (min-width:768px) {
    .footer-bottom .footer-value-prop .content-asset p {
        width: 68%;
        float: right
    }
}

.footer-bottom .footer-value-prop .content-asset p a, .footer-bottom .footer-value-prop .content-asset p a:hover {
    color: #f68c2c
}

.footer-subscribe .email-subscribefooter .email-alert-address {
    width: 50%;
    min-width: 12.5rem;
    float: left;
    height: 2.1875rem
}

    .footer-subscribe .email-subscribefooter .email-alert-address:focus {
        border-color: #fff
    }

@media only screen and (max-width:479px) {
    .footer-subscribe .email-subscribefooter .email-alert-address {
        min-width: 10.5rem;
        padding: 0 10px
    }
}

.footer-subscribe .email-subscribefooter .emailalertbutton {
    float: left
}

.footer-subscribe .emailsignup_success {
    color: #fff;
    padding-top: .5em;
    font-size: 12px;
    font-size: .75rem;
    clear: both
}

.footer-subscribe .fieldErrMsg {
    color: #f33838;
    padding-top: .5em;
    font-size: 12px;
    font-size: .75rem;
    clear: both
}

.sticky-footer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 1em;
    background: #363534
}

    .sticky-footer:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .sticky-footer.sticky-footer-show {
        display: block
    }

    .sticky-footer.sticky-footer-hide {
        display: none
    }
}

.sticky-footer .content-asset {
    display: inline-block;
    margin-right: 1em;
    vertical-align: top
}

.sticky-footer h4 {
    margin-top: .6em;
    color: #fff
}

.sticky-footer .icon.close-sticky-footer-icon {
    float: right;
    cursor: pointer;
    margin-top: .6em
}

.sticky-footer .footer-subscribe {
    width: 80%
}

.sticky-footer .footer-itemsignup {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.sticky-footer .email-subscribefooter {
    width: 100%
}

.scroll-to-top {
    position: fixed;
    bottom: 95px;
    right: 0;
    width: 110px;
    float: right;
    display: none;
    z-index: 9998
}

@media only screen and (min-width:768px) {
    .scroll-to-top {
        bottom: 20px;
        width: 140px
    }
}

.scroll-to-top .img-container {
    width: 62px;
    margin: auto
}

    .scroll-to-top .img-container img {
        cursor: pointer
    }

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

[class^=ui-], [class^=ui-]:after, [class^=ui-]:before {
    box-sizing: content-box
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    color: #333;
    font-weight: 600;
    background: #e9e9e9
}

    .ui-widget-header a {
        color: #333
    }

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    color: #454545;
    font-weight: 400
}

    .ui-state-default, .ui-state-default:active, .ui-state-default:focus, .ui-state-default:hover, .ui-state-default a, .ui-state-default a:active, .ui-state-default a:focus, .ui-state-default a:hover, .ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default:active, .ui-widget-content .ui-state-default:focus, .ui-widget-content .ui-state-default:hover, .ui-widget-content .ui-state-default a, .ui-widget-content .ui-state-default a:active, .ui-widget-content .ui-state-default a:focus, .ui-widget-content .ui-state-default a:hover, .ui-widget-header .ui-state-default, .ui-widget-header .ui-state-default:active, .ui-widget-header .ui-state-default:focus, .ui-widget-header .ui-state-default:hover, .ui-widget-header .ui-state-default a, .ui-widget-header .ui-state-default a:active, .ui-widget-header .ui-state-default a:focus, .ui-widget-header .ui-state-default a:hover {
        color: #454545;
        text-decoration: none
    }

.ui-state-default-text, .ui-widget-content .ui-state-default-text, .ui-widget-header .ui-state-default-text {
    color: #454545
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    color: #2b2b2b;
    font-weight: 400
}

    .ui-state-hover, .ui-state-hover:active, .ui-state-hover:focus, .ui-state-hover:hover, .ui-state-hover a, .ui-state-hover a:active, .ui-state-hover a:focus, .ui-state-hover a:hover, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover:active, .ui-widget-content .ui-state-hover:focus, .ui-widget-content .ui-state-hover:hover, .ui-widget-content .ui-state-hover a, .ui-widget-content .ui-state-hover a:active, .ui-widget-content .ui-state-hover a:focus, .ui-widget-content .ui-state-hover a:hover, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-hover:active, .ui-widget-header .ui-state-hover:focus, .ui-widget-header .ui-state-hover:hover, .ui-widget-header .ui-state-hover a, .ui-widget-header .ui-state-hover a:active, .ui-widget-header .ui-state-hover a:focus, .ui-widget-header .ui-state-hover a:hover {
        color: #2b2b2b;
        text-decoration: none
    }

.ui-state-hover-text, .ui-widget-content .ui-state-hover-text, .ui-widget-header .ui-state-hover-text {
    color: #2b2b2b
}

.ui-state-focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
    background: #ededed;
    color: #2b2b2b;
    font-weight: 400
}

    .ui-state-focus, .ui-state-focus:active, .ui-state-focus:focus, .ui-state-focus:hover, .ui-state-focus a, .ui-state-focus a:active, .ui-state-focus a:focus, .ui-state-focus a:hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus:active, .ui-widget-content .ui-state-focus:focus, .ui-widget-content .ui-state-focus:hover, .ui-widget-content .ui-state-focus a, .ui-widget-content .ui-state-focus a:active, .ui-widget-content .ui-state-focus a:focus, .ui-widget-content .ui-state-focus a:hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-focus:active, .ui-widget-header .ui-state-focus:focus, .ui-widget-header .ui-state-focus:hover, .ui-widget-header .ui-state-focus a, .ui-widget-header .ui-state-focus a:active, .ui-widget-header .ui-state-focus a:focus, .ui-widget-header .ui-state-focus a:hover {
        color: #2b2b2b;
        text-decoration: none
    }

.ui-state-focus-text, .ui-widget-content .ui-state-focus-text, .ui-widget-header .ui-state-focus-text {
    color: #2b2b2b
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
    font-weight: 400
}

    .ui-state-highlight, .ui-state-highlight:active, .ui-state-highlight:focus, .ui-state-highlight:hover, .ui-state-highlight a, .ui-state-highlight a:active, .ui-state-highlight a:focus, .ui-state-highlight a:hover, .ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-highlight:active, .ui-widget-content .ui-state-highlight:focus, .ui-widget-content .ui-state-highlight:hover, .ui-widget-content .ui-state-highlight a, .ui-widget-content .ui-state-highlight a:active, .ui-widget-content .ui-state-highlight a:focus, .ui-widget-content .ui-state-highlight a:hover, .ui-widget-header .ui-state-highlight, .ui-widget-header .ui-state-highlight:active, .ui-widget-header .ui-state-highlight:focus, .ui-widget-header .ui-state-highlight:hover, .ui-widget-header .ui-state-highlight a, .ui-widget-header .ui-state-highlight a:active, .ui-widget-header .ui-state-highlight a:focus, .ui-widget-header .ui-state-highlight a:hover {
        color: #777620;
        text-decoration: none
    }

.ui-state-highlight-text, .ui-widget-content .ui-state-highlight-text, .ui-widget-header .ui-state-highlight-text {
    color: #777620
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    color: #fff;
    font-weight: 400
}

    .ui-state-active, .ui-state-active:active, .ui-state-active:focus, .ui-state-active:hover, .ui-state-active a, .ui-state-active a:active, .ui-state-active a:focus, .ui-state-active a:hover, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-active:active, .ui-widget-content .ui-state-active:focus, .ui-widget-content .ui-state-active:hover, .ui-widget-content .ui-state-active a, .ui-widget-content .ui-state-active a:active, .ui-widget-content .ui-state-active a:focus, .ui-widget-content .ui-state-active a:hover, .ui-widget-header .ui-state-active, .ui-widget-header .ui-state-active:active, .ui-widget-header .ui-state-active:focus, .ui-widget-header .ui-state-active:hover, .ui-widget-header .ui-state-active a, .ui-widget-header .ui-state-active a:active, .ui-widget-header .ui-state-active a:focus, .ui-widget-header .ui-state-active a:hover {
        color: #fff;
        text-decoration: none
    }

.ui-state-active-text, .ui-widget-content .ui-state-active-text, .ui-widget-header .ui-state-active-text {
    color: #fff
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
    font-weight: 400
}

    .ui-state-error, .ui-state-error:active, .ui-state-error:focus, .ui-state-error:hover, .ui-state-error a, .ui-state-error a:active, .ui-state-error a:focus, .ui-state-error a:hover, .ui-widget-content .ui-state-error, .ui-widget-content .ui-state-error:active, .ui-widget-content .ui-state-error:focus, .ui-widget-content .ui-state-error:hover, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error a:active, .ui-widget-content .ui-state-error a:focus, .ui-widget-content .ui-state-error a:hover, .ui-widget-header .ui-state-error, .ui-widget-header .ui-state-error:active, .ui-widget-header .ui-state-error:focus, .ui-widget-header .ui-state-error:hover, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error a:active, .ui-widget-header .ui-state-error a:focus, .ui-widget-header .ui-state-error a:hover {
        color: #5f3f3f;
        text-decoration: none
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .5;
    font-weight: 400
}

.ui-corner-all {
    border-radius: 0
}

.ui-corner-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ui-corner-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ui-corner-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ui-corner-left {
    border-bottom-left-radius: 0
}

.ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0
}

.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-bl {
    border-bottom-left-radius: 0
}

.ui-corner-br {
    border-bottom-right-radius: 0
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 16px;
    height: 20px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #333
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-datepicker {
    width: 300px;
    padding: 6px;
    display: none;
    z-index: 500 !important;
    overflow: visible;
    margin-bottom: 20px
}

.ui-datepicker-header {
    position: relative;
    padding: 6px;
    margin: 0;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 0;
    background: #e9e9e9;
    color: #333
}

.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute;
    border: 1px solid transparent;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer
}

    .ui-datepicker-next span, .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        color: #333;
        top: calc(50% - 12px)
    }

.ui-datepicker-prev {
    left: 3px
}

.ui-datepicker-next {
    right: 3px
}

.ui-datepicker-title {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

    .ui-datepicker-title select {
        font-size: 16px;
        margin: 1px 0;
        color: #333
    }

.ui-datepicker-month, .ui-datepicker-year {
    width: calc(50% - 42px);
    font-weight: 400
}

    .ui-datepicker-month + .ui-datepicker-year {
        margin-left: 6px
    }

.ui-datepicker table {
    width: 100%;
    font-size: 14px;
    margin: 0 0 6px;
    border-collapse: collapse;
    table-layout: fixed
}

.ui-datepicker th {
    padding: 12px 5px;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
    text-align: center
}

    .ui-datepicker td a, .ui-datepicker td span {
        display: block;
        padding: 6px 2px;
        text-decoration: none
    }

.ui-datepicker-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    padding: 6px 0 0;
    margin: 0
}

    .ui-datepicker-buttonpane:after, .ui-datepicker-buttonpane:before {
        content: "";
        display: table;
        border-collapse: collapse
    }

    .ui-datepicker-buttonpane:after {
        clear: both
    }

    .ui-datepicker-buttonpane button {
        float: right;
        cursor: pointer;
        padding: 6px 12px
    }

        .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left
        }

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker > :last-child {
    margin-bottom: 0
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header {
        border-radius: 0
    }

    .ui-datepicker-multi .ui-datepicker-group:first-child .ui-datepicker-header {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .ui-datepicker-multi .ui-datepicker-group:nth-last-child(3) .ui-datepicker-header {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 6px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 6px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    outline: 0;
    z-index: 800;
    overflow: auto
}

.ui-dialog-titlebar {
    padding: 2.5rem 1.875rem 0;
    position: relative;
    border-radius: 0;
    border-width: 1px;
    background: #e9e9e9;
    margin: 0;
    color: #333;
    border-color: #ddd
}

.ui-dialog-titlebar-close {
    position: absolute;
    right: 6px;
    top: calc(50% - 11px);
    width: 20px;
    height: 20px;
    padding: 1px
}

.ui-dialog-title {
    float: left;
    width: calc(100% - 32px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0 1.875rem 1.25rem;
    background: none;
    overflow: auto;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #000;
    clear: both
}

.ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    padding: 6px 0 0
}

    .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right
    }

    .ui-dialog-buttonpane button {
        cursor: pointer
    }

        .ui-dialog-buttonpane button:not(:last-child) {
            margin-right: 10px
        }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.dialog-opened {
    overflow: hidden
}

.ui-tooltip {
    padding: 10px 20px;
    position: absolute;
    z-index: 9999 !important;
    max-width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    font-size: 12px;
    font-size: .75rem
}

    .ui-tooltip p {
        margin: 0 0 .2em
    }

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    background: url(../images/interface/ui-overlay-shadow.png) repeat scroll 50% 50% #000;
    opacity: .75
}

.ui-dialog {
    background-color: #fff;
    padding: 0
}

    .ui-dialog .ui-widget-header {
        background-color: #fff;
        border: 0 none;
        border-radius: 0;
        height: 23px
    }

    .ui-dialog .ui-dialog-title {
        color: #000;
        font-weight: 700;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: .01em
    }

    .ui-dialog .ui-icon-closethick {
        background-image: url(../images/svg-icons/close-icon.svg);
        position: absolute;
        background-position: 0 0;
        height: 9px;
        width: 10px;
        left: 0;
        top: 12px;
        margin-left: 0;
        margin-top: 0
    }

    .ui-dialog .ui-dialog-titlebar-close {
        background-color: transparent;
        border: 0 none;
        border-radius: 0;
        height: 23px;
        margin: 0;
        padding: 0;
        right: 0;
        top: 0;
        width: 23px
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            margin: 0;
            padding: 0
        }

        .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

    .ui-dialog h1 h2 {
        font-size: 1.8em;
        font-style: italic;
        font-weight: 400;
        margin: 5px 158px 5px 0
    }

    .ui-dialog .dialog-required {
        font-weight: 400;
        position: relative;
        text-transform: none
    }

    .ui-dialog .ui-dialog-content {
        max-height: 80vh !important;
        box-sizing: border-box;
        overflow-y: auto
    }

@media only screen and (max-width:767px) {
    .ui-dialog {
        max-width: 98%
    }

        .ui-dialog .ui-dialog-content {
            padding: .25em;
            height: auto !important;
            overflow: auto
        }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ui-dialog {
        max-width: 98%
    }

        .ui-dialog .ui-dialog-content {
            height: auto !important;
            overflow: visible
        }
}

.ui-dialog.dialog-as-tooltip .ui-dialog-titlebar-close {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-dialog.dialog-as-tooltip-with-close-button .ui-dialog-titlebar, .ui-dialog.dialog-as-tooltip .ui-dialog-titlebar {
    height: auto;
    padding-top: 1.875rem
}

    .ui-dialog.dialog-as-tooltip-with-close-button .ui-dialog-titlebar:before, .ui-dialog.dialog-as-tooltip .ui-dialog-titlebar:before {
        height: 0;
        width: 0;
        border: 15px solid transparent;
        border-bottom-color: #fff;
        content: "";
        display: block;
        position: absolute;
        bottom: 100%;
        left: 22%
    }

.ui-dialog.dialog-as-tooltip-with-close-button .ui-dialog-title, .ui-dialog.dialog-as-tooltip .ui-dialog-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-dialog.dialog-as-tooltip-with-close-button .ui-dialog-content, .ui-dialog.dialog-as-tooltip .ui-dialog-content {
    padding: 0 1.25rem 1.25rem
}

@media only screen and (max-width:1024px) {
    .ui-dialog.dialog-as-tooltip-on-desktop-only .ui-dialog-titlebar {
        padding-top: 0
    }

        .ui-dialog.dialog-as-tooltip-on-desktop-only .ui-dialog-titlebar:before {
            content: "";
            display: none
        }

        .ui-dialog.dialog-as-tooltip-on-desktop-only .ui-dialog-titlebar .ui-icon-closethick {
            z-index: 9999
        }
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.ui-accordion .ui-accordion-content {
    padding: 0
}

.ui-tabs .ui-tabs-nav {
    height: 2.45em;
    padding: 0
}

    .ui-tabs .ui-tabs-nav li {
        border-color: #fff;
        border-style: solid;
        border-width: 0 0 3px
    }

        .ui-tabs .ui-tabs-nav li.ui-state-active {
            border-bottom-color: #24b337
        }

            .ui-tabs .ui-tabs-nav li.ui-state-active a {
                color: #000;
                font-weight: 700
            }

        .ui-tabs .ui-tabs-nav li a {
            color: #999
        }

.ui-tabs .ui-tabs-panel {
    background-color: #fff;
    border: 1px solid #fff;
    line-height: 1.5em;
    margin: 0;
    padding: 20px 10px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ui-tabs .ui-tabs-panel h3 {
        display: none
    }
}

.js .loader {
    position: absolute;
    z-index: 1
}

.js .full-page-loader, .js .loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.js .full-page-loader {
    position: fixed
}

.js .loader-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7
}

.js .loader-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 64px;
    height: 64px;
    background: url(../images/loading-small.gif) no-repeat
}

.content-slot img {
    height: auto;
    max-width: 100%
}

.slot-grid-header p {
    margin: 0;
    padding: 0
}

.product-listing-1x4 {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    padding: .83em 0
}

    .product-listing-1x4 .search-result-items .grid-tile {
        margin: 0 1% 0 2%;
        width: 18%
    }

@media only screen and (max-width:767px) {
    .product-listing-1x4 .search-result-items .grid-tile {
        margin: 2%;
        width: 92%
    }
}

@media only screen and (min-width:768px) {
    .product-tile-5 .search-result-items .grid-tile {
        width: 16%
    }
}

.account-nav-asset {
    padding-left: 10px;
    padding-right: 10px
}

    .account-nav-asset h2 {
        font-size: 1em;
        font-weight: 700;
        text-transform: capitalize
    }

    .account-nav-asset p {
        font-size: 14px;
        font-size: .875rem
    }

        .account-nav-asset p:first-of-type {
            margin: 0
        }

        .account-nav-asset p span {
            font-weight: 700
        }

    .account-nav-asset a {
        display: inline
    }

.secondary-navigation .content-asset {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625em
}

    .secondary-navigation .content-asset .title {
        margin-bottom: 0;
        text-transform: capitalize;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700
    }

    .secondary-navigation .content-asset ul {
        margin-top: 0
    }

        .secondary-navigation .content-asset ul li {
            margin: 0;
            line-height: 20px
        }

            .secondary-navigation .content-asset ul li a {
                font-weight: 400
            }

.content-asset p {
    line-height: 1.6em;
    margin: 1em 0
}

.content-asset ol, .content-asset ul {
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0 1.5em
}

    .content-asset ul li {
        list-style: square outside none
    }

    .content-asset ol li {
        list-style: decimal outside none
    }

.content-asset address {
    margin: 1em 0
}

.pt_content-search-result .content-asset h1 {
    font-size: 20px;
    font-size: 1.25rem
}

.browser-compatibility-alert {
    background-color: #f33838;
    color: #fff;
    font-size: 1.3em;
    line-height: 2em;
    padding: .8em
}

.folder-slot {
    border: 1px solid #fff;
    padding: .5em
}

    .folder-slot h2 {
        margin: .5em 0
    }

.menu-slot {
    display: none;
    border-top: 1px solid #919090;
    margin-top: .5em;
    padding-top: 1.5em
}

    .menu-slot .social-links {
        padding-left: 0
    }

        .menu-slot .social-links li {
            display: inline-block;
            padding-left: 0
        }

@media only screen and (min-width:768px) {
    .menu-slot {
        width: 13.5rem;
        display: block
    }
}

.cart-recommendations h1, .category-slot h1, .product-slot h1 {
    position: absolute;
    text-align: right;
    bottom: 2%;
    left: 2%
}

.cart-recommendations h2, .category-slot h2, .product-slot h2 {
    margin: 0;
    padding: .1rem .5rem
}

.cart-recommendations h3, .category-slot h3, .product-slot h3 {
    bottom: 0;
    margin: 0;
    opacity: .6;
    padding: 2rem;
    position: absolute;
    width: 100%
}

.cart-recommendations .catlanding-banner, .category-slot .catlanding-banner, .product-slot .catlanding-banner {
    overflow: hidden;
    position: relative;
    width: 100%
}

    .cart-recommendations .catlanding-banner img, .category-slot .catlanding-banner img, .product-slot .catlanding-banner img {
        height: auto;
        width: 100%
    }

.cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile {
    float: left;
    overflow: hidden;
    padding: 0 .15%;
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile {
        width: 33%
    }
}

.cart-recommendations .category-tile img, .category-slot .category-tile img, .product-slot .category-tile img {
    height: auto;
    width: 100%
}

.cart-recommendations .cat-banner, .category-slot .cat-banner, .product-slot .cat-banner {
    overflow: hidden;
    position: relative;
    width: 100%
}

    .cart-recommendations .cat-banner img, .category-slot .cat-banner img, .product-slot .cat-banner img {
        height: auto;
        width: 100%
    }

    .cart-recommendations .cat-banner h1, .category-slot .cat-banner h1, .product-slot .cat-banner h1 {
        color: #333;
        right: 2%
    }

.cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile {
    box-sizing: border-box;
    box-shadow: none;
    margin: 0;
    padding: 0 1%;
    width: 49%
}

@media only screen and (min-width:768px) {
    .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile {
        width: 33%;
        box-sizing: border-box
    }
}

.cart-recommendations .search-result-items .grid-tile .product-tile, .category-slot .search-result-items .grid-tile .product-tile, .product-slot .search-result-items .grid-tile .product-tile {
    margin: 0 .15%;
    padding: 1rem 0;
    width: 100%
}

    .cart-recommendations .search-result-items .grid-tile .product-tile .product-name, .category-slot .search-result-items .grid-tile .product-tile .product-name, .product-slot .search-result-items .grid-tile .product-tile .product-name {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 100;
        font-size: 18px;
        font-size: 1.125rem;
        height: auto;
        margin-top: .5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .cart-recommendations .search-result-items .grid-tile .product-tile .product-name a, .category-slot .search-result-items .grid-tile .product-tile .product-name a, .product-slot .search-result-items .grid-tile .product-tile .product-name a {
            color: #000
        }

    .cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing, .category-slot .search-result-items .grid-tile .product-tile .product-pricing, .product-slot .search-result-items .grid-tile .product-tile .product-pricing {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 100;
        font-size: 16px;
        font-size: 1rem
    }

    .cart-recommendations .search-result-items .grid-tile .product-tile .product-swatches, .category-slot .search-result-items .grid-tile .product-tile .product-swatches, .product-slot .search-result-items .grid-tile .product-tile .product-swatches {
        display: none
    }

@media only screen and (min-width:768px) and (max-width:1024px) {
    .html-slot-container img {
        max-width: 100%
    }
}

.account-landing-wrapper {
    padding-top: 1.5625rem;
    border-bottom: 1px solid #e8e8e8
}

    .account-landing-wrapper h1 {
        padding-left: 1.25rem
    }

@media only screen and (min-width:768px) {
    .account-landing-wrapper {
        padding: 1.25rem;
        border-bottom: 0
    }

        .account-landing-wrapper h1 {
            padding-left: 0
        }
}

.account-landing {
    padding-top: 1.25rem;
    overflow: auto
}

    .account-landing .account-options li {
        list-style: none outside none;
        padding-bottom: 1.875rem;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.3em;
        min-width: 19.6875rem
    }

        .account-landing .account-options li h2, .account-landing .account-options li img {
            vertical-align: middle;
            display: inline-block
        }

    .account-landing .account-options h2 {
        padding-left: 1.25rem;
        margin: 0;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.3em
    }

    .account-landing .account-options a {
        text-decoration: none;
        color: #000
    }

    .account-landing .account-options img {
        max-width: 3.4375rem
    }

@media only screen and (min-width:768px) {
    .account-landing .account-options li {
        width: 50%;
        float: left;
        min-height: 8.75rem
    }

    .account-landing .account-options img {
        max-width: 5.75rem
    }

    .account-landing .account-options h2 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width:1025px) {
    .account-landing .account-options img {
        max-width: 7.8125rem;
        height: 5.125rem
    }
}

.pt_error .error-content-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0
}

    .pt_error .error-content-header:first-of-type {
        margin-top: 0
    }

@media print {
    .pt_order-confirmation #mini-cart, .pt_order-confirmation #navigation, .pt_order-confirmation .header-banner, .pt_order-confirmation .menu-utility, .pt_order-confirmation .menu-utility-user {
        display: none
    }
}

.responsive-grid {
    display: block;
    list-style: none;
    width: 100%;
    max-width: 1025px;
    margin: auto;
    padding: 0
}

    .responsive-grid:after {
        content: "";
        display: table;
        clear: both
    }

    .responsive-grid *, .responsive-grid :after, .responsive-grid :before {
        box-sizing: border-box
    }

    .responsive-grid .grid-col {
        display: block;
        width: 100%;
        float: left
    }

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .delivery-date-dialog .ui-draggable {
    margin: 0 10%
}

.date-modal-flex {
    display: -ms-flexbox;
    display: flex
}

.scroll-fix {
    width: auto !important
}

.ohds-call-icon {
    height: 51px !important;
    width: 48px !important;
    margin-top: 165px
}

.delivery-date-display {
    display: inline-block;
    font-size: 40px;
    font-size: 2.5rem;
    text-align: center;
    vertical-align: top;
    margin: 0 auto 1em;
    width: auto;
    line-height: normal
}

#select-date-cancel, #select-date-continue {
    width: 156px
}

@media only screen and (min-width:768px) {
    .delivery-wrap {
        max-width: 884px;
        width: auto;
        margin: 0 auto 1em
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .delivery-wrap {
        width: auto;
        margin: 0 auto 1em;
        overflow-y: scroll
    }
}

.delivery-date-dialog .ui-dialog-titlebar a {
    display: none
}

@media only screen and (max-width:767px) {
    .delivery-date-dialog.ui-dialog #dialog-container.dialog-content.ui-dialog-content.ui-widget-content {
        padding: 0
    }

        .delivery-date-dialog.ui-dialog #dialog-container.dialog-content.ui-dialog-content.ui-widget-content h1 {
            text-align: center
        }
}

@media only screen and (max-width:479px) {
    .delivery-date-dialog.ui-dialog #dialog-container.dialog-content.ui-dialog-content.ui-widget-content h1 {
        font-size: 1.4rem
    }
}

.delivery-date-dialog .skip {
    background-color: #999;
    border: 0
}

.delivery-date-dialog .checkout-billing {
    width: 100%
}

.delivery-date-dialog .col-1 {
    padding-top: 1.5em
}

.delivery-date-dialog .col-2 {
    background: #f2f2f2;
    padding: 5px 0;
    margin: 0
}

@media only screen and (min-width:768px) {
    .delivery-date-dialog .col-2:before {
        content: "";
        position: absolute;
        right: 48%;
        top: 25%;
        border-width: 54px 34px 54px 0;
        border-style: solid;
        border-color: transparent #f2f2f2
    }
}

@media only screen and (min-width:768px) and (min-width:1025px) {
    .delivery-date-dialog .col-2:before {
        border-width: 74px 54px 74px 0
    }
}

@media only screen and (max-width:767px) {
    .delivery-date-dialog .col-2 {
        padding-top: 1.5em
    }
}

.delivery-date-dialog .col-2 .not-scheduling {
    margin: 2em 1.5em 0
}

@media only screen and (min-width:768px) {
    .delivery-date-dialog .col-2 .not-scheduling {
        margin-right: 0
    }
}

.delivery-date-dialog .col-2 .not-scheduling .field-wrapper {
    width: 100%
}

.delivery-date-dialog .col-2 .not-scheduling label > span {
    float: right;
    width: calc(100% - 23px)
}

.delivery-date-dialog .col-2 .not-scheduling label span {
    display: block;
    line-height: 20px
}

.delivery-date-dialog .display-date-wrap {
    display: none;
    margin: 1em 0 4em
}

@media only screen and (min-width:768px) {
    .delivery-date-dialog .display-date-wrap {
        padding-top: 4em;
        padding-top: 0;
        text-align: center
    }
}

.delivery-date-dialog .display-date-wrap .arrow-small-left-blue-icon {
    width: 32px;
    height: 64px;
    display: inline-block;
    margin-right: 2em;
    vertical-align: top
}

.delivery-date-dialog .delivery-contact {
    text-align: center
}

.delivery-date-dialog .delivery-date-display {
    display: inline-block;
    margin: 2em 0;
    font-size: 40px;
    font-size: 2.5rem;
    text-align: center;
    vertical-align: top
}

    .delivery-date-dialog .delivery-date-display .full-day {
        font-size: 20px;
        font-size: 1.25rem
    }

@media only screen and (max-width:767px) {
    .delivery-date-dialog .date-call-info {
        text-align: center
    }
}

.delivery-date-dialog .delivery-scheduled {
    font-size: 1rem
}

.delivery-date-dialog .age-message {
    max-width: 757px;
    width: auto;
    margin: 0 auto
}

    .delivery-date-dialog .age-message p {
        width: 80%;
        margin: 12px auto
    }

        .delivery-date-dialog .age-message p:first-of-type {
            width: 58%
        }

.delivery-date-dialog .scheduling-not-avail {
    margin: 1em auto 0;
    width: 300px
}

.delivery-date-dialog .form-row-button {
    text-align: center
}

    .delivery-date-dialog .form-row-button button {
        margin-right: 1rem;
        margin-top: .625rem
    }

@media only screen and (min-width:768px) {
    .delivery-date-dialog .form-row-button button {
        margin-right: 1.25rem
    }
}

.delivery-date-dialog .delivery-legend {
    width: 300px;
    margin: 0 auto 2em
}

    .delivery-date-dialog .delivery-legend p {
        color: #363534;
        padding-left: 25px;
        position: relative
    }

        .delivery-date-dialog .delivery-legend p:before {
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            left: 0;
            top: -2px;
            content: " "
        }

        .delivery-date-dialog .delivery-legend p.selected:before {
            background: #f68c2c
        }

        .delivery-date-dialog .delivery-legend p.available:before {
            background: #24b337
        }

        .delivery-date-dialog .delivery-legend p.unavailable:before {
            background: #919090
        }

.delivery-date-dialog .ui-datepicker-header {
    margin-top: 1em
}

.delivery-date-dialog .ui-datepicker {
    margin: 0 auto;
    z-index: 20000 !important;
    border: none
}

    .delivery-date-dialog .ui-datepicker td {
        padding: 0
    }

    .delivery-date-dialog .ui-datepicker .ui-datepicker-next:hover {
        background: transparent;
        border: none
    }

    .delivery-date-dialog .ui-datepicker .ui-datepicker-next span {
        background: url(../images/svg-icons/arrow-small-right-blue-icon.svg) 100% 0 no-repeat
    }

    .delivery-date-dialog .ui-datepicker .ui-datepicker-prev:hover {
        background: transparent;
        border: none
    }

    .delivery-date-dialog .ui-datepicker .ui-datepicker-prev span {
        background: url(../images/svg-icons/arrow-small-left-blue-icon.svg) 0 0 no-repeat
    }

.delivery-date-dialog .ui-datepicker-title {
    margin-top: -15px
}

    .delivery-date-dialog .ui-datepicker-title .ui-datepicker-month, .delivery-date-dialog .ui-datepicker-title .ui-datepicker-year {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem
    }

.delivery-date-dialog .ui-datepicker-calendar .ui-state-default {
    background: #24b337;
    border: none;
    color: #fff
}

.delivery-date-dialog .ui-datepicker-calendar .ui-state-active {
    background: #f68c2c
}

.delivery-date-dialog .ui-datepicker-calendar .ui-state-disabled {
    opacity: 1
}

    .delivery-date-dialog .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
        background: #919090
    }

    .delivery-date-dialog .ui-datepicker-calendar .ui-state-disabled.ui-datepicker-other-month {
        opacity: 0
    }

.item-details .product-list-item .name {
    font-size: 1.2em
}

    .item-details .product-list-item .name a {
        text-decoration: none;
        color: #000
    }

.item-details .product-list-item .promo {
    color: #36c
}

.item-details .product-list-item .price-standard {
    color: #999;
    text-decoration: line-through
}

.item-availability ul, .item-quantity-details ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.item-dashboard {
    color: #999;
    width: 16rem
}

    .item-dashboard label {
        font-weight: 400
    }

    .item-dashboard .field-wrapper {
        width: auto
    }

    .item-dashboard .option-quantity-desired input {
        width: 3rem
    }

    .item-dashboard .value {
        margin-top: .5rem
    }

    .item-dashboard .form-row {
        margin: .5rem 0
    }

    .item-dashboard .value, .item-dashboard input, .item-dashboard select .option-toggle-public label {
        color: #333
    }

    .item-dashboard .input-checkbox {
        margin: 0 5px
    }

    .item-dashboard .option-add-to-cart {
        margin-top: .5rem
    }

        .item-dashboard .option-add-to-cart label {
            color: #333;
            float: left;
            font-weight: 700;
            margin: .5rem .5rem 0 0;
            text-transform: uppercase;
            width: auto
        }

        .item-dashboard .option-add-to-cart input {
            width: 3rem;
            margin-right: 1em
        }

        .item-dashboard .option-add-to-cart .button, .item-dashboard .option-add-to-cart button {
            display: block;
            float: right;
            margin-top: .9375rem;
            min-width: 15.625rem
        }

@media only screen and (min-width:480px) and (max-width:767px) {
    .item-dashboard .option-add-to-cart .button, .item-dashboard .option-add-to-cart button {
        margin-top: .125rem;
        width: 15.625rem
    }
}

@media only screen and (min-width:1025px) {
    .item-dashboard .option-add-to-cart .button, .item-dashboard .option-add-to-cart button {
        margin-top: .125rem;
        width: 15.625rem
    }
}

.item-dashboard .option-quantity-purchased span.exceeded {
    color: #f33838
}

#product-nav-container {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 160px
}

    #product-nav-container div {
        float: left;
        text-align: center;
        width: 77px
    }

    #product-nav-container img {
        max-height: 100%;
        max-width: 80%
    }

    #product-nav-container span {
        display: block;
        height: 65px
    }

    #product-nav-container .divided span {
        border-right: 1px solid #919090;
        padding-right: 5px
    }

@media only screen and (max-width:767px) {
    #product-nav-container {
        bottom: 0;
        width: 100%
    }

        #product-nav-container div {
            width: 60px
        }

            #product-nav-container div.product-next {
                float: right
            }

        #product-nav-container .divided span {
            border: 0
        }
}

#product-content .selected-variant {
    text-transform: capitalize;
    font-weight: 400
}

.main-image {
    display: block
}

.primary-image {
    max-width: 100%
}

.product-thumbnails ul:after {
    content: "";
    display: table;
    clear: both
}

.product-thumbnails .thumb {
    border-bottom: 5px solid #fff;
    float: left;
    margin-right: .5rem;
    padding-top: 1px;
    width: 3.4375rem
}

    .product-thumbnails .thumb.selected {
        border-color: #24b337
    }

.product-thumbnails img {
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    cursor: pointer;
    max-width: 100%;
    height: auto
}

.product-thumbnails h2 {
    margin: 1rem 0 .3rem
}

.rating {
    color: #24b337
}

.product-options, .product-variations {
    margin-bottom: .0625rem
}

    .product-options ul, .product-variations ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .product-options .attribute, .product-variations .attribute {
        position: relative;
        width: 50%;
        padding: 0;
        margin: 0 0 .9375rem
    }

        .product-options .attribute:nth-of-type(odd), .product-variations .attribute:nth-of-type(odd) {
            float: left;
            clear: left
        }

        .product-options .attribute:nth-of-type(2n), .product-variations .attribute:nth-of-type(2n) {
            float: right;
            clear: right
        }

        .product-options .attribute.variant-dropdown .value, .product-variations .attribute.variant-dropdown .value {
            padding-right: 0
        }

        .product-options .attribute .label, .product-options .attribute h3, .product-variations .attribute .label, .product-variations .attribute h3 {
            font-weight: 700;
            margin-bottom: .375rem;
            text-transform: uppercase
        }

        .product-options .attribute .value, .product-variations .attribute .value {
            padding-right: 1.25rem;
            box-sizing: border-box
        }

        .product-options .attribute .selected-value, .product-variations .attribute .selected-value {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            border: 0 none;
            color: #919090;
            font-weight: 700;
            padding: 1.3em 0 0 .4em;
            text-transform: uppercase
        }

@media only screen and (min-width:768px) {
    .product-options .attribute .selected-value, .product-variations .attribute .selected-value {
        padding-top: .8em
    }
}

.product-options .attribute .size-chart-link, .product-variations .attribute .size-chart-link {
    margin-top: .5em;
    clear: both;
    float: none;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem
}

    .product-options .attribute .size-chart-link .guide-icon, .product-variations .attribute .size-chart-link .guide-icon {
        margin-right: .5em
    }

    .product-options .attribute .size-chart-link a, .product-variations .attribute .size-chart-link a {
        border-color: #fff !important;
        color: #000;
        padding: 0;
        text-decoration: none
    }

.product-options .swatches li, .product-variations .swatches li {
    float: left;
    padding-bottom: 0
}

    .product-options .swatches li.selected a, .product-variations .swatches li.selected a {
        border-color: #36c;
        animation: d 1.2s ease-in infinite alternate
    }

@keyframes d {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.9)
    }
}

.product-options .swatches li.selected a img, .product-variations .swatches li.selected a img {
    border: none
}

.product-options .swatches li.selectable a:hover, .product-variations .swatches li.selectable a:hover {
    transform: scale(1.1)
}

.product-options .swatches li.unselectable a, .product-variations .swatches li.unselectable a {
    border-color: #919090;
    color: #919090;
    opacity: .4;
    transform: scale(.8);
    cursor: not-allowed
}

    .product-options .swatches li.unselectable a img, .product-variations .swatches li.unselectable a img {
        border: none
    }

.product-options .swatches li a, .product-variations .swatches li a {
    color: #919090;
    border: 1px solid transparent;
    display: block;
    line-height: 22px;
    line-height: 1.375rem;
    height: 1.375rem;
    width: 1.375rem;
    border-radius: 50%;
    margin: 0 .375rem .375rem 0;
    padding: 2px;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    transition: transform .2s ease-out
}

.product-options .swatches li span, .product-variations .swatches li span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #919090;
    color: #36c;
    box-sizing: border-box
}

.product-options .attribute.buttons, .product-variations .attribute.buttons {
    clear: both;
    width: 100%;
    float: none
}

.product-options .buttons li, .product-variations .buttons li {
    float: left;
    padding-bottom: 0
}

    .product-options .buttons li.selectable a:hover, .product-options .buttons li.selected a, .product-variations .buttons li.selectable a:hover, .product-variations .buttons li.selected a {
        background-color: #919090
    }

    .product-options .buttons li a, .product-variations .buttons li a {
        color: #fff;
        background-color: #000;
        display: block;
        line-height: 22px;
        line-height: 1.375rem;
        margin: 0 .375rem .375rem 0;
        padding: 5px 10px;
        font-size: 12px;
        font-size: .75rem;
        text-align: center;
        white-space: nowrap;
        text-decoration: none
    }

.product-options .color li a img, .product-variations .color li a img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #919090;
    box-sizing: border-box
}

.product-options .size li.selected a, .product-variations .size li.selected a {
    color: #fff
}

    .product-options .size li.selected a span, .product-variations .size li.selected a span {
        background-color: #36c;
        border-color: transparent;
        color: #fff
    }

.product-options .size li a, .product-variations .size li a {
    line-height: 1.25rem
}

.pdp-main {
    margin: 0 1%
}

    .pdp-main:after {
        content: "";
        display: table;
        clear: both
    }

    .pdp-main ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pdp-main label {
        padding: 0;
        text-align: left;
        text-transform: uppercase;
        width: auto
    }

    .pdp-main .product-col-1 {
        box-sizing: border-box;
        margin-bottom: 1.875rem
    }

@media only screen and (min-width:768px) {
    .pdp-main .product-col-1 {
        float: left;
        width: 55%;
        padding-right: 1.25rem;
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:1025px) {
    .pdp-main .product-col-1 {
        width: 64%;
        padding-right: 2.1875rem
    }
}

.pdp-main .product-col-1.product-set {
    width: 55%;
    padding-right: 2.1875rem
}

@media only screen and (max-width:767px) {
    .pdp-main .product-col-1.product-set {
        width: 100%
    }
}

.pdp-main .product-col-1.product-set.sticky {
    position: fixed;
    width: 52%;
    top: 18%
}

@media screen and (max-width:1400px) {
    .pdp-main .product-col-1.product-set.sticky {
        width: 52%
    }
}

@media only screen and (min-width:1450px) {
    .pdp-main .product-col-1.product-set.sticky {
        width: 35%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pdp-main .product-col-1.product-set.sticky {
        top: 9%;
        z-index: 999
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .pdp-main .product-col-1.product-set.sticky {
        top: 12%
    }
}

.pdp-main .product-col-1 .video-arvr-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

    .pdp-main .product-col-1 .video-arvr-container .AR-icon {
        margin-left: 10px
    }

        .pdp-main .product-col-1 .video-arvr-container .AR-icon .quickviewForArvr {
            cursor: pointer
        }

        .pdp-main .product-col-1 .video-arvr-container .AR-icon a {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: #36c;
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 700;
            font-size: 14px;
            text-transform: uppercase;
            text-decoration: none
        }

@media only screen and (max-width:767px) {
    .pdp-main .product-col-1 .video-arvr-container .AR-icon a {
        font-size: 12px
    }
}

.pdp-main .product-col-1 .video-arvr-container .AR-icon a #ar {
    width: 1.875rem;
    margin-right: 5px
}

@media only screen and (min-width:768px) {
    .pdp-main .product-col-1 .video-arvr-container .AR-icon:only-child {
        margin-left: 9%
    }
}

@media only screen and (max-width:479px) {
    .pdp-main .product-col-1 .video-arvr-container .AR-icon:only-child {
        margin-left: 8%
    }
}

.pdp-main .product-col-2 {
    box-sizing: border-box;
    margin-bottom: 1.875rem
}

@media only screen and (min-width:768px) {
    .pdp-main .product-col-2 {
        float: right;
        width: 45%;
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:1025px) {
    .pdp-main .product-col-2 {
        width: 36%
    }
}

.pdp-main .product-col-2.product-detail.product-set {
    width: 45%
}

@media only screen and (max-width:767px) {
    .pdp-main .product-col-2.product-detail.product-set {
        width: 100%
    }
}

.pdp-main .product-primary-image {
    max-width: 100%;
    padding: 1em 0 0;
    text-align: center
}

.pdp-main .pdp-slider {
    position: relative
}

    .pdp-main .pdp-slider .slide {
        padding-bottom: 0;
        margin-bottom: .1875rem;
        box-sizing: border-box
    }

        .pdp-main .pdp-slider .slide:focus {
            outline: none
        }

        .pdp-main .pdp-slider .slide + .slide {
            display: none
        }

            .pdp-main .pdp-slider .slide + .slide.slick-slide {
                display: block
            }

@media only screen and (min-width:480px) {
    .pdp-main .pdp-slider .slide {
        margin-bottom: .5625rem
    }
}

.pdp-main .pdp-slider .slide img {
    display: block;
    margin: 0 auto
}

.pdp-main .pdp-slider-thumb {
    position: relative;
    padding: 0 1.25rem
}

@media only screen and (min-width:480px) {
    .pdp-main .pdp-slider-thumb {
        padding: 0 1.875rem
    }
}

.pdp-main .pdp-slider-thumb .slick-track {
    height: 3.0625rem
}

@media only screen and (min-width:1280px) {
    .pdp-main .pdp-slider-thumb .slick-track {
        height: 8.8125rem
    }
}

@media only screen and (min-width:768px) {
    .pdp-main .pdp-slider-thumb .slick-track {
        height: 4rem
    }
}

@media only screen and (max-width:767px) {
    .pdp-main .pdp-slider-thumb .slick-track {
        height: 3.0625rem
    }
}

@media only screen and (min-width:480px) {
    .pdp-main .pdp-slider-thumb .slick-track {
        height: 4.8125rem
    }
}

.pdp-main .pdp-slider-thumb .slide {
    float: left;
    width: 25%;
    padding: 0 .3125rem;
    box-sizing: border-box;
    transition: opacity .3s;
    cursor: pointer
}

    .pdp-main .pdp-slider-thumb .slide.slick-current {
        opacity: .3
    }

    .pdp-main .pdp-slider-thumb .slide:nth-of-type(4) ~ .slide {
        display: none
    }

        .pdp-main .pdp-slider-thumb .slide:nth-of-type(4) ~ .slide.slick-slide {
            display: block
        }

    .pdp-main .pdp-slider-thumb .slide img {
        max-height: 100%
    }

.pdp-main .pdp-slider-thumb .slick-next, .pdp-main .pdp-slider-thumb .slick-prev {
    width: .5625rem;
    height: 1.1875rem
}

@media only screen and (min-width:480px) {
    .pdp-main .pdp-slider-thumb .slick-next, .pdp-main .pdp-slider-thumb .slick-prev {
        width: .875rem;
        height: 1.8125rem
    }
}

.pdp-main .zoomImg {
    cursor: crosshair
}

.pdp-main .product-info {
    clear: both
}

.pdp-main .product-flag {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em;
    letter-spacing: .025em;
    text-transform: uppercase;
    margin-bottom: .625rem
}

.pdp-main .name-set, .pdp-main .price-set {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #000;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .pdp-main .name-set, .pdp-main .price-set {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.42857em
    }
}

.pdp-main .product-name, .pdp-main .product-name a, .pdp-main .product-name a:active, .pdp-main .product-name a:hover, .pdp-main .product-name a:visited {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1em;
    color: #000;
    margin-bottom: .9375rem;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .pdp-main .product-name, .pdp-main .product-name a, .pdp-main .product-name a:active, .pdp-main .product-name a:hover, .pdp-main .product-name a:visited {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.pdp-main .product-name.product-set-top, .pdp-main .product-name a.product-set-top, .pdp-main .product-name a:active.product-set-top, .pdp-main .product-name a:hover.product-set-top, .pdp-main .product-name a:visited.product-set-top {
    margin-bottom: 5px
}

.pdp-main .product-number, .pdp-main .product-number a, .pdp-main .product-number a:active, .pdp-main .product-number a:hover, .pdp-main .product-number a:visited {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 1.25rem;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .pdp-main .product-number, .pdp-main .product-number a, .pdp-main .product-number a:active, .pdp-main .product-number a:hover, .pdp-main .product-number a:visited {
        font-size: 14px;
        font-size: .875rem;
        line-height: 16px;
        line-height: 1rem
    }
}

.pdp-main .product-number.product-set-top, .pdp-main .product-number a.product-set-top, .pdp-main .product-number a:active.product-set-top, .pdp-main .product-number a:hover.product-set-top, .pdp-main .product-number a:visited.product-set-top {
    margin-bottom: 10px
}

.pdp-main .product-number a.productset-view-detail, .pdp-main .product-number a:active a.productset-view-detail, .pdp-main .product-number a:hover a.productset-view-detail, .pdp-main .product-number a:visited a.productset-view-detail, .pdp-main .product-number a a.productset-view-detail {
    font-size: 11px;
    margin-left: 10px;
    text-decoration: none;
    color: #36c;
    text-transform: none;
    font-weight: 400
}

    .pdp-main .product-number a.productset-view-detail:hover, .pdp-main .product-number a:active a.productset-view-detail:hover, .pdp-main .product-number a:hover a.productset-view-detail:hover, .pdp-main .product-number a:visited a.productset-view-detail:hover, .pdp-main .product-number a a.productset-view-detail:hover {
        text-decoration: underline;
        color: #36c
    }

.pdp-main .product-number .homestore-logo > img, .pdp-main .product-number a .homestore-logo > img, .pdp-main .product-number a:active .homestore-logo > img, .pdp-main .product-number a:hover .homestore-logo > img, .pdp-main .product-number a:visited .homestore-logo > img {
    max-width: 9.375rem;
    padding-left: 1.875rem
}

@media only screen and (min-width:768px) {
    .pdp-main .product-number .homestore-logo > img, .pdp-main .product-number a .homestore-logo > img, .pdp-main .product-number a:active .homestore-logo > img, .pdp-main .product-number a:hover .homestore-logo > img, .pdp-main .product-number a:visited .homestore-logo > img {
        float: right;
        padding-left: 0
    }
}

.pdp-main .pdp-reviewsummary {
    margin-bottom: .625rem
}

@media only screen and (min-width:768px) {
    .pdp-main .pdp-reviewsummary {
        margin-bottom: .9375rem
    }
}

.pdp-main .full-details {
    display: inline-block;
    margin-bottom: .625rem;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    color: #36c
}

@media only screen and (min-width:768px) {
    .pdp-main .full-details {
        margin-bottom: .9375rem
    }
}

.pdp-main .product-price {
    font-weight: 600;
    display: inline-block;
    margin-bottom: .625rem
}

    .pdp-main .product-price, .pdp-main .product-price .price-standard {
        font-family: Open Sans,Arial,sans-serif;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18182em
    }

        .pdp-main .product-price .price-standard {
            font-weight: 400;
            color: #999;
            text-decoration: line-through;
            margin-right: 2.1875rem
        }

        .pdp-main .product-price .price-sales {
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 600;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.18182em
        }

        .pdp-main .product-price .price-tiered {
            color: #36c;
            font-size: .6em;
            line-height: 1.5em
        }

.pdp-main .product-main-attributes .attribute {
    padding: .2em 0
}

.pdp-main .product-main-attributes .label {
    padding: 0
}

.pdp-main .inventory {
    float: left;
    width: calc(100% - 205px);
    max-width: 50%;
    white-space: nowrap
}

@media only screen and (min-width:1025px) and (max-width:1279px) {
    .pdp-main .inventory {
        width: 115px
    }
}

.pdp-main .inventory label {
    display: inline;
    float: none;
    text-align: right
}

.pdp-main .inventory input {
    font-size: 1.5em;
    height: 3.125rem;
    width: 3.125rem;
    margin-right: .4em;
    text-align: center
}

@media only screen and (min-width:768px) {
    .pdp-main .inventory input {
        height: 2.3125rem;
        width: 2.3125rem
    }
}

.pdp-main .product-add-to-cart {
    float: right
}

    .pdp-main .product-add-to-cart .add-to-cart {
        z-index: 1
    }

.pdp-main .pdp-action-form {
    margin-bottom: 2.5rem
}

.pdp-main .rotated-divider {
    margin-bottom: 1.25rem
}

.pdp-main .product-actions {
    text-align: center;
    clear: both;
    margin-bottom: 1.125rem
}

@media only screen and (min-width:480px) {
    .pdp-main .product-actions {
        text-align: left
    }
}

.pdp-main .product-actions .wishlist-save-cta {
    display: inline-block;
    margin: 0 0 .625rem;
    white-space: nowrap
}

@media only screen and (min-width:480px) {
    .pdp-main .product-actions .wishlist-save-cta {
        float: right;
        margin: 0 .625rem
    }
}

.pdp-main .product-actions .socialsharing {
    font-size: 0
}

    .pdp-main .product-actions .socialsharing a {
        display: inline-block;
        margin: 0 .4375rem .4375rem 0;
        vertical-align: top
    }

        .pdp-main .product-actions .socialsharing a:hover {
            animation: e .3s ease-in forwards
        }

@keyframes e {
    0% {
        transform: scale(1) rotate(0);
        opacity: 1
    }

    50% {
        transform: scale(1) rotate(-20deg)
    }

    to {
        transform: scale(1.15) rotate(10deg);
        opacity: .9
    }
}

.pdp-main .product-actions .socialsharing ul {
    display: -ms-flexbox;
    display: flex
}

    .pdp-main .product-actions .socialsharing ul li.social-share-text {
        font-weight: 700;
        color: #363534;
        padding-top: 5px;
        text-transform: uppercase
    }

.pdp-main .product-actions .localstore-pricing-info {
    margin-top: 10px;
    font-size: 12px
}

.pdp-main .locale-store-price-msg {
    font-size: 12px;
    font-size: .75rem;
    text-align: center
}

@media only screen and (min-width:480px) {
    .pdp-main .locale-store-price-msg {
        text-align: left
    }
}

.pdp-main .smart-buy-flag .promo-save-cell {
    display: block;
    padding: .3125rem 0 0
}

@media only screen and (min-width:768px) {
    .pdp-main .smart-buy-flag .promo-save-cell {
        display: table-cell;
        padding: 0 0 0 1.875rem
    }
}

.pdp-main .room-package-flag .price-wrap {
    margin-bottom: .3125rem
}

.pdp-main .room-package-flag .price-financing {
    display: inline-block;
    margin-left: .625rem
}

@media only screen and (min-width:768px) {
    .pdp-main .room-package-flag .price-financing {
        margin-left: 1.875rem
    }
}

.pdp-main .room-package-flag .type-pdp-promo-save-link {
    margin-left: .625rem
}

.pdp-main .room-package-flag .promo-save-wrap {
    margin-bottom: 1.25rem
}

@media only screen and (min-width:768px) {
    .pdp-main .room-package-flag .promo-save-wrap {
        margin-bottom: 2.5rem
    }
}

.pdp-main .package-info {
    box-sizing: border-box;
    margin: 0 -1.25rem .625rem;
    padding: 1.25rem 1.5625rem;
    background-color: #e8e8e8;
    text-align: center
}

@media only screen and (min-width:768px) {
    .pdp-main .package-info {
        margin: 0 0 .625rem
    }
}

.pdp-main .package-info .type-pdp-promo-package-title {
    padding-bottom: .3125rem;
    margin-bottom: .9375rem;
    border-bottom: 1px solid #999
}

.pdp-main .package-info .package-price {
    display: inline-block
}

    .pdp-main .package-info .package-price .reg-cell {
        padding-right: 1.25rem
    }

.pdp-main .package-info .type-pdp-promo-package-copy {
    margin-bottom: .9375rem
}

.pdp-main .package-includes {
    width: 84%;
    padding: .9375rem;
    background-color: #e8e8e8
}

    .pdp-main .package-includes .package-includes-title {
        margin-bottom: .3125rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.125em;
        text-transform: uppercase
    }

    .pdp-main .package-includes .package-includes-financing {
        margin-bottom: .9375rem;
        color: #999
    }

    .pdp-main .package-includes .package-includes-list li {
        padding: 0;
        margin-bottom: .625rem
    }

        .pdp-main .package-includes .package-includes-list li:after {
            content: "";
            display: table;
            clear: both
        }

        .pdp-main .package-includes .package-includes-list li:last-of-type {
            margin-bottom: 0
        }

    .pdp-main .package-includes .package-includes-list .package-includes-list-left {
        box-sizing: border-box;
        float: left;
        width: 65%;
        padding-right: 1.25rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.14286em
    }

    .pdp-main .package-includes .package-includes-list .package-includes-list-right {
        float: left;
        width: 35%;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.14286em
    }

.pdp-main .recommendations {
    clear: left;
    padding: 2em 0;
    margin: auto;
    width: 320px
}

@media only screen and (min-width:480px) {
    .pdp-main .recommendations {
        width: 480px
    }
}

@media only screen and (min-width:768px) {
    .pdp-main .recommendations {
        width: 100%
    }
}

.pdp-main .recommendations h2 {
    font-size: 2em;
    font-style: italic;
    font-weight: 400;
    margin-left: 14px
}

.pdp-main .recommendations #carousel-recommendations {
    margin: auto;
    position: relative
}

.pdp-main .recommendations li {
    width: 250px
}

    .pdp-main .recommendations li img {
        margin: auto
    }

.pdp-main .recommendations .product-tile {
    padding: 0 2em
}

.pdp-main .recommendations .product-name {
    font-size: 1em;
    margin: .2em 0;
    width: 100%
}

.pdp-main .recommendations .product-price {
    font-size: 1em
}

.pdp-main .recommendations .product-tile:hover .recommendation-tooltip {
    display: block !important
}

.pdp-main .recommendations .recommendation-tooltip {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8e8e8;
    left: 50%;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 300px;
    z-index: 100
}

.pdp-main .promotion {
    margin: 0 0 1em;
    overflow: hidden;
    color: #36c
}

.pdp-main .product-set-list .product-set-item {
    padding: 1.5625rem 0 0;
    border-top: 1px solid #000;
    overflow: hidden;
    clear: both
}

.pdp-main .product-set-list .product-set-image {
    float: left;
    width: 35%;
    margin-bottom: 10%
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set-list .product-set-image {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .pdp-main .product-set-list .product-set-image {
        width: 100%
    }
}

.pdp-main .product-set-list .product-set-details {
    float: left;
    width: 65%;
    padding-left: 1.25rem;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set-list .product-set-details {
        float: none;
        width: 100%;
        padding-left: 0
    }
}

@media only screen and (max-width:1024px) {
    .pdp-main .product-set-list .product-set-details {
        width: 100%;
        padding-left: 0
    }
}

.pdp-main .product-set-list .product-set-details .availability-web {
    margin: 10px 0 20px
}

.items-per-page .pdp-main .product-set-list .product-set-details .product-variations fieldset, .pdp-main .product-set-list .product-set-details .product-variations .items-per-page fieldset, .pdp-main .product-set-list .product-set-details .product-variations .select-style, .pdp-main .product-set-list .product-set-details .product-variations .sort-by fieldset, .sort-by .pdp-main .product-set-list .product-set-details .product-variations fieldset {
    width: auto;
    margin: 0
}

.pdp-main .product-set-list .attribute .label, .pdp-main .product-set-list .attribute h3 {
    width: 25%
}

.pdp-main .product-set-list .attribute h4.label {
    width: auto
}

    .pdp-main .product-set-list .attribute h4.label .selected-variant {
        font-weight: 400;
        text-transform: capitalize
    }

.pdp-main .product-set-list .product-name {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22222em
}

    .pdp-main .product-set-list .product-name a {
        color: #000;
        text-decoration: none
    }

        .pdp-main .product-set-list .product-name a:hover {
            text-decoration: underline
        }

.pdp-main .product-set-list .product-number {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em
}

.pdp-main .product-set-list #product-teasers .TTratingBox {
    display: block;
    margin-bottom: 5px
}

.pdp-main .product-set-list #product-teasers .TTrating-0-0 {
    display: none
}

.pdp-main .product-set-list .product-price {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em;
    display: inline-block;
    margin-bottom: .625rem
}

    .pdp-main .product-set-list .product-price .price-standard {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18182em;
        color: #999;
        text-decoration: line-through;
        margin-right: 2.1875rem
    }

    .pdp-main .product-set-list .product-price .price-sales {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18182em
    }

    .pdp-main .product-set-list .product-price .price-tiered {
        color: #36c;
        font-size: .6em;
        line-height: 1.5em
    }

.pdp-main .product-set-list .block-add-to-cart {
    background: none repeat scroll 0 0 #f2f2f2;
    clear: both;
    overflow: hidden;
    padding: .5em 0
}

    .pdp-main .product-set-list .block-add-to-cart .inventory {
        float: left;
        margin-left: 22%;
        width: 20%
    }

    .pdp-main .product-set-list .block-add-to-cart label {
        padding: .7em 0;
        text-align: left;
        width: 40%
    }

    .pdp-main .product-set-list .block-add-to-cart .input-text {
        width: 35px
    }

    .pdp-main .product-set-list .block-add-to-cart .product-price {
        float: left;
        font-size: 1.6em;
        margin: 0;
        padding: 6px 0 0;
        text-align: right;
        width: 35%
    }

    .pdp-main .product-set-list .block-add-to-cart button {
        float: right;
        font-size: .9em;
        margin: 3px 5px 0 0;
        padding-left: 1em;
        padding-right: 1em
    }

.pdp-main .sticky-pdp-addtocart.sticky {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    padding: 10px 20px;
    position: fixed;
    max-width: 452px;
    width: 21.5%;
    z-index: 10
}

@media only screen and (max-width:1300px) {
    .pdp-main .sticky-pdp-addtocart.sticky {
        width: 33%
    }

        .pdp-main .sticky-pdp-addtocart.sticky .inventory {
            float: left;
            max-width: none;
            width: 30%;
            white-space: nowrap
        }

        .pdp-main .sticky-pdp-addtocart.sticky .product-add-to-cart {
            float: right;
            width: 60%
        }
}

@media only screen and (max-width:767px) {
    .pdp-main .sticky-pdp-addtocart.sticky {
        background-color: #fff;
        margin-left: -25px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        z-index: 10
    }
}

.pdp-main .product-set .bundle-product-set {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set .bundle-product-set {
        width: 100%
    }
}

.pdp-main .product-set .bundle-qty {
    margin-top: 2px
}

.items-per-page .pdp-main .product-set fieldset, .pdp-main .product-set .items-per-page fieldset, .pdp-main .product-set .select-style, .pdp-main .product-set .sort-by fieldset, .sort-by .pdp-main .product-set fieldset {
    width: 35%;
    margin: 22px 20px 0 -24px;
    height: 32px
}

    .items-per-page .pdp-main .product-set fieldset select, .pdp-main .product-set .items-per-page fieldset select, .pdp-main .product-set .select-style select, .pdp-main .product-set .sort-by fieldset select, .sort-by .pdp-main .product-set fieldset select {
        width: calc(100% + 33px)
    }

@media only screen and (max-width:767px) {
    .items-per-page .pdp-main .product-set fieldset select, .pdp-main .product-set .items-per-page fieldset select, .pdp-main .product-set .select-style select, .pdp-main .product-set .sort-by fieldset select, .sort-by .pdp-main .product-set fieldset select {
        width: calc(100% + 33px)
    }
}

@media only screen and (max-width:1024px) {
    .items-per-page .pdp-main .product-set fieldset select, .pdp-main .product-set .items-per-page fieldset select, .pdp-main .product-set .select-style select, .pdp-main .product-set .sort-by fieldset select, .sort-by .pdp-main .product-set fieldset select {
        width: calc(100% + 33px)
    }
}

.pdp-main .product-set .product-add-to-cart.add-sub-product {
    float: none;
    width: 100%;
    padding: 20px 0;
    margin-bottom: 1.25rem;
    text-align: center;
    box-sizing: border-box;
    border: none
}

.pdp-main .product-set .product-add-to-cart {
    width: 100%;
    padding: 1.25rem 0 1.25rem 1.25rem;
    margin-bottom: 1.25rem;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set .product-add-to-cart {
        padding: .9375rem 0 1.5625rem;
        margin-bottom: 1.25rem
    }
}

.pdp-main .product-set .product-add-to-cart .product-price {
    font-weight: 700;
    color: #36c
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set .product-add-to-cart .product-price {
        color: #fff
    }
}

.pdp-main .product-set .product-add-to-cart .price-sales {
    font-weight: 700
}

.pdp-main .product-set .product-add-to-cart .mobile-price .salesprice {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.pdp-main .product-set .product-add-to-cart .all-product-set-price {
    display: inline-block
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set .product-add-to-cart .all-product-set-price {
        display: none
    }
}

.pdp-main .product-set .product-add-to-cart .all-product-set-price .product-price {
    margin-bottom: 4px
}

.pdp-main .product-set .product-add-to-cart .all-product-set-price span .product-price {
    color: #000;
    font-size: 36px;
    display: block
}

.pdp-main .product-set .product-add-to-cart .add-to-cart, .pdp-main .product-set .product-add-to-cart .check-availability, .pdp-main .product-set .product-add-to-cart .check-price, .pdp-main .product-set .product-add-to-cart .find-store {
    padding: 15px 35px;
    background-color: #fff;
    color: #36c;
    white-space: nowrap
}

    .pdp-main .product-set .product-add-to-cart .add-to-cart:focus, .pdp-main .product-set .product-add-to-cart .add-to-cart:hover, .pdp-main .product-set .product-add-to-cart .check-availability:focus, .pdp-main .product-set .product-add-to-cart .check-availability:hover, .pdp-main .product-set .product-add-to-cart .check-price:focus, .pdp-main .product-set .product-add-to-cart .check-price:hover, .pdp-main .product-set .product-add-to-cart .find-store:focus, .pdp-main .product-set .product-add-to-cart .find-store:hover {
        background-color: #36c;
        color: #fff;
        border-color: #36c
    }

@media only screen and (max-width:767px) {
    .pdp-main .product-set .product-add-to-cart .add-to-cart, .pdp-main .product-set .product-add-to-cart .check-availability, .pdp-main .product-set .product-add-to-cart .check-price, .pdp-main .product-set .product-add-to-cart .find-store {
        width: 80%
    }

        .pdp-main .product-set .product-add-to-cart .add-to-cart.check-availability, .pdp-main .product-set .product-add-to-cart .check-availability.check-availability, .pdp-main .product-set .product-add-to-cart .check-price.check-availability, .pdp-main .product-set .product-add-to-cart .find-store.check-availability {
            padding: 15px 0
        }
}

@media only screen and (max-width:1024px) {
    .pdp-main .product-set .product-add-to-cart .add-to-cart, .pdp-main .product-set .product-add-to-cart .check-availability, .pdp-main .product-set .product-add-to-cart .check-price, .pdp-main .product-set .product-add-to-cart .find-store {
        width: 80%
    }
}

.pdp-main .product-set .product-add-to-cart .add-all-to-cart {
    width: 100%;
    max-width: 21.875rem;
    margin-top: 10px;
    float: right;
    background-color: #36c;
    color: #fff;
    text-align: center;
    font-weight: 700;
    display: block
}

    .pdp-main .product-set .product-add-to-cart .add-all-to-cart:focus, .pdp-main .product-set .product-add-to-cart .add-all-to-cart:hover {
        color: #fff;
        background-color: #8fabe3;
        border-color: #8fabe3
    }

@media only screen and (max-width:767px) {
    .pdp-main .product-set .product-add-to-cart .add-all-to-cart {
        padding-top: 15px;
        padding-bottom: 8px;
        max-width: none;
        display: none
    }
}

.pdp-main .product-set .product-add-to-cart .add-all-to-cart.mobile {
    display: none
}

@media only screen and (max-width:767px) {
    .pdp-main .product-set .product-add-to-cart .add-all-to-cart.mobile {
        display: block;
        font-size: 22px;
        letter-spacing: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pdp-main .product-set .product-add-to-cart .add-all-to-cart, .pdp-main .product-set .product-add-to-cart .all-product-set-price {
        display: none
    }

        .pdp-main .product-set .product-add-to-cart .add-all-to-cart.mobile, .pdp-main .product-set .product-add-to-cart .all-product-set-price.mobile {
            display: block;
            padding-bottom: 8px;
            margin-top: 1px
        }

    .pdp-main .product-set .product-add-to-cart .product-price {
        color: #fff
    }
}

.pdp-main .product-set .product-add-to-cart .furniture-protection {
    margin-bottom: 1.5625rem
}

    .pdp-main .product-set .product-add-to-cart .furniture-protection .field-wrapper {
        float: none;
        display: inline-block
    }

    .pdp-main .product-set .product-add-to-cart .furniture-protection .view-details, .pdp-main .product-set .product-add-to-cart .furniture-protection label {
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.16667em;
        text-transform: none
    }

        .pdp-main .product-set .product-add-to-cart .furniture-protection label:before {
            background-color: transparent;
            border: 1px solid #999
        }

    .pdp-main .product-set .product-add-to-cart .furniture-protection .view-details {
        margin-left: .3125rem;
        color: #000
    }

.rotated-divider {
    text-align: center;
    font-size: 0
}

    .rotated-divider span {
        display: inline-block;
        height: 1px;
        padding-bottom: 0;
        background-color: #000;
        vertical-align: middle;
        box-sizing: border-box
    }

    .rotated-divider .rotated-divider-line {
        width: calc(50% - 15px)
    }

    .rotated-divider .rotated-divider-mid {
        width: 30px;
        padding: 0 5px;
        transform: rotate(-55deg);
        transition: transform .4s;
        background-clip: content-box;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.js .pdp-main .recommendations .product-tile .recommendation-tooltip {
    display: none !important
}

.pdp-tabs {
    margin-bottom: 1.875rem;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .pdp-tabs {
        margin-bottom: 3.125rem
    }
}

.pdp-tabs .tab-titles {
    display: none;
    margin-bottom: 50px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .pdp-tabs .tab-titles {
        display: block
    }
}

.pdp-tabs .tab-title {
    margin-bottom: 0;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: .8px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform .3s
}

@media only screen and (min-width:1025px) {
    .pdp-tabs .tab-title {
        font-size: 16px;
        font-size: 1rem
    }
}

.pdp-tabs .tab-title:hover {
    transform: translateY(-1px)
}

@media only screen and (min-width:1025px) {
    .pdp-tabs .tab-title:hover {
        transform: translateY(-2px)
    }
}

.pdp-tabs .tab-title.selected {
    font-weight: 600;
    transform: translateY(0)
}

    .pdp-tabs .tab-title.selected:hover {
        transform: translateY(0)
    }

.pdp-tabs .tab-title-mobile {
    margin-bottom: 1.125rem;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .pdp-tabs .tab-title-mobile {
        display: none
    }
}

.pdp-tabs .tab-title-border {
    display: inline-block;
    padding: .625rem 0 .625rem .625rem;
    margin: 0 0 0 .625rem;
    border-left: 1px solid #000
}

@media only screen and (min-width:1025px) {
    .pdp-tabs .tab-title-border {
        padding: 10px 0 .625rem 1.875rem;
        margin: 0 0 0 1.875rem
    }
}

.pdp-tabs .tab-title-border:first-of-type {
    padding-left: 0;
    margin-left: 0;
    border-left: none
}

.pdp-tabs .tab {
    margin-bottom: 1.5625rem;
    border: 1px solid transparent
}

@media only screen and (min-width:768px) {
    .pdp-tabs .tab {
        display: none;
        margin-bottom: 0
    }
}

.pdp-tabs .tab.visible-on-load {
    display: block
}

.pdp-tabs .tab.detail .tab-content:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width:768px) {
    .pdp-tabs .tab.detail .detail-column-left {
        float: left;
        width: 45%
    }
}

@media only screen and (min-width:768px) {
    .pdp-tabs .tab.detail .detail-column-right {
        float: right;
        width: 45%
    }
}

.pdp-tabs .tab.detail .detail-row {
    margin-bottom: 1.5625rem
}

@media only screen and (min-width:768px) {
    .pdp-tabs .tab.detail .detail-row {
        margin-bottom: 2.1875rem
    }
}

.pdp-tabs .tab.detail ul {
    padding: 0;
    margin: .9375rem 0;
    list-style: disc inside
}

    .pdp-tabs .tab.detail ul li {
        padding: 0;
        margin-bottom: .625rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.33333em
    }

@media only screen and (min-width:768px) {
    .pdp-tabs .tab.detail ul li {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.28571em
    }
}

.pdp-tabs .tab.detail ul li:last-of-type {
    margin-bottom: 0
}

.pdp-tabs .tab.detail .detail-row-dimensions {
    margin-bottom: .9375rem
}

    .pdp-tabs .tab.detail .detail-row-dimensions ul:after {
        content: "";
        display: table;
        clear: both
    }

    .pdp-tabs .tab.detail .detail-row-dimensions ul li {
        float: left;
        margin: 0 35px 10px 0
    }

.pt_product-details .assembly-download {
    display: inline-block;
    text-decoration: none;
    cursor: pointer
}

    .pt_product-details .assembly-download:hover span {
        text-decoration: none
    }

    .pt_product-details .assembly-download .pdf-icon {
        width: 40px;
        height: 48px
    }

    .pt_product-details .assembly-download span {
        padding-left: 13px;
        text-decoration: underline;
        color: #000
    }

.pt_product-details .js button.add-all-to-cart {
    display: inherit
}

.pt_product-details .view-video {
    display: block;
    color: #36c;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none
}

    .pt_product-details .view-video:before {
        display: inline-block;
        content: " ";
        height: .9375rem;
        width: .9375rem;
        padding-top: 2px;
        margin-right: 5px;
        vertical-align: text-top;
        background: url(../images/svg-icons/icon-video.svg) no-repeat 0
    }

@media only screen and (max-width:767px) {
    .pt_product-details .view-video {
        font-size: 12px
    }
}

.ui-dialog.dialog-assembly .ui-widget-header .ui-dialog-title {
    display: inherit;
    left: -10px;
    position: relative
}

.ui-dialog.dialog-assembly .download-container {
    border: 1px solid #919090;
    margin: 25px 0
}

    .ui-dialog.dialog-assembly .download-container .heading {
        font-weight: 700;
        border-bottom: 1px solid #919090;
        padding: 10px;
        background-color: #f2f2f2
    }

    .ui-dialog.dialog-assembly .download-container .download-links {
        padding: 10px
    }

.ui-dialog.dialog-assembly .button {
    float: right;
    margin-bottom: 25px
}

.ui-dialog-video .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 25px
}

    .ui-dialog-video .video-container .pdp-iframe-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media screen and (max-width:1024px) and (orientation:landscape) {
    .ui-dialog-video .video-container {
        width: 80%;
        margin: auto;
        padding-bottom: 45%
    }
}

.mycloseststore-wrapper {
    width: 100%;
    max-width: 1280px
}

    .mycloseststore-wrapper .store-details-col {
        width: 100%
    }

@media only screen and (min-width:1025px) {
    .mycloseststore-wrapper .store-details-col {
        width: calc(28% - 20px);
        margin-right: 2%;
        float: left
    }
}

.mycloseststore-wrapper .store-details-col .heading-wrapper {
    margin-bottom: 25px
}

    .mycloseststore-wrapper .store-details-col .heading-wrapper h4 {
        display: inline-block
    }

    .mycloseststore-wrapper .store-details-col .heading-wrapper .changeZip-wrapper {
        float: right
    }

.mycloseststore-wrapper .store-name {
    font-weight: 700;
    margin: 0
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mycloseststore-wrapper .store-details {
        float: left;
        width: 45%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mycloseststore-wrapper .store-details {
        float: left;
        width: 45%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .mycloseststore-wrapper .store-hours {
        float: left;
        width: 45%;
        margin-left: 10%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mycloseststore-wrapper .store-hours {
        float: left;
        width: 45%;
        margin-left: 10%
    }
}

.mycloseststore-wrapper .store-map-col {
    width: 100%
}

@media only screen and (min-width:1025px) {
    .mycloseststore-wrapper .store-map-col {
        width: 70%;
        float: left
    }
}

.mycloseststore-wrapper #map-canvas {
    width: 100%;
    height: 100%;
    min-height: 207px
}

@media only screen and (min-width:480px) {
    .mycloseststore-wrapper #map-canvas {
        min-height: 478px
    }
}

@media only screen and (min-width:1025px) {
    .mycloseststore-wrapper #map-canvas {
        min-height: 510px
    }
}

.ui-dialog-sendtofriend .required-indicator {
    color: #f33838
}

.ui-dialog-sendtofriend .char-count {
    float: right
}

.ui-dialog-sendtofriend .content-asset {
    margin-top: 25px;
    margin-bottom: 25px
}

.ui-dialog-sendtofriend .form-row-button {
    float: right
}

.ui-dialog-sendtofriend .cancel-button {
    margin-right: .875rem
}

@media only screen and (max-width:767px) {
    .pdp-tabs > .tab {
        margin: 0;
        border-top: 1px solid #919090
    }

    .pdp-tabs .tab.customer-care.js-tab.pdp-mobile-tab {
        border-bottom: 1px solid #919090
    }

    .pdp-tabs .tab-title-mobile {
        margin: 0
    }

    .pdp-tabs > .pdp-mobile-tab > h2 {
        background: url(../images/svg-icons/arrow-down-icon.svg) no-repeat 100%;
        padding: .8rem 0
    }

        .pdp-tabs > .pdp-mobile-tab > h2.down {
            background: url(../images/svg-icons/arrow-up-icon.svg) no-repeat 100%
        }

    .pdp-tabs > .pdp-mobile-tab .pdp-mobile-body {
        display: none
    }

        .pdp-tabs > .pdp-mobile-tab .pdp-mobile-body.expanded {
            display: block;
            margin-bottom: 1.5625rem
        }
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-video.ui-draggable .ui-dialog-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-video.ui-draggable .ui-dialog-title {
        margin: -30px auto 20px
    }
}

@media only screen and (max-width:767px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-video.ui-draggable .ui-dialog-title {
        font-size: 12px;
        margin: -20px auto 20px;
        font-weight: 700;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    #dialog-container {
        height: 660px !important
    }
}

@media only screen and (max-width:767px) {
    #dialog-container {
        height: 500px !important
    }
}

#dialog-container .pdp-modal-wrapper {
    padding-top: 58%;
    margin-left: 5%
}

    #dialog-container .pdp-modal-wrapper .pdp-modal {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 5%
    }

@media only screen and (max-width:767px) {
    #dialog-container .pdp-modal-wrapper .pdp-modal {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#dialog-container .pdp-modal-wrapper .pdp-modal .first .delivery-method-details {
    font-weight: 700
}

#dialog-container .pdp-modal-wrapper .pdp-modal .first .premium-delivery-block .premiumDeliveryServiceMessage {
    color: #019328;
    line-height: 20px;
    margin: 0
}

#dialog-container .pdp-modal-wrapper .pdp-modal .first .premium-delivery-block h5.includesLabel {
    margin-top: 10px
}

#dialog-container .pdp-modal-wrapper .pdp-modal .first .premium-delivery-block h5.assemblyMessage {
    font-weight: 700
}

#dialog-container .pdp-modal-wrapper .pdp-modal .second .threshold-delivery-block h5.includesLabel {
    margin-top: 10px
}

#dialog-container .pdp-modal-wrapper .pdp-modal .second .threshold-delivery-block h5.assemblyMessage {
    font-weight: 700
}

#dialog-container .pdp-modal-wrapper .pdp-modal .first, #dialog-container .pdp-modal-wrapper .pdp-modal .second {
    width: 50%
}

@media only screen and (max-width:767px) {
    #dialog-container .pdp-modal-wrapper .pdp-modal .first, #dialog-container .pdp-modal-wrapper .pdp-modal .second {
        width: 100%
    }

        #dialog-container .pdp-modal-wrapper .pdp-modal .first p, #dialog-container .pdp-modal-wrapper .pdp-modal .second p {
            line-height: 1.3em;
            margin: .5em 0;
            font-size: .75rem
        }
}

#dialog-container .pdp-modal-wrapper .pdp-modal .first .modal-text, #dialog-container .pdp-modal-wrapper .pdp-modal .second .modal-text {
    padding-left: 0;
    margin: .6em 0
}

    #dialog-container .pdp-modal-wrapper .pdp-modal .first .modal-text li.step, #dialog-container .pdp-modal-wrapper .pdp-modal .second .modal-text li.step {
        list-style: none;
        font-size: .75rem;
        line-height: 1em;
        padding-bottom: 1rem
    }

#dialog-container .pdp-modal-wrapper .mixed-mode-messaging-pdp {
    font-weight: 700
}

.cc-pdp-wrap img {
    vertical-align: top
}

.cc-pdp-wrap span {
    display: inline-block
}

.cc-pdp-wrap .content-asset p {
    line-height: unset;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex
}

.calendar-icon {
    width: 104px;
    text-align: center
}

    .calendar-icon img {
        max-width: none
    }

.ui-dialog-content .schedule-appointment-pdp-text {
    width: 275px
}

.schedule-title {
    font-size: 14px;
    font-weight: 700
}

.schedule-appointment-pdp {
    font-size: 14px;
    color: #000;
    font-weight: 500
}

    .schedule-appointment-pdp a {
        color: #36c
    }

.schedule-appointment-pdp-wrap {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.complete-the-set-and-designer-recommends {
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0
}

.complete-the-set-button, .recommendations-button {
    width: 61%;
    margin-bottom: 30px
}

#attachmentBtn1 span, #attachmentBtn2 span {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 500;
    transition: .5s;
    position: relative
}

#attachmentBtn1 button {
    background-color: #363534;
    color: #fff
}

#attachmentBtn1 button, #attachmentBtn2 button {
    border: 2px solid #363534;
    padding: 0 15px;
    min-height: 0;
    height: 38px
}

#attachmentBtn2 button {
    margin-right: 5%
}

#attachmentBtn1 button:hover, #attachmentBtn2 button {
    background-color: #fff;
    color: #363534
}

    #attachmentBtn2 button:hover {
        background-color: #363534;
        color: #fff
    }

@media only screen and (min-width:1224px) {
    #attachmentBtn2 {
        margin: 0 0 0 16.5%
    }

        #attachmentBtn2 span:after {
            color: #fff
        }

        #attachmentBtn1 span:after, #attachmentBtn2 span:after {
            content: "\00bb";
            position: absolute;
            opacity: 0;
            top: -1px;
            transition: .5s;
            right: 0
        }

    #attachmentBtn1 span:after {
        color: #363534
    }

    #attachmentBtn1 button:hover span, #attachmentBtn2 button:hover span {
        padding-right: 15px
    }

        #attachmentBtn1 button:hover span:after, #attachmentBtn2 button:hover span:after {
            opacity: 1;
            right: 0
        }
}

@media only screen and (max-width:1280px) {
    #attachmentBtn1 span, #attachmentBtn2 span {
        font-size: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1025px) {
    .complete-the-set-button, .recommendations-button {
        width: 55%
    }

    #attachmentBtn1 span, #attachmentBtn2 span {
        font-size: 11px
    }
}

@media only screen and (max-width:768px) {
    .complete-the-set-and-designer-recommends {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    .complete-the-set-button, .recommendations-button {
        margin-bottom: 15px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #attachmentBtn1 span, #attachmentBtn2 span {
        font-size: 18px
    }

    #attachmentBtn2 button {
        margin-right: 0;
        padding: 0 18px
    }
}

@media only screen and (max-width:680px) {
    #attachmentBtn2 {
        margin-right: 5%
    }

        #attachmentBtn1 span, #attachmentBtn2 span {
            font-size: 12px
        }
}

@media only screen and (max-width:550px) {
    #attachmentBtn1 span, #attachmentBtn2 span {
        font-size: 9px
    }

    #attachmentBtn2 {
        margin-right: 2%
    }

        #attachmentBtn2 button {
            width: 100%
        }
}

.bonus-product-list .bonus-product-item {
    border-bottom: 1px solid #919090
}

    .bonus-product-list .bonus-product-item:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (max-width:767px) {
    .bonus-product-list .bonus-product-item .product-col-1, .bonus-product-list .bonus-product-item .product-col-2 {
        float: left;
        clear: none
    }
}

.bonus-product-list .product-add-to-cart {
    padding-bottom: 0
}

    .bonus-product-list .product-add-to-cart .inventory {
        width: auto
    }

.bonus-product-list .product-name {
    float: none;
    margin: 1em 0
}

.bonus-product-list .quantity-error {
    color: red;
    text-transform: inherit
}

.bonus-product-list .bonus-product-list-footer {
    padding-top: 1em;
    padding-bottom: 1em
}

    .bonus-product-list .bonus-product-list-footer:after {
        content: "";
        display: table;
        clear: both
    }

    .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus {
        float: right
    }

.bonus-product-list .selected-bonus-item {
    margin: 1em 0 1em 1em;
    position: relative
}

    .bonus-product-list .selected-bonus-item .item-name {
        font-weight: 700
    }

    .bonus-product-list .selected-bonus-item .remove-link {
        cursor: pointer;
        color: #f33838;
        left: -1em;
        position: absolute
    }

        .bonus-product-list .selected-bonus-item .remove-link:hover {
            color: #363534
        }

.bonus-discount-container .promo-details {
    display: none
}

    .bonus-discount-container .promo-details.visible {
        display: block
    }

.ui-dialog.dialog-size-chart .ui-widget-header > .ui-dialog-title {
    display: block;
    padding-bottom: .625rem;
    margin-bottom: .9375rem;
    border-bottom: 1px solid #e8e8e8
}

.product-guide .guide-row {
    margin-bottom: 1em
}

.product-guide h2 {
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width:768px) {
    .product-guide h2 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.product-guide img {
    display: inline-block;
    width: 22%;
    margin-right: 2%;
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .product-guide img {
        vertical-align: bottom
    }
}

.product-guide .description {
    width: 74%;
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .product-guide .description {
        vertical-align: bottom
    }
}

.sizinginformation {
    border: 0 none;
    padding: 10px
}

    .sizinginformation th {
        background: none repeat scroll 0 0 #fff
    }

    .sizinginformation td, .sizinginformation th {
        border-bottom: 1px solid #fff;
        padding: 10px
    }

    .sizinginformation td {
        border-left: 1px solid #fff
    }

    .sizinginformation .ui-tabs-nav {
        height: 33px
    }

    .sizinginformation .sizing-charts {
        border: 0 none
    }

    .sizinginformation .tips-list {
        padding: 0 !important
    }

        .sizinginformation .tips-list li {
            list-style: none outside none !important
        }

@media only screen and (max-width:767px) {
    .sizinginformation {
        padding: 0
    }

        .sizinginformation th {
            font-weight: 400;
            padding: 0 0 0 2px
        }

        .sizinginformation td {
            background: #fff;
            padding: 5px;
            text-align: center
        }

        .sizinginformation .sizechart {
            padding: 0 !important
        }
}

.dialog-quickview .ui-dialog-content {
    padding: 0 45px 45px
}

.dialog-quickview .ui-widget-header {
    height: 0;
    padding-top: 45px
}

    .dialog-quickview .ui-widget-header .ui-dialog-title {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

.dialog-quickview .ui-dialog-titlebar-close {
    display: block;
    width: auto;
    min-height: auto;
    height: auto;
    padding: 20px;
    top: 0;
    right: 0
}

    .dialog-quickview .ui-dialog-titlebar-close .ui-icon-closethick {
        background-position: 50%;
        height: 12px;
        width: 12px;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.dialog-quickview .pdp-main {
    margin: 0
}

    .dialog-quickview .pdp-main .product-col-1, .dialog-quickview .pdp-main .product-col-2 {
        margin-bottom: 0
    }

.dialog-quickview .quickview-nav .quickview-next, .dialog-quickview .quickview-nav .quickview-prev {
    display: block;
    width: 22px;
    height: 42px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    opacity: .75;
    cursor: pointer;
    text-indent: -99999px
}

    .dialog-quickview .quickview-nav .quickview-next.disabled, .dialog-quickview .quickview-nav .quickview-prev.disabled {
        opacity: .1;
        pointer-events: none
    }

    .dialog-quickview .quickview-nav .quickview-next:hover, .dialog-quickview .quickview-nav .quickview-prev:hover {
        opacity: 1
    }

.dialog-quickview .quickview-nav .quickview-prev {
    left: 15px;
    background: transparent url(../images/svg-icons/arrow-carousel-left-icon.svg) no-repeat 50%
}

.dialog-quickview .quickview-nav .quickview-next {
    right: 15px;
    background: transparent url(../images/svg-icons/arrow-carousel-right-icon.svg) no-repeat 50%
}

@media only screen and (max-width:767px) {
    #quickviewbutton {
        display: none !important
    }
}

.ui-dialog #listings-nav {
    float: right;
    margin-top: 2%
}

    .ui-dialog #listings-nav a {
        cursor: pointer;
        display: inline-block;
        margin: 0 5px
    }

        .ui-dialog #listings-nav a.active {
            font-weight: 700
        }

.pdp-main .product-add-to-cart .online-stock span {
    float: left
}

.pdp-main .product-add-to-cart .store-stock {
    display: block;
    clear: left
}

.get-it-by-timer {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    margin-top: .5rem;
    color: #24b337
}

.pdp-main .availability-web {
    margin: .625rem 0 .9375rem
}

@media only screen and (min-width:768px) {
    .pdp-main .availability-web {
        margin: 1.25rem 0 .625rem
    }
}

.pdp-main .availability-web .availability {
    display: inline;
    margin-right: .625rem;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em
}

@media only screen and (min-width:768px) {
    .pdp-main .availability-web .availability {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25em
    }
}

.pdp-main .availability-web .availability-message {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    color: #999
}

@media only screen and (min-width:768px) {
    .pdp-main .availability-web .availability-message {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.28571em
    }
}

.pdp-main .availability-web .hr-line {
    display: block;
    height: 1px;
    margin: .3125rem 0;
    background-color: #000
}

@media only screen and (min-width:768px) {
    .pdp-main .availability-web .hr-line {
        margin: .625rem 0
    }
}

.pdp-main .availability-web .delivery-method-block {
    margin-bottom: .4375rem
}

    .pdp-main .availability-web .delivery-method-block:last-of-type {
        margin-bottom: 0
    }

@media only screen and (min-width:768px) {
    .pdp-main .availability-web .delivery-method-block {
        margin-bottom: .9375rem
    }
}

.pdp-main .availability-web .delivery-method-block .content-asset, .pdp-main .availability-web .delivery-method-block .get-it-by-in-stock {
    display: inline-block
}

.pdp-main .availability-web .delivery-method-block .get-it-by-in-stock {
    font-weight: 700
}

    .pdp-main .availability-web .delivery-method-block .get-it-by-in-stock img {
        height: .875rem;
        margin-top: .125rem;
        vertical-align: top
    }

    .pdp-main .availability-web .delivery-method-block .get-it-by-in-stock .default-messaging {
        margin-top: 10px
    }

.pdp-main .availability-web .quick-view .get-it-by-timer {
    font-size: .75rem
}

.pdp-main .availability-web .get-it-by-second-row .delivery-message-timer {
    display: block;
    font-weight: 400;
    font-size: .75rem
}

.pdp-main .availability-web .delivery-method-name {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.14286em;
    margin-bottom: .125rem;
    color: #019328
}

@media only screen and (min-width:768px) {
    .pdp-main .availability-web .delivery-method-name {
        margin-bottom: .3125rem
    }
}

.pdp-main .availability-web .pdp-delivery-messaging {
    font-size: .75rem
}

.pdp-main .availability-web .pdp-threshold-modal {
    font-size: .75rem;
    margin-left: 5px;
    text-decoration: none
}

    .pdp-main .availability-web .pdp-threshold-modal:hover {
        text-decoration: underline
    }

.pdp-main .availability-web .delivery-method-details {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    margin-top: .625rem
}

.pdp-main .quantity-message {
    color: #fff;
    padding: 8px;
    background-color: #000;
    margin-bottom: 10px
}

.pdp-main .check-availability, .pdp-main .check-price, .pdp-main .find-store {
    float: right
}

.availability-web {
    margin-bottom: .9375rem
}

    .availability-web label {
        float: none
    }

    .availability-web p {
        margin: 0
    }

    .availability-web .pdp-delivery-message {
        font-size: .75rem
    }

    .availability-web .availability-novariation {
        color: #999;
        font-style: italic
    }

.availability-storepickup .availability-instore, .availability-storepickup .availability-web {
    background-color: #f2f2f2;
    padding: 1rem
}

.availability-storepickup .availability-web {
    float: none
}

.availability-storepickup .availability-instore {
    margin-bottom: 1rem
}

.in-stock-msg, .is-in-stock, [data-status=store-in-stock] {
    color: #24b337;
    font-weight: 700
}

.in-stock-date-msg, .not-available, .not-available-msg, .out-of-stock, .store-error {
    color: #f33838
}

.backorder-msg, .on-order, .preorder-msg {
    color: #f33838;
    font-weight: 700
}

#user-zip {
    display: block;
    margin: 1rem auto 0
}

.store-list-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%
}

.store-list {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.store-list, .store-tile {
    list-style: none outside none
}

.store-tile {
    display: inline-block;
    vertical-align: top;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-style: dashed;
    margin: .3rem 2%;
    padding: .8rem;
    text-align: center;
    width: 96%
}

@media only screen and (min-width:480px) {
    .store-tile {
        width: 45%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media only screen and (min-width:768px) {
    .store-tile {
        margin: .3rem 1%;
        width: 31%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

.store-tile.selected {
    background-color: rgba(36,179,55,.4)
}

.store-tile .store-status {
    display: block;
    font-size: .9em;
    margin: 1rem 0
}

.store-list-pdp-container {
    margin-top: 1em
}

    .store-list-pdp-container .store-list-pdp {
        margin-top: .5em
    }

    .store-list-pdp-container .store-list-item {
        display: none;
        padding: .5em .8em
    }

        .store-list-pdp-container .store-list-item:after {
            content: "";
            display: table;
            clear: both
        }

        .store-list-pdp-container .store-list-item:last-of-type {
            border: none
        }

        .store-list-pdp-container .store-list-item.selected {
            display: block;
            font-weight: 700
        }

        .store-list-pdp-container .store-list-item.visible {
            display: block
        }

        .store-list-pdp-container .store-list-item .store-address {
            float: left
        }

        .store-list-pdp-container .store-list-item .store-status {
            float: right
        }

.ship-by-date-badge {
    background-color: #019328;
    padding: .125rem .25rem;
    color: #fff;
    margin: .5rem .3125rem 0
}

.get-it-by-tooltip {
    text-align: center
}

.get-it-by-out-of-stock > .content-asset div:first-of-type {
    font-weight: 600;
    margin-bottom: 10px
}

.dialog-promotion-details .ui-dialog-content {
    padding: 0
}

.promotion-details {
    max-width: 37.5rem;
    padding: 0 2.1875rem 1.875rem;
    box-sizing: border-box
}

    .promotion-details .promotion-title {
        margin-bottom: .9375rem
    }

        .promotion-details .promotion-title h3 {
            display: inline-block;
            margin-right: .625rem;
            text-transform: uppercase;
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 600;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.1em
        }

        .promotion-details .promotion-title span {
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 400;
            font-size: 12px;
            font-size: .75rem;
            line-height: 1.16667em
        }

    .promotion-details table {
        width: 100%;
        table-layout: fixed;
        text-align: left
    }

        .promotion-details table.payment-type {
            margin-bottom: 1.25rem
        }

        .promotion-details table.financing-offers {
            margin-bottom: 3.125rem
        }

        .promotion-details table th {
            padding: .3125rem .625rem;
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 600;
            font-size: 14px;
            font-size: .875rem;
            line-height: 1.14286em;
            color: #fff
        }

            .promotion-details table th:first-of-type {
                width: 35%
            }

            .promotion-details table th:nth-of-type(2) {
                width: 20%
            }

            .promotion-details table th:nth-of-type(3) {
                width: 45%
            }

        .promotion-details table tr:first-of-type {
            background-color: #363534
        }

        .promotion-details table td {
            padding: .5rem .625rem;
            vertical-align: bottom
        }

            .promotion-details table td:first-of-type {
                padding-top: 1rem
            }

    .promotion-details .promotion-terms .terms-title {
        margin-bottom: .625rem;
        font-weight: 700
    }

    .promotion-details .promotion-terms p {
        margin: 0 0 .75rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.16667em
    }

@media only screen and (max-width:767px) {
    .pt_cart #secondary {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .pt_cart .primary-content {
        padding-top: 2.0625rem;
        padding-left: 3%
    }
}

.order-shipping td.shipment-cost {
    color: #019328
}

.cart-shipment-message {
    font-size: 10px;
    color: red;
    font-weight: 600;
    margin: 10px auto
}

@media only screen and (min-width:1025px) {
    .cart-shipment-message .fa.fa-exclamation-circle.fa-2x.pull-left {
        margin: 0 5px 0 -22px
    }
}

.cart-shipment-message .view-details-toggle {
    color: #36c
}

.mixed-mode-messages {
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

    .mixed-mode-messages .title-view-details {
        color: #36c;
        cursor: pointer;
        margin: 1em
    }

.shipment-header-line {
    border: 1px solid #e8e8e8
}

.progressive-ordersummary {
    margin: 1.4375rem 0 3rem
}

.delivery-method-text {
    margin: 1em 0;
    font-size: 1.25em
}

    .delivery-method-text.ds {
        display: -ms-flexbox;
        display: flex;
        height: 3em;
        margin: .75em 0 1em
    }

        .delivery-method-text.ds .container-direct-ship-header, .delivery-method-text.ds .container-ship-together {
            width: 50%
        }

        .delivery-method-text.ds .container-ship-together {
            font-size: .875rem;
            -ms-flex-item-align: end;
            align-self: flex-end;
            display: block
        }

            .delivery-method-text.ds .container-ship-together .enabled {
                color: #24b337;
                font-weight: 700
            }

@media only screen and (max-width:767px) {
    .delivery-method-text.ds {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .delivery-method-text.ds .container-direct-ship-header, .delivery-method-text.ds .container-ship-together {
            width: 100%
        }

        .delivery-method-text.ds .container-ship-together {
            margin-top: .625rem;
            font-size: .75rem
        }
}

@media only screen and (min-width:1025px) {
    .cart-primary {
        width: 62%;
        margin-right: 4%;
        float: left
    }
}

@media only screen and (min-width:1025px) {
    .cart-secondary {
        width: 34%;
        float: left;
        margin-top: -35px
    }
}

.shipment-type-method-wrapper {
    border: 1px solid #e8e8e8;
    margin: 0 auto 3em
}

    .shipment-type-method-wrapper .title-and-youtube-video {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .shipment-type-method-wrapper .delivery-title-container {
        margin: 20px
    }

    .shipment-type-method-wrapper .delivery-title {
        font-size: 1rem;
        font-weight: 500
    }

    .shipment-type-method-wrapper .delivers-in-message {
        font-size: .75rem;
        font-weight: 600
    }

    .shipment-type-method-wrapper .delivery-youtube-video {
        display: inline-block;
        margin: 20px;
        -webkit-text-decoration-line: none;
        text-decoration-line: none
    }

@media only screen and (max-width:767px) {
    .shipment-type-method-wrapper .delivery-youtube-video {
        margin: 10px
    }
}

.shipment-type-method-wrapper .delivery-youtube-video:before {
    display: inline-block;
    content: " ";
    height: .9375rem;
    width: .9375rem;
    padding-top: 2px;
    margin-right: 5px;
    vertical-align: text-top;
    background: url(../images/svg-icons/icon-video.svg) no-repeat 0
}

.shipping-methods-options {
    margin: 0 auto 2em;
    padding-left: 4em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8
}

    .shipping-methods-options .form-row {
        width: 45%
    }

        .shipping-methods-options .form-row:first-of-type {
            width: 50%
        }

@media only screen and (max-width:767px) {
    .shipping-methods-options .form-row:first-of-type {
        width: 100%
    }
}

.shipping-methods-options .form-row .field-wrapper {
    float: none
}

    .shipping-methods-options .form-row .field-wrapper label {
        font-size: .875rem;
        font-weight: 700
    }

@media only screen and (max-width:767px) {
    .shipping-methods-options .form-row {
        width: 100%
    }
}

.shipping-methods-options button#update-shipping-type-button {
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

@media only screen and (max-width:767px) {
    .shipping-methods-options {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 2em
    }
}

.shipping-methods-options .premium-delivery-block .premiumDeliveryServiceMessage {
    color: #019328;
    margin: 0;
    font-size: .75rem
}

.shipping-methods-options .threshold-delivery-block h4 {
    padding: .5rem 0 0
}

.shipping-methods-options .premium-delivery-block .delivery-steps.modal-text, .shipping-methods-options .premium-delivery-block .threshold-text.modal-text, .shipping-methods-options .threshold-delivery-block .delivery-steps.modal-text, .shipping-methods-options .threshold-delivery-block .threshold-text.modal-text {
    padding-left: 0
}

    .shipping-methods-options .premium-delivery-block .delivery-steps.modal-text li.step, .shipping-methods-options .premium-delivery-block .threshold-text.modal-text li.step, .shipping-methods-options .threshold-delivery-block .delivery-steps.modal-text li.step, .shipping-methods-options .threshold-delivery-block .threshold-text.modal-text li.step {
        list-style: none;
        font-size: .75rem;
        line-height: 1em;
        padding-bottom: 1rem
    }

.pt_cart .checkout-form-block {
    padding: 1em 1.5em 0;
    background: #f2f2f2;
    box-sizing: border-box;
    width: 100%
}

    .pt_cart .checkout-form-block:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (max-width:767px) {
    .pt_cart .checkout-form-block {
        margin-left: -15px;
        margin-right: -15px;
        width: auto
    }
}

.pt_cart .checkout-form-block .pt_gift-registry .primary-content h3, .pt_cart .checkout-form-block h3.section-header, .pt_gift-registry .primary-content .pt_cart .checkout-form-block h3 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 26px;
    font-size: 1.625rem;
    padding: 0 0 .6em;
    text-transform: none
}

.pt_cart .checkout-form-block#bottom {
    padding-top: 0;
    padding-bottom: 1.5em
}

.pt_cart .checkout-form-block .cart-footer {
    padding: 10px;
    background: #fff;
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .pt_cart .checkout-form-block .cart-footer {
        padding: 1rem .3em 1em
    }
}

.pt_cart .checkout-form-block #coupon-error {
    min-width: 15rem;
    display: block;
    position: absolute;
    z-index: 100;
    border: 1px solid #f33838;
    height: 8.125rem;
    background: #fff;
    right: 0;
    left: 0;
    text-align: center;
    padding: 30px 10px 0;
    box-shadow: 0 0 3px #f33838
}

@media only screen and (min-width:1025px) {
    .pt_cart .checkout-form-block #coupon-error {
        right: 1.5rem;
        width: 22rem;
        left: auto
    }
}

.pt_cart .checkout-form-block #coupon-error button {
    display: block;
    margin: 1.5625rem auto;
    min-height: 2.5rem;
    height: 2.5rem;
    line-height: 1px;
    padding: .9375rem
}

.cart-banner-top {
    margin-bottom: 1.5em
}

    .cart-banner-top img {
        width: 100%
    }

.cart-action-continue-shopping {
    display: none;
    margin-bottom: 1em
}

@media only screen and (min-width:768px) {
    .cart-action-continue-shopping {
        display: block
    }
}

.cart-action-continue-shopping .button-text[value~=Shopping] {
    margin-top: 12px
}

#cart-table {
    overflow: hidden
}

@media only screen and (max-width:767px) {
    #cart-table.item-list {
        padding: 1em 0
    }

        #cart-table.item-list .item-image {
            width: auto
        }

    #cart-table .desktop-remove {
        display: none
    }
}

@media only screen and (min-width:768px) {
    #cart-table .mobile-remove {
        display: none
    }
}

#cart-table .name-set, #cart-table .price-set {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.33333em;
    color: #000;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    #cart-table .name-set, #cart-table .price-set {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.42857em
    }
}

#cart-table .toggle-package-content.kit-contents.expanded .item-details {
    width: 100%
}

@media only screen and (max-width:767px) {
    #cart-table .toggle-package-content.kit-contents.expanded .item-details {
        width: 100%
    }
}

#cart-table .toggle-package-content.kit-contents.expanded .item-details .container-kit-details {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

    #cart-table .toggle-package-content.kit-contents.expanded .item-details .container-kit-details .container-delivery-message, #cart-table .toggle-package-content.kit-contents.expanded .item-details .container-kit-details .container-kit-attributes, #cart-table .toggle-package-content.kit-contents.expanded .item-details .container-kit-details .container-not-get-it-by {
        width: 50%
    }

        #cart-table .toggle-package-content.kit-contents.expanded .item-details .container-kit-details .container-delivery-message .get-it-by-timer, #cart-table .toggle-package-content.kit-contents.expanded .item-details .container-kit-details .container-not-get-it-by .get-it-by-timer {
            margin-top: 0;
            color: #24b337;
            font-weight: 700
        }

#cart-table .shipment-type-method-wrapper .line-item-wrapper {
    margin: 4em 1.5em 0;
    padding-bottom: 2em;
    border-bottom: 1px solid #e8e8e8
}

    #cart-table .shipment-type-method-wrapper #wrapper ~ img.line-item-wrapper, #cart-table .shipment-type-method-wrapper .day label.line-item-wrapper, #cart-table .shipment-type-method-wrapper .line-item-wrapper.visually-hidden, #cart-table .shipment-type-method-wrapper .month label.line-item-wrapper, #cart-table .shipment-type-method-wrapper .year label.line-item-wrapper, .day #cart-table .shipment-type-method-wrapper label.line-item-wrapper, .month #cart-table .shipment-type-method-wrapper label.line-item-wrapper, .year #cart-table .shipment-type-method-wrapper label.line-item-wrapper {
        border: none
    }

    #cart-table .shipment-type-method-wrapper .line-item-wrapper .quantity-warning-message {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        color: #f33838
    }

#cart-table .cart-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 0
}

@media only screen and (max-width:767px) {
    #cart-table .cart-row {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 .5em
    }
}

#cart-table .cart-row .item-delivery-options {
    margin-bottom: 1.25rem
}

@media only screen and (min-width:1025px) {
    #cart-table .cart-row .item-delivery-options {
        padding-left: 8rem
    }
}

#cart-table .cart-row .item-delivery-options .fulfilled-message {
    padding-left: 2.1875rem
}

#cart-table .cart-row .delivery-date {
    position: relative;
    margin-left: 30px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

    #cart-table .cart-row .delivery-date:before {
        content: " ";
        width: 22px;
        height: 22px;
        background: url(../images/svg-icons/calendar-icon.svg) no-repeat 50%;
        position: absolute;
        margin-left: -30px
    }

#cart-table .cart-row .delivery-date-notification {
    margin-top: 10px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem
}

#cart-table .cart-row.unavailable .item-name .name a, #cart-table .cart-row.unavailable .remove-item a {
    color: #f33838
}

#cart-table .cart-row .line-item-total {
    margin-top: 0;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 1rem
}

#cart-table .item-delivery-options .form-row {
    margin: .5rem 0
}

#cart-table .item-delivery-options .instore-delivery .form-row, #cart-table .item-delivery-options .instore-delivery .selected-store-address, #cart-table .item-delivery-options .instore-delivery .selected-store-availability {
    margin-left: 1.5rem
}

@media only screen and (min-width:768px) {
    #cart-table .item-delivery-options .instore-delivery .form-row, #cart-table .item-delivery-options .instore-delivery .selected-store-address, #cart-table .item-delivery-options .instore-delivery .selected-store-availability {
        margin-left: 0
    }
}

#cart-table .item-delivery-options label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    display: inline-block
}

@media only screen and (max-width:479px) {
    #cart-table .item-delivery-options label {
        font-size: 12px;
        font-size: .75rem
    }
}

#cart-table .item-delivery-options .form-row > div {
    padding-left: 2.1875rem;
    font-size: 12px;
    font-size: .75rem
}

    #cart-table .item-delivery-options .form-row > div p {
        font-size: 12px;
        font-size: .75rem
    }

#cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock {
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

    #cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock img {
        height: .875rem;
        margin-top: .125rem;
        vertical-align: text-top
    }

    #cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock .default-messaging {
        margin-top: 10px;
        padding-left: 2.1875rem
    }

    #cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock, #cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock .content-asset, #cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock .get-it-by-cart-margin > div {
        display: inline
    }

        #cart-table .item-delivery-options .direct-delivery .get-it-by-in-stock .get-it-by-cart-margin {
            padding-left: 2.1875rem
        }

#cart-table .item-quantity label {
    display: table-cell;
    padding-right: 5px;
    text-transform: uppercase;
    vertical-align: middle;
    height: 2rem;
    line-height: 10px
}

#cart-table .item-quantity .item-quantity-select {
    width: 6rem;
    display: table-cell
}

    #cart-table .item-quantity .item-quantity-select .set-of-multiples {
        padding-left: 5px
    }

#cart-table .item-quantity .product-availability-list {
    padding-top: .625rem
}

    #cart-table .item-quantity .product-availability-list .move-to-wishlist {
        padding-top: .625rem;
        color: #f33838
    }

#cart-table .item-quantity.price-flag, #cart-table .item-quantity.price-flag ~ .item-details {
    padding-left: 2%
}

    #cart-table .item-quantity.price-flag .promo-save-cell, #cart-table .item-quantity.price-flag ~ .item-details .promo-save-cell {
        padding: 0 0 .625rem .625rem;
        position: relative
    }

        #cart-table .item-quantity.price-flag .promo-save-cell .type-pdp-promo-save, #cart-table .item-quantity.price-flag ~ .item-details .promo-save-cell .type-pdp-promo-save {
            min-width: 11.25rem
        }

        #cart-table .item-quantity.price-flag .promo-save-cell .type-pdp-promo-save-copy, #cart-table .item-quantity.price-flag ~ .item-details .promo-save-cell .type-pdp-promo-save-copy {
            position: absolute;
            top: 1.5625rem;
            width: 25rem;
            left: -5.4375rem
        }

#cart-table .item-quantity-details .item-user-actions a, #cart-table .item-quantity-details .item-user-actions button {
    display: block;
    margin: .3125rem 0
}

#cart-table .price-promotion {
    word-spacing: 1em
}

    #cart-table .price-promotion .price-sales {
        color: #36c
    }

    #cart-table .price-promotion .price-standard {
        text-decoration: line-through
    }

@media only screen and (min-width:768px) and (max-width:1024px) {
    #cart-table .price-promotion span {
        display: block
    }
}

#cart-table .promo {
    margin-top: .5em;
    overflow: hidden;
    color: #36c;
    font-weight: 700
}

#cart-table .line-item-savings, #cart-table .promo {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 16px;
    font-size: 1rem
}

#cart-table .line-item-savings {
    color: #f33838;
    font-weight: 600;
    margin-top: .3125rem
}

#cart-table .item-total {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    word-wrap: break-word
}

@media only screen and (min-width:768px) {
    #cart-table .item-total {
        font-size: 1em;
        text-align: right
    }
}

#cart-table .price-unadjusted {
    color: #000;
    display: block;
    margin: 0 0 .42em
}

    #cart-table .price-unadjusted span {
        text-decoration: line-through
    }

#cart-table .price-adjusted-total {
    color: #000;
    display: block;
    margin: .42em 0 0
}

    #cart-table .gift-cert-delivery, #cart-table .price-adjusted-total span {
        color: #36c
    }

@media only screen and (min-width:768px) {
    #cart-table .item-image {
        width: 20%;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    #cart-table .item-image {
        width: 100%
    }
}

#cart-table .item-name {
    width: 25%
}

@media only screen and (max-width:767px) {
    #cart-table .item-name {
        margin: 20px 0 0;
        width: 100%
    }
}

@media only screen and (min-width:480px) {
    #cart-table .item-name .remove-item {
        display: none
    }
}

#cart-table .item-name .homestore-logo {
    max-width: 65%;
    margin: 10px 0 5px
}

@media only screen and (min-width:480px) {
    #cart-table .item-name .homestore-logo {
        display: none
    }
}

#cart-table .item-name .name {
    font-size: 1rem;
    padding: 0;
    font-style: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    #cart-table .item-name .name a {
        color: #000;
        text-decoration: none;
        padding-bottom: 2px
    }

    #cart-table .item-name .name .product-price {
        margin: 10px 0
    }

#cart-table .item-name .item-details {
    width: auto
}

    #cart-table .item-name .item-details .product-price {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 1rem
    }

        #cart-table .item-name .item-details .product-price del.price-standard {
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 400;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.18182em;
            color: #999;
            text-decoration: line-through;
            margin-right: .9375rem;
            font-size: 1rem
        }

    #cart-table .item-name .item-details .attribute, #cart-table .item-name .item-details .sku {
        text-transform: capitalize
    }

        #cart-table .item-name .item-details .attribute .value, #cart-table .item-name .item-details .sku .value {
            font-weight: 400
        }

@media only screen and (max-width:479px) {
    #cart-table .item-name .item-details.desktop {
        display: none
    }
}

@media only screen and (min-width:768px) {
    #cart-table .item-pricing-threshold {
        width: 30%
    }
}

@media only screen and (max-width:479px) {
    #cart-table .item-pricing-threshold .item-savings {
        margin: 5px 0
    }
}

#cart-table .item-pricing-threshold .homestore-logo {
    margin-top: 5px;
    width: 70%
}

@media only screen and (max-width:479px) {
    #cart-table .item-pricing-threshold .homestore-logo {
        display: none
    }
}

#cart-table .item-pricing-threshold .default-messaging {
    margin-top: 10px;
    font-weight: 700
}

#cart-table .item-pricing-threshold .item-details.mobile {
    margin: .5em 0
}

@media only screen and (min-width:480px) {
    #cart-table .item-pricing-threshold .item-details.mobile {
        display: none
    }
}

#cart-table .removing-items-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width:479px) {
    #cart-table .removing-items-block {
        margin-top: 20px
    }
}

#cart-table .removing-items-block .remove-item {
    text-align: right
}

@media only screen and (max-width:479px) {
    #cart-table .removing-items-block .remove-item {
        display: none
    }
}

#cart-table .removing-items-block .remove-item a {
    text-decoration: none;
    cursor: pointer
}

#cart-table .kit-toggle {
    border-top: 0;
    cursor: pointer;
    margin: -10px 0 0 21%
}

@media only screen and (max-width:479px) {
    #cart-table .kit-toggle {
        margin: 20px 0 0
    }
}

#cart-table .kit-toggle .kit-header {
    display: block;
    position: relative;
    padding-left: 2rem;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem
}

    #cart-table .kit-toggle .kit-header:before {
        content: url(../images/svg-icons/drawer-plus-gray-icon.svg);
        display: inline-block;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 2%
    }

    #cart-table .kit-toggle .kit-header.expanded:before {
        content: url(../images/svg-icons/drawer-minus-gray-icon.svg);
        margin-top: -15px
    }

#cart-table .kit-toggle.package .items-delivered, #cart-table .kit-toggle.package .kit-header {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700
}

#cart-table .toggle-package-content {
    margin: 0 0 .75rem 2rem
}

#cart-table .toggle-content, #cart-table .toggle-package-content {
    border-top: 0;
    display: block;
    font-size: 14px;
    font-size: .875rem
}

    #cart-table .toggle-content .delivery-method, #cart-table .toggle-package-content .delivery-method {
        color: #24b337
    }

    #cart-table .toggle-content.delivery-message, #cart-table .toggle-package-content.delivery-message {
        font-size: .75rem
    }

        #cart-table .toggle-content.delivery-message .container-delivery-message .default-messaging, #cart-table .toggle-content.delivery-message .container-delivery-message .get-it-by-timer, #cart-table .toggle-content.delivery-message .container-not-get-it-by .default-messaging, #cart-table .toggle-content.delivery-message .container-not-get-it-by .get-it-by-timer, #cart-table .toggle-package-content.delivery-message .container-delivery-message .default-messaging, #cart-table .toggle-package-content.delivery-message .container-delivery-message .get-it-by-timer, #cart-table .toggle-package-content.delivery-message .container-not-get-it-by .default-messaging, #cart-table .toggle-package-content.delivery-message .container-not-get-it-by .get-it-by-timer {
            margin-top: .2rem;
            margin-bottom: 1.2rem
        }

        #cart-table .toggle-content.delivery-message .delivery-date-string, #cart-table .toggle-package-content.delivery-message .delivery-date-string {
            display: inline-block
        }

    #cart-table .toggle-content.assembly-may-be-required, #cart-table .toggle-package-content.assembly-may-be-required {
        font-size: .75rem;
        font-weight: 700
    }

    #cart-table .toggle-content .delivery-messaging, #cart-table .toggle-package-content .delivery-messaging {
        display: block
    }

    #cart-table .toggle-content .item-name, #cart-table .toggle-package-content .item-name {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 1rem
    }

    #cart-table .toggle-content .item-image, #cart-table .toggle-package-content .item-image {
        width: 6.25rem;
        padding-left: 2.5rem
    }

    #cart-table .toggle-content.include-message, #cart-table .toggle-content .include-message, #cart-table .toggle-package-content.include-message, #cart-table .toggle-package-content .include-message {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        text-transform: capitalize;
        padding-bottom: .625rem
    }

    #cart-table .toggle-content .kit-product, #cart-table .toggle-package-content .kit-product {
        padding: 10px 0 0 20px
    }

#cart-table .item-price {
    margin: .5em 0
}

#cart-table .cart-shipment-message span.kit-toggle.package.view-details-toggle {
    margin-left: 20px
}

.delivery-date-string, .latest-delivery {
    margin-bottom: .75rem
}

.default-messaging, .delivery-date-string, .latest-delivery {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700
}

#cart-items-form.cart-left-form {
    overflow: hidden
}

@media only screen and (min-width:768px) {
    #cart-items-form {
        position: relative;
        overflow: auto;
        width: 100%
    }

    .order-totals-table {
        min-height: 150px;
        max-height: 180px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1024px) {
    .order-totals-table .order-shipping .no-wrap {
        display: block;
        padding-right: 0;
        width: 130%
    }
}

@media only screen and (min-width:768px) {
    .order-totals-table .label-sales-tax {
        display: inline
    }
}

.cart-promo {
    clear: left;
    color: #24b337;
    padding: 1em 0
}

    .cart-promo .bonus-item-actions {
        text-align: right;
        vertical-align: middle
    }

.order-totals-table td {
    padding: .5em 1em;
    text-align: right
}

    .order-totals-table td:first-of-type {
        text-align: left;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400
    }

@media only screen and (min-width:768px) and (max-width:1024px) {
    .order-totals-table td {
        padding: .5em
    }
}

.order-totals-table .order-totals-item {
    width: 60%
}

.order-totals-table .order-totals-value {
    width: 40%
}

.order-totals-table .order-subtotal, .order-totals-table .order-total {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700
}

.order-totals-table .order-total {
    font-size: 16px;
    font-size: 1rem;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

    .order-totals-table .order-total td {
        padding: .7em 1em
    }

        .order-totals-table .order-total td:first-of-type {
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 600
        }

@media only screen and (min-width:768px) and (max-width:1024px) {
    .order-totals-table .order-total td {
        padding: .7em .5em
    }
}

.order-totals-table .order-zipcode td {
    padding-top: 0;
    padding-bottom: 1.25rem
}

.order-totals-table .order-zipcode .local-pricing-status {
    padding: 0;
    margin-top: -5px;
    margin-bottom: 0
}

.order-totals-table .order-zipcode .local-pricing-info, .order-totals-table .order-zipcode .local-pricing-link {
    font-size: 11px;
    font-size: .6875rem
}

.order-totals-table .order-zipcode a {
    color: #000
}

.order-totals-table .cart-coupon-code {
    min-width: 10.625rem
}

    .order-totals-table .cart-coupon-code input {
        width: calc(100% - 95px);
        margin-right: -5px;
        min-width: 130px
    }

@media only screen and (min-width:768px) {
    .order-totals-table .cart-coupon-code input {
        width: calc(100% - 150px)
    }
}

.order-totals-table .cart-coupon-code #add-coupon {
    min-height: 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: .07143em;
    margin-left: 0;
    width: 5.75rem;
    padding: 10px;
    height: 2rem;
    display: inline-block
}

.order-totals-table .cart-coupon-code .error {
    padding-top: .4em
}

.order-totals-table .cart-coupon-code button {
    margin-left: .27em;
    padding: .53125rem 1.25rem
}

    .order-totals-table .cart-coupon-code .store-tile.selected .select-store-button, .order-totals-table .cart-coupon-code button.simple, .store-tile.selected .order-totals-table .cart-coupon-code .select-store-button {
        padding: .53125rem 1.25rem
    }

.rowbundle .item-image {
    clear: left
}

.order-value {
    white-space: nowrap
}

.cart-actions {
    background: #fff;
    padding: 10px 20px
}

    .cart-actions:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:768px) {
    .cart-actions {
        padding: 0 20px 30px
    }

        .cart-actions.cart-actions-top {
            float: none;
            width: auto
        }
}

.cart-actions .hide-desktop {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:1025px) {
    .cart-actions .hide-desktop {
        display: none
    }
}

.cart-actions .sales-assoc-intro {
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .cart-actions .sales-assoc-intro {
        width: 85%
    }
}

.cart-actions .tooltip.sales-assoc {
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width:768px) {
    .cart-actions .tooltip.sales-assoc {
        width: 10%
    }
}

.cart-actions .sales-associate {
    width: 99%;
    margin: auto;
    padding-top: .3125rem
}

    .cart-actions .sales-associate .sales-associate-accent {
        color: #36c
    }

    .cart-actions .sales-associate span {
        font-size: 11px;
        font-size: .6875rem
    }

    .cart-actions .sales-associate .tooltip {
        float: right
    }

    .cart-actions .sales-associate.expanded, .cart-actions .sales-associate .sales-associate-question.desktop-only {
        display: none
    }

@media only screen and (min-width:1025px) {
    .cart-actions .sales-associate .sales-associate-question.desktop-only {
        display: inline-block
    }
}

.cart-actions #sales-associate-form-wrap {
    margin-top: 1.2em;
    position: relative;
    text-align: center
}

    .cart-actions #sales-associate-form-wrap button.button-text {
        color: #36c;
        text-transform: lowercase
    }

    .cart-actions #sales-associate-form-wrap .associate-name {
        text-align: left;
        text-transform: capitalize
    }

        .cart-actions #sales-associate-form-wrap .associate-name span.assoc-name {
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 700;
            padding-right: .625rem
        }

        .cart-actions #sales-associate-form-wrap #wrapper ~ img.associate-name, .cart-actions #sales-associate-form-wrap .associate-name.visually-hidden, .cart-actions #sales-associate-form-wrap .day label.associate-name, .cart-actions #sales-associate-form-wrap .month label.associate-name, .cart-actions #sales-associate-form-wrap .year label.associate-name, .day .cart-actions #sales-associate-form-wrap label.associate-name, .month .cart-actions #sales-associate-form-wrap label.associate-name, .year .cart-actions #sales-associate-form-wrap label.associate-name {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

    .cart-actions #sales-associate-form-wrap #sales-associate-form {
        display: block
    }

        .cart-actions #sales-associate-form-wrap #sales-associate-form.visually-hidden, .cart-actions #sales-associate-form-wrap #wrapper ~ img#sales-associate-form, .cart-actions #sales-associate-form-wrap .day label#sales-associate-form, .cart-actions #sales-associate-form-wrap .month label#sales-associate-form, .cart-actions #sales-associate-form-wrap .year label#sales-associate-form, .day .cart-actions #sales-associate-form-wrap label#sales-associate-form, .month .cart-actions #sales-associate-form-wrap label#sales-associate-form, .year .cart-actions #sales-associate-form-wrap label#sales-associate-form {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

    .cart-actions #sales-associate-form-wrap button.add {
        min-height: 0;
        height: 1.875rem;
        padding: 0 10px;
        margin-top: .625rem;
        font-size: 12px;
        font-size: .75rem
    }

@media only screen and (min-width:1025px) {
    .cart-actions #sales-associate-form-wrap button.add {
        height: 1.5rem;
        position: absolute;
        top: 0;
        margin-top: 4px
    }
}

.cart-actions #sales-associate-form-wrap .save {
    margin-right: 4.5rem
}

@media only screen and (min-width:768px) {
    .cart-actions #sales-associate-form-wrap .save {
        right: 5rem;
        margin-right: .3125rem
    }
}

.cart-actions #sales-associate-form-wrap .cancel {
    background: #919090;
    border-color: #919090
}

@media only screen and (min-width:768px) {
    .cart-actions #sales-associate-form-wrap .cancel {
        right: 5px
    }
}

.cart-actions .cart-promo {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25em;
    text-align: center
}

.cart-action-checkout button {
    min-height: 0;
    max-height: 42px;
    width: 100%;
    max-width: 21.875rem;
    padding-top: .5rem;
    line-height: 1;
    margin-bottom: 1.25rem;
    display: block;
    margin: 0 auto 1em
}

@media only screen and (min-width:768px) {
    .cart-actions-top .cart-action-checkout {
        float: right
    }

        .cart-actions-top .cart-action-checkout button {
            width: auto
        }
}

.cart-action-checkout a {
    display: block;
    text-align: center;
    margin-bottom: 1.5625rem
}

    .cart-action-checkout a img {
        display: block;
        height: auto;
        margin: auto
    }

.cart-action-checkout-kiosk button {
    min-height: 0;
    max-height: 2rem;
    width: 30%;
    max-width: 21.875rem;
    line-height: 1;
    margin-bottom: 1.25rem;
    display: block;
    font-size: .775rem;
    padding: .5rem 0
}

@media only screen and (min-width:768px) {
    .cart-actions-top .cart-action-checkout-kiosk {
        float: right
    }

        .cart-actions-top .cart-action-checkout-kiosk button {
            width: auto
        }
}

.cart-action-checkout-kiosk a {
    display: block;
    text-align: center;
    margin-bottom: 2.1875rem
}

    .cart-action-checkout-kiosk a img {
        display: block;
        height: auto;
        margin: auto
    }

.cart-action-checkout-kiosk input {
    float: left;
    width: 70%
}

.cart-recommendations {
    clear: both;
    padding-top: 2em
}

    .cart-recommendations .product-listing {
        margin: 0 0 2em;
        padding-top: 3em;
        background-color: #fff
    }

        .cart-recommendations .product-listing:after {
            content: "";
            display: table;
            clear: both
        }

        .cart-recommendations .product-listing h2 {
            padding: 0 0 .7em;
            background-color: #fff
        }

        .cart-recommendations .product-listing .search-result-items {
            margin-top: 1em;
            border-top: 1px solid #e8e8e8
        }

            .cart-recommendations .product-listing .search-result-items:before {
                border-top: none
            }

            .cart-recommendations .product-listing .search-result-items .grid-tile {
                border-bottom: none
            }

.cart-actions-top {
    margin-top: .5rem;
    padding-bottom: 1em
}

.cart-empty {
    margin-top: 6rem
}

    .cart-empty:after {
        content: "";
        display: table;
        clear: both
    }

    .cart-empty h1 {
        text-align: center
    }

    .cart-empty .cart-action-continue-shopping {
        float: none;
        text-align: center;
        margin-bottom: 4rem;
        display: block
    }

    .cart-empty .product-listing {
        background-color: #f2f2f2;
        padding: 1rem 0
    }

        .cart-empty .product-listing:after {
            content: "";
            display: table;
            clear: both
        }

        .cart-empty .product-listing h2 {
            margin-left: 1.3125rem
        }

        .cart-empty .product-listing .search-result-items {
            margin-top: 1em
        }

.promo-adjustment {
    color: #36c
}

ul.product-availability-list {
    margin: 0;
    padding: 0;
    width: 5em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

    ul.product-availability-list li {
        list-style: none outside none
    }

    ul.product-availability-list .not-available, ul.product-availability-list .on-order {
        color: #f33838;
        font-size: .9em
    }

.account-welcome .welcome-message {
    font-size: 1.2em;
    font-style: italic
}

.account-welcome .not-user {
    margin: .83em 0
}

#password-reset {
    white-space: nowrap
}

#cart-remove-product h2 {
    padding-bottom: 1.25rem
}

#cart-remove-product .button-wrap {
    width: 100%;
    text-align: center
}

    #cart-remove-product .button-wrap .remove {
        margin-right: 20px
    }

#cart-remove-product .wishlist {
    margin-top: 20px;
    padding: 15px 0;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

    #cart-remove-product .wishlist a {
        color: #000
    }

@media only screen and (max-width:767px) {
    .ups-my-choice a img {
        display: block;
        margin: auto
    }
}

.shippingaddress .select-address {
    width: 100%;
    margin-left: 0
}

.shippingaddress .edit-address {
    margin-top: .5em
}

.formactions {
    margin-top: 20px;
    text-align: right
}

@media only screen and (max-width:767px) {
    .checkoutmultishipping table.item-list .item-availability, .checkoutmultishipping table.item-list .item-dashboard, .checkoutmultishipping table.item-list .item-details {
        display: table-cell
    }

    .checkoutmultishipping table.item-list .item-image {
        width: auto
    }

    .checkoutmultishipping table.item-list .item-details {
        width: 25%
    }
}

@media only screen and (max-width:479px) {
    .checkoutmultishipping table.item-list .item-image {
        width: 0;
        padding: 0
    }

        .checkoutmultishipping table.item-list .item-image img {
            display: none
        }

    .checkoutmultishipping table.item-list .item-details {
        width: 50%;
        padding-left: 0
    }
}

.item-list .multi-shipment-row {
    border-bottom: none
}

.minishipments-method {
    padding-top: 10px
}

.pt_checkout #cart-table .cart-row .shipment-label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: 35px
}

.selected-store-address {
    margin-top: .5em
}

.selected-store-availability {
    margin: .3em 0 .5em
}

.multishipprogress .step-3, .multishipprogress div {
    display: inline;
    padding: 1em
}

.multishipprogress .step-4 {
    padding-right: 0
}

.multishipaddressestable {
    margin: 9px 0 20px;
    width: 706px
}

.multi-ship-shipments-table {
    margin: 0 0 20px;
    width: 706px
}

    .multi-ship-shipments-table .pt_gift-registry .primary-content h3, .multi-ship-shipments-table .section-header, .pt_gift-registry .primary-content .multi-ship-shipments-table h3 {
        font-size: 10px;
        font-size: .625rem;
        font-weight: 700;
        padding: 9px 6px 11px
    }

    .multi-ship-shipments-table .shipping-address .details {
        padding: 0 10px 0 22px
    }

    .multi-ship-shipments-table .gift-options label {
        float: left;
        padding: 0
    }

    .multi-ship-shipments-table .gift-options input {
        margin: 0 10px
    }

.multi-shipping-addresses {
    margin-bottom: 20px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

    .multi-shipping-addresses .shipping-address {
        text-align: right
    }

        .multi-shipping-addresses .shipping-address select {
            margin: 4px 0 0;
            width: 260px
        }

.header-product-shipping {
    width: 276px
}

.header-qty-shipping {
    width: 45px
}

.header-location-shipping {
    text-indent: 70px;
    width: 307px
}

.header-shipment-index {
    width: 409px
}

.header-shipment-qty {
    width: 27px
}

.header-shipment-details {
    text-indent: 22px
}

.multi-shipping-methods {
    position: absolute;
    top: 30px
}

    .multi-shipping-methods .shipping-methods .form-row {
        clear: none;
        float: left;
        display: none
    }

    .multi-shipping-methods .shipping-methods select {
        width: 250px;
        margin: -5px 0 0 15px
    }

.multi-shipping-option {
    border-bottom: 2px solid #919090;
    border-bottom-style: dotted;
    left: 0;
    padding: 0 0 12px;
    position: absolute;
    text-indent: 10px;
    top: 48px;
    width: 95%
}

.multi-ship-shipments-table .shipping-qty, .multi-shipping-addresses .shipping-qty {
    background: none repeat scroll 0 0 #fff
}

.multiship .label {
    font-weight: 700
}

.loading {
    background: url(../images/loading-progress-98x22.gif) no-repeat scroll 0 transparent
}

.instore-shipping-option, .pt_checkout .instore-shipment-header {
    width: 100%
}

.pt_checkout .instore-shipment-method {
    width: 100%;
    padding: 1em
}

    .pt_checkout .instore-shipment-method span {
        font-weight: 700
    }

.pt_checkout .instore-shipment-address {
    width: 40%;
    float: left;
    padding-left: 1em
}

.pt_checkout .instore-shipment-message {
    clear: both
}

.pt_checkout .instore-shipment-messagetxt {
    width: 50%;
    float: right
}

.checkout-shipping fieldset .instore-continue-button {
    margin-left: 61.5%
}

.checkout-progress-indicator {
    padding: 1em 0;
    margin: 0 auto 1em;
    width: 255px
}

@media only screen and (min-width:768px) {
    .checkout-progress-indicator {
        margin: 0 0 1.5em;
        padding: 0;
        height: 44px;
        line-height: 44px;
        line-height: 2.75rem;
        width: auto;
        border-bottom: 1px solid #e8e8e8
    }
}

.checkout-progress-indicator.breadcrumb li.active a {
    color: #36c
}

.checkout-progress-indicator.breadcrumb li a {
    color: #000
}

.checkout-progress-indicator li {
    display: block;
    list-style: none;
    padding: .5em 0;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

    .checkout-progress-indicator li:after {
        display: none
    }

@media only screen and (min-width:768px) {
    .checkout-progress-indicator li {
        display: inline-block;
        padding: 0 1.25rem 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .checkout-progress-indicator li {
        font-size: 11px;
        font-size: .6875rem;
        padding-right: .4em
    }
}

.checkout-progress-indicator li.active {
    color: #36c;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) {
    .checkout-progress-indicator li.active {
        border: none
    }
}

.checkout-progress-indicator .arrow-small-right-icon {
    display: none;
    padding-left: 1.25rem;
    width: 5px;
    height: 10px
}

@media only screen and (min-width:768px) {
    .checkout-progress-indicator .arrow-small-right-icon {
        display: inline-block
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .checkout-progress-indicator .arrow-small-right-icon {
        padding-left: .4em
    }
}

.checkout-progress-indicator .step-3 {
    padding-right: 0
}

.checkout-margin-wrapper {
    margin-left: 1.5em
}

@media only screen and (min-width:768px) {
    .checkout-margin-wrapper {
        margin-left: 0
    }
}

.ui-dialog {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.different-address-dialog {
    padding: 20px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .different-address-dialog {
        width: 500px
    }
}

.different-address-dialog #ui-id-5 {
    display: block
}

    .different-address-dialog #ui-id-5 .fa, .different-address-dialog #ui-id-5 .fa-exclamation-triangle {
        color: red
    }

.checkout-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: .3em
}

.checkout-billing .checkout-header {
    margin-bottom: .5em
}

.checkout-subheader {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1em
}

.partial-divider {
    margin-top: 25px;
    position: relative
}

@media only screen and (min-width:480px) {
    .partial-divider {
        padding-top: 25px
    }
}

.partial-divider:before {
    position: absolute;
    border-top: 1px solid #e8e8e8;
    width: 100%;
    top: 0;
    content: " "
}

@media only screen and (min-width:768px) {
    .half-width-one {
        width: 49%;
        float: left;
        margin-right: 2%
    }
}

@media only screen and (min-width:768px) {
    .address1 label {
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .half-width-two {
        width: 49%;
        float: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .half-width-two.contact-phone label {
        width: 110%
    }
}

.checkout-utility-toggle, .label-alt {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400
}

.checkout-utility-toggle {
    display: inline-block;
    margin: .5em 0 0;
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .checkout-utility-toggle {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.checkout-utility-toggle .icon {
    vertical-align: top;
    margin: 6px 4px 0 0
}

.checkout-utility-toggle .drawer-minus-icon {
    display: none;
    margin-top: 12px
}

.checkout-utility-toggle.expanded .drawer-minus-icon {
    display: inline-block
}

.checkout-utility-toggle.expanded .drawer-plus-icon {
    display: none
}

.checkout-title-tooltip {
    margin: -8px 0 0 2px;
    display: inline-block;
    vertical-align: middle
}

.checkout-content-drawer {
    display: none
}

    .checkout-content-drawer.expanded {
        display: block
    }

@media only screen and (min-width:1025px) {
    .checkout-billing, .checkout-shipping {
        width: 70%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .checkout-billing, .checkout-shipping {
        width: 78%
    }
}

.checkout-billing .checkbox, .checkout-shipping .checkbox {
    margin-left: 0
}

    .checkout-billing .checkbox.email-subscribe, .checkout-billing .checkbox.text-survey-option, .checkout-shipping .checkbox.email-subscribe, .checkout-shipping .checkbox.text-survey-option {
        margin-top: 0
    }

        .checkout-billing .checkbox.email-subscribe .field-wrapper, .checkout-billing .checkbox.text-survey-option .field-wrapper, .checkout-shipping .checkbox.email-subscribe .field-wrapper, .checkout-shipping .checkbox.text-survey-option .field-wrapper {
            width: 100%
        }

@media only screen and (max-width:1024px) {
    .checkout-billing .checkbox.email-subscribe .input-checkbox + label, .checkout-billing .checkbox.text-survey-option .input-checkbox + label, .checkout-shipping .checkbox.email-subscribe .input-checkbox + label, .checkout-shipping .checkbox.text-survey-option .input-checkbox + label {
        font-size: 12px;
        font-size: .75rem
    }
}

.checkout-billing .checkbox.email-subscribe, .checkout-shipping .checkbox.email-subscribe {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .checkout-billing .contact-phone span, .checkout-shipping .contact-phone span {
        font-size: 10px;
        font-size: .625rem
    }
}

.checkout-billing .privacy-policy, .checkout-shipping .privacy-policy {
    display: inline-block;
    margin-top: -3px;
    color: #000;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .checkout-billing .privacy-policy, .checkout-shipping .privacy-policy {
        font-size: 12px;
        font-size: .75rem
    }
}

.checkout-billing .button-fancy-large, .checkout-shipping .button-fancy-large {
    display: block;
    width: 90%;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .checkout-billing .button-fancy-large, .checkout-shipping .button-fancy-large {
        width: 100%
    }
}

.checkout-billing .form-row-button {
    text-align: center
}

.shipping-method {
    margin-top: 1.83em
}

    .shipping-method label {
        display: inline;
        float: none !important;
        padding-right: .42em !important
    }

@media only screen and (max-width:1024px) {
    .shipping-method label {
        margin-left: 30px;
        text-indent: -30px
    }
}

.shipping-method .shipping-description {
    display: inline
}

.gift-message-text.hidden {
    display: none
}

.billing-coupon-code .form-row {
    width: 50%
}

.redemption {
    color: #f33838
}

    .redemption span.error {
        margin-left: 0
    }

    .redemption .success {
        color: #24b337
    }

.payment-method-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border: 1px solid #999
}

    .payment-method-container .payment-methods-tabs {
        display: -ms-flexbox;
        display: flex;
        width: 24%;
        -ms-flex-flow: row;
        flex-flow: row;
        text-align: center
    }

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs {
        width: 25%
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper {
        width: 100%
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options {
    width: 97%;
    height: 8rem;
    padding: .75% 1%;
    border: 1px solid #999;
    border-top: 0;
    border-left: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: inline;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f2f2f2
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options {
        height: 8.125rem
    }
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options:first-of-type, .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options:nth-child(2), .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options:nth-child(3) {
        width: 97%
    }
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options:nth-child(4), .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options:nth-child(5) {
        padding: 0 2%;
        width: 93%
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row {
    margin-bottom: .9375rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .field-wrapper {
        margin: 0 auto
    }

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .field-wrapper {
        display: none
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .renovate-finance-logo-wrapper .renovate-payment-logo img {
    width: 100%;
    height: 4.375rem;
    padding-top: 1.1875rem
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .renovate-finance-logo-wrapper .renovate-payment-logo img {
        height: none
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-financing-text {
    font-size: .625rem;
    line-height: 1.3;
    margin-top: .5rem
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-financing-text {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .creditcard-logo-container {
        display: block;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
        margin-top: .75rem
    }
}

@media only screen and (max-width:1024px) and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .creditcard-logo-container {
        margin-top: .1875rem
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .creditcard-logo-container .creditcard-logos {
    text-align: center;
    margin-top: 12px
}

@media only screen and (max-width:479px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .creditcard-logo-container .creditcard-logos {
        margin-top: 1.5rem
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .creditcard-logo-container .creditcard-logos img {
    width: 7.5rem;
    padding-top: 10px
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper {
    width: 100%
}

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper {
        text-align: center
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div.progressive-img:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div.progressive-img:first-of-type {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div.progressive-img:first-of-type img {
    height: 3.125rem;
    margin: 0 auto;
    padding-top: 35px
}

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div.progressive-img:first-of-type img {
        height: 2.1875rem;
        margin-top: .375rem;
        margin-bottom: 1.25rem
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div.progressive-img:first-of-type .payment-method-test {
    margin-left: .625rem
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div:first-of-type {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div:first-of-type img {
    height: 5rem;
    margin: 0 auto;
    padding-top: 1rem
}

@media only screen and (max-width:1024px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div:first-of-type img {
        padding-top: 1.25rem;
        height: 4.5rem
    }
}

@media only screen and (max-width:479px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div:first-of-type img {
        padding-top: 1.75rem;
        height: 3.5rem
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .ashley-finance-logo-wrapper > div:first-of-type .payment-method-test {
    margin-left: .625rem
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options {
        padding: 0
    }

        .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row {
            width: 100%
        }

            .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row label {
                float: left;
                margin: 0;
                padding: 0 0 0 1em
            }

            .payment-method-container .payment-methods-tabs .payment-methods-wrapper .payment-method-options .form-row .input-radio {
                margin: 0
            }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .active-payment {
    border-right: none;
    background: #fff
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .active-payment {
        box-shadow: none;
        border-right: none
    }
}

.payment-method-container .payment-methods-tabs .payment-methods-wrapper .paypal img {
    padding-top: 1.5rem
}

@media only screen and (max-width:479px) {
    .payment-method-container .payment-methods-tabs .payment-methods-wrapper .paypal img {
        height: 3rem;
        padding-top: 1.75rem
    }
}

.payment-method-container .payment-methods-template {
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    -ms-flex-flow: row;
    flex-flow: row
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-template {
        width: 70%
    }
}

@media only screen and (max-width:767px) {
    .payment-method-container .payment-methods-tabs.payment-tabs-visibility {
        display: none
    }

    .payment-method-container .payment-methods-template.payment-template-visibility {
        width: 100%
    }
}

.form-row.ashley-financing-cardnumber label {
    text-align: start
}

.form-row.ashley-financing-cardnumber .field-wrapper input {
    height: 2.1875rem
}

.payment-method {
    clear: both;
    overflow: hidden;
    transition: all .5s ease-out
}

.payment-method-expanded {
    display: block;
    margin-left: 1px
}

    .payment-method-expanded .ssn {
        clear: both
    }

.form-row-button {
    padding: .625rem 0
}

.mini-payment-instrument .details {
    padding: 1em 0;
    border-top: 1px solid #f2f2f2;
    clear: both
}

.mini-payment-instrument .payment-method-image {
    float: left;
    margin-right: 10px
}

    .mini-payment-instrument .payment-method-image.paypal {
        max-width: 4.6875rem;
        height: 55px
    }

        .mini-payment-instrument .payment-method-image.paypal img {
            position: relative;
            top: -30px;
            margin-top: 50%
        }

    .mini-payment-instrument .payment-method-image.progressive img {
        height: 3.25rem;
        margin-top: -10px
    }

.mini-payment-instrument .minibillinginfo-amount, .mini-payment-instrument .payment-amount {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

.day, .month, .year {
    clear: none;
    float: left;
    margin: 0 2% 0 0;
    width: 49%;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .day, .month, .year {
        width: 49%
    }
}

.day .field-wrapper, .month .field-wrapper, .year .field-wrapper {
    min-width: 8.5625rem
}

.day div:not(.select-style) > select, .month div:not(.select-style) > select, .year div:not(.select-style) > select {
    width: auto
}

.month .form-caption {
    margin-left: 0
}

.year {
    margin-right: 0
}

.cvn {
    clear: left;
    width: 100%;
    margin-right: 2%;
    float: left;
    text-align: start
}

    .cvn .field-wrapper {
        width: 40%;
        float: left
    }

@media only screen and (max-width:767px) {
    .cvn .field-wrapper {
        width: 40%
    }
}

.cvn .form-field-tooltip {
    width: 22px;
    margin-top: .5em;
    padding-top: 0;
    float: left;
    background: url(../images/svg-icons/tooltip-icon.svg) no-repeat
}

@media only screen and (min-width:768px) {
    .cvn .form-field-tooltip {
        width: 16%
    }
}

.cvn .form-field-tooltip a {
    display: block;
    width: 22px;
    height: 22px
}

.financing-additional-amount {
    display: none;
    clear: both;
    padding-top: 22px;
    border-top: 1px solid #e8e8e8
}

.js-finance-cc-form-wrapper .financing-additional-amount {
    display: block;
    margin-bottom: -50px
}

    .js-finance-cc-form-wrapper .financing-additional-amount .cc-expiration, .js-finance-cc-form-wrapper .financing-additional-amount .cvn {
        margin-bottom: 25px
    }

.financing-additional-amount .heading {
    margin: 0 !important
}

.financing-additional-amount .tax-and-delivery, .financing-additional-amount .total-applied {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:768px) {
    .financing-additional-amount .tax-and-delivery, .financing-additional-amount .total-applied {
        width: 352px
    }
}

.financing-additional-amount .tax-and-delivery .label, .financing-additional-amount .total-applied .label {
    width: 70%
}

.financing-additional-amount .tax-and-delivery .value, .financing-additional-amount .total-applied .value {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    width: 30%;
    text-align: right
}

.financing-additional-amount .tax-and-delivery {
    margin: 15px 0 8px
}

.financing-additional-amount .total-applied {
    padding: 20px 0 5px
}

    .financing-additional-amount .total-applied .label {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem
    }

.financing-additional-amount .form-row {
    display: block;
    float: left;
    width: calc(100% - 95px);
    max-width: 300px
}

.financing-additional-amount #additionalpaymentupdate {
    font-size: 16px;
    font-size: 1rem;
    float: left;
    min-height: 0;
    line-height: 32px;
    padding: 0 15px;
    border: none;
    margin-top: 33px
}

.financing-additional-amount .form-field-tooltip {
    width: 20px;
    height: 20px;
    padding-top: 0;
    margin: 14px 0 0 8px;
    background: url(../images/svg-icons/tooltip-icon.svg) no-repeat
}

.financing-additional-amount .additional-payment-message {
    clear: both;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8
}

.financeterms {
    clear: left;
    width: 100%;
    margin-right: 2%;
    float: left
}

@media only screen and (min-width:1025px) {
    .financeterms {
        width: 24%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .financeterms {
        width: 22%
    }
}

.financeterms .field-wrapper {
    width: 80%;
    float: left
}

.financeterms .form-field-tooltip {
    width: 22px;
    margin-top: .5em;
    padding-top: 0;
    float: left;
    background: url(../images/svg-icons/tooltip-icon.svg) no-repeat
}

@media only screen and (min-width:768px) {
    .financeterms .form-field-tooltip {
        width: 16%
    }
}

.financeterms .form-field-tooltip a {
    display: block;
    width: 22px;
    height: 22px
}

.view-finance-terms-form .hasBackground {
    background-color: #fff
}

.view-finance-terms-form .ashley-finance-options-header.progressive {
    display: block
}

.view-finance-terms-form .ashley-finance-options-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 90%;
    margin: auto;
    margin-top: 20px
}

@media only screen and (max-width:1024px) {
    .view-finance-terms-form .ashley-finance-options-header {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.view-finance-terms-form .ashley-finance-options-header #view-available-offers, .view-finance-terms-form .ashley-finance-options-header #view-progressive-offers {
    margin-top: 10px
}

@media only screen and (min-width:1025px) {
    .view-finance-terms-form .ashley-finance-options-header #view-available-offers, .view-finance-terms-form .ashley-finance-options-header #view-progressive-offers {
        font-weight: 400;
        width: 60%;
        font-size: 14px;
        padding: .40625rem 15px
    }
}

@media only screen and (max-width:1024px) {
    .view-finance-terms-form .ashley-finance-options-header #view-available-offers, .view-finance-terms-form .ashley-finance-options-header #view-progressive-offers {
        display: -ms-flexbox;
        display: flex;
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .view-finance-terms-form button.progressive-btn {
        display: block;
        margin: auto;
        margin-top: 1.5625rem
    }
}

.view-finance-terms-form .progressive-logo {
    width: 25%;
    margin-left: 35px;
    margin-top: 5px;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .view-finance-terms-form .progressive-logo {
        width: 66%;
        text-align: start;
        border-bottom: 1px solid dimgray;
        margin: 10px 7.5vw 0;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .view-finance-terms-form .progressive-logo img {
        max-width: 45%
    }
}

.view-finance-terms-form .container-validation {
    width: 100%
}

    .view-finance-terms-form .container-validation .error-form {
        background-color: transparent;
        border-radius: 0;
        color: #f33838;
        width: 95%;
        margin-bottom: 0;
        padding: 6px
    }

        .view-finance-terms-form .container-validation .error-form .error-content {
            padding: 8px
        }

@media only screen and (max-width:1024px) {
    .view-finance-terms-form .container-validation .error-form {
        width: 91%
    }
}

@media only screen and (max-width:767px) {
    .view-finance-terms-form .container-validation .error-form {
        width: 91%;
        margin: .75rem .625rem 1.5rem .5625rem
    }
}

.ashley-advantange-tax-message {
    text-align: left;
    margin-left: 28px;
    margin-top: 34px
}

    .ashley-advantange-tax-message a {
        font-weight: 700
    }

.progressive-tax-message {
    text-align: left;
    margin-left: 28px;
    margin-top: 30px
}

.ashley-financing-wrapper {
    width: 100%;
    position: relative
}

@media only screen and (max-width:1024px) {
    .ashley-financing-wrapper {
        width: 95%;
        margin: auto
    }
}

.ashley-financing-wrapper label {
    float: left
}

.ashley-financing-wrapper span label {
    font-weight: 400;
    padding-left: 5px
}

.progressive-financing-wrapper {
    width: 85%;
    position: relative
}

@media only screen and (max-width:1024px) {
    .progressive-financing-wrapper {
        width: 95%;
        margin: auto
    }
}

.ashley-financing-logos {
    display: -ms-flexbox;
    display: flex;
    margin: 3% 0
}

@media only screen and (max-width:767px) {
    .ashley-financing-logos {
        margin: 10px 2.5vw;
        border-bottom: 1px solid #999;
        width: 85%;
        padding-bottom: 10px
    }
}

.ashley-financing-logos.financing-relocated + .view-finance-terms-form #view-available-offers, .ashley-financing-logos.financing-relocated + .view-finance-terms-form #view-progressive-offers {
    margin: 27px
}

.ashley-financing-logos .cc-logos {
    display: inline-block;
    margin-left: 10px
}

    .ashley-financing-logos .cc-logos img {
        margin: 0 15px
    }

    .ashley-financing-logos .cc-logos:nth-last-of-type(n+2) {
        border-right: 1px solid #e8e8e8;
        float: left
    }

    .ashley-financing-logos .cc-logos.selected:nth-last-of-type(n+2) {
        border-right: unset
    }

@media only screen and (max-width:1024px) {
    .ashley-financing-logos .cc-logos {
        width: 49%;
        padding: 0 4%;
        margin-left: unset
    }

        .ashley-financing-logos .cc-logos img {
            margin: unset
        }

        .ashley-financing-logos .cc-logos.selected {
            width: 54%
        }

            .ashley-financing-logos .cc-logos.selected img {
                margin: unset;
                height: unset
            }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ashley-financing-logos .cc-logos.selected img {
        margin: 0 15px
    }
}

@media only screen and (min-width:768px) {
    .ashley-financing-logos .cc-logos img {
        height: 2.375rem
    }
}

@media only screen and (max-width:1024px) {
    .ashley-financing-logos .cc-logos:nth-of-type(2) {
        width: 30%
    }

        .ashley-financing-logos .cc-logos:nth-of-type(2) img {
            margin: unset
        }

        .ashley-financing-logos .cc-logos:nth-of-type(2).selected {
            width: 40%
        }

            .ashley-financing-logos .cc-logos:nth-of-type(2).selected img {
                height: unset
            }
}

@media only screen and (min-width:768px) {
    .ashley-financing-logos .cc-logos:nth-of-type(2) img {
        height: 2.625rem
    }
}

@media screen and (min-device-width:640px) and (max-device-width:740px) and (orientation:landscape) {
    .ashley-financing-logos .cc-logos:nth-last-of-type(n+2) {
        border-right: 1px solid #e8e8e8
    }

    .ashley-financing-logos .cc-logos:last-of-type {
        margin: 20px 0
    }
}

@media screen and (max-width:320px) and (orientation:portrait) {
    .ashley-financing-logos {
        margin: 10px 5vw
    }
}

@media screen and (width:568px) and (orientation:landscape) {
    .ashley-financing-logos .cc-logos:nth-last-of-type(n+2) {
        border-right: 1px solid #e8e8e8
    }

    .ashley-financing-logos .cc-logos:last-of-type {
        margin: 20px 0
    }
}

.ashley-financing-logos.financing-relocated {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2% 0 2% 2%;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:767px) {
    .ashley-financing-logos.financing-relocated {
        margin: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.ashley-financing-logos.financing-relocated .ashley-financing-wrapper {
    width: 80%
}

@media only screen and (max-width:767px) {
    .ashley-financing-logos.financing-relocated .ashley-financing-wrapper {
        width: 95%;
        margin: 3% auto 1%
    }
}

.ashley-financing-logos.financing-relocated .cc-logos {
    border: none
}

.finance-steps-wrapper .ashley-financing-text {
    font-size: 12px;
    font-size: .75rem;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 25px
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .ashley-financing-text .text {
        font-size: .8rem;
        font-weight: 600
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .ashley-financing-text .text {
        margin-left: auto;
        margin-right: .1875rem
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .ashley-financing-text .text {
        margin-left: .5625rem
    }
}

.finance-steps-wrapper .form-row .label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem
}

.finance-steps-wrapper .form-row .value {
    margin-top: .625rem;
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 400
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .leasing-details-label {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 0 .625rem;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasing-details-label {
        padding: 0 .6rem
    }
}

.finance-steps-wrapper .leasing-details-label .label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: .8rem;
    color: #246cc7
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasing-details-label .label {
        text-align: left;
        margin-left: 0 !important;
        margin-top: 17px
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .leasing-details-label .label {
        text-align: left;
        margin-left: 10px;
        margin-top: 17px
    }
}

.finance-steps-wrapper .leasable-term-total.last {
    border-right: none;
    margin-top: 0
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .leasable-term-total {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1.25rem 0 0;
        margin-top: 1.5rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .finance-steps-wrapper .leasable-term-total {
        padding: .9375rem 1.3125rem .9375rem .625rem
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasable-term-total {
        padding: .9375rem 1.3125rem .9375rem .625rem
    }
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details {
        width: 95%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 1.25rem
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details {
        padding: .9375rem 0 0;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details {
        padding: .9375rem 0 0;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: .97em
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list {
        display: -ms-flexbox;
        display: flex
    }
}

.finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-title {
    display: -ms-flexbox;
    display: flex;
    width: 65%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-title {
        width: 65%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        float: left
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-title {
        width: 65%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        float: left
    }
}

.finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-title.step3 {
    width: 100%;
    margin-left: 10px
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-title.step3 {
        margin-left: 0
    }
}

.finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-title .title {
    display: block
}

.finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-price {
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-price {
        width: 35%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        float: left
    }
}

.finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-list .details-list-price.step3 {
    display: block;
    margin-left: 10px
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .leasable-term-total .leasable-term-details .leasable-details-notes {
        margin-top: 10px;
        color: red
    }
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .finance-term-totals.step2 {
        display: block;
        width: 100%;
        padding: 0 21px 0 33px;
        margin-top: 0;
        text-align: left
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals.step2 {
        margin-left: 45px;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals.step2 {
        margin-left: 30px;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals.step2 .ashley-financing-text {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals.step2 .ashley-financing-text {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals.step2 .ashley-financing-text .text {
        margin-left: 0;
        margin-right: 10px
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals.step2 .ashley-financing-text .text {
        margin-left: 0;
        margin-right: 10px
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals.step2 .leasable-term-total {
        padding: 15px 21px 15px 0
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals.step2 .leasable-term-total {
        padding: 15px 21px 15px 0
    }
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .finance-term-totals {
        width: 40%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: .5em .5em 0;
        margin-top: -60px;
        text-align: left
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals {
        margin-left: 25px
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals {
        margin-left: 10px;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .total-finance-amount {
        margin-left: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals .total-finance-amount {
        width: 65%
    }
}

.finance-steps-wrapper .finance-term-totals .button.primary.step-through {
    margin-top: 50px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals .button.primary.step-through {
        width: unset
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .button.primary.step-through {
        width: 85%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 50px auto 20px
    }
}

.finance-steps-wrapper .finance-term-totals .details-list-title {
    width: 95%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title {
        width: 95%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        float: left
    }
}

.finance-steps-wrapper .finance-term-totals .details-list-title .progressive-tooltip {
    display: block;
    display: inline-block;
    vertical-align: middle
}

.finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.first {
    margin: -18px 0 0 121px
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.first {
        margin: -18px 0 0 125px
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.first {
        margin: -18px 0 0 124px
    }
}

.finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.second {
    margin: -18px 0 0 138px
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.second {
        margin: -18px 0 0 142px
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.second {
        margin: -18px 0 0 141px
    }
}

.finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.service-tax {
    margin: -18px 0 0 73px
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.service-tax {
        margin: -18px 0 0 77px
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals .details-list-title a.progressive-tooltip.service-tax {
        margin: -18px 0 0 76px
    }
}

.finance-steps-wrapper .finance-term-totals .details-list-price {
    width: 35%;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals .details-list-price {
        width: 35%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        float: left
    }
}

.finance-steps-wrapper .finance-term-totals.progressive {
    padding: 0 .6rem;
    border-left: 1px solid gray
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals.progressive {
        margin-left: 1px
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .finance-term-totals.progressive {
        margin-left: 1px
    }
}

.finance-steps-wrapper .finance-term-totals.progressive .ashley-financing-text {
    font-size: .75rem;
    margin-bottom: 50px;
    margin-left: 12px;
    margin-top: 10px
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .finance-term-totals.progressive .ashley-financing-text {
        margin-bottom: 50px;
        margin-left: 0;
        margin-top: 10px
    }
}

.finance-steps-wrapper:first-of-type {
    margin-right: none
}

@media only screen and (min-width:1025px) {
    .finance-steps-wrapper .container-btn-lease-details {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 2rem
    }
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .container-btn-lease-details {
        position: relative;
        text-align: center;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .container-btn-lease-details {
        position: relative;
        text-align: center;
        margin-bottom: 15px
    }
}

.finance-steps-wrapper .partial-divider {
    width: 92%;
    margin: 10px auto auto
}

@media only screen and (max-width:767px) {
    .finance-steps-wrapper .partial-divider {
        width: 95%;
        margin: 10px auto 25px
    }
}

.finance-steps-wrapper .partial-divider-vr {
    height: 125px;
    width: 1px;
    background: #999;
    margin-top: 40px
}

@media only screen and (max-width:1024px) {
    .finance-steps-wrapper .partial-divider-vr {
        display: none
    }
}

.finance-steps-wrapper #step2 .finance-disclosures, .finance-steps-wrapper #step2 p {
    text-align: justify;
    line-height: 1.6em
}

.renovate-logo {
    height: 3.125rem;
    margin: 0 25px
}

@media only screen and (max-width:767px) {
    .renovate-logo {
        height: 2.5rem;
        margin: 0
    }
}

#step-form-p li, #step-form li {
    padding: 0
}

#step-form-p .ui-state-active, #step-form-p .ui-state-default, #step-form-p .ui-widget-content, #step-form .ui-state-active, #step-form .ui-state-default, #step-form .ui-widget-content {
    background: inherit;
    border: none
}

#step-form-p .finance-terms-agree, #step-form .finance-terms-agree {
    width: 95%;
    margin: auto;
    padding-bottom: 50px
}

    #step-form-p .finance-terms-agree .download-wrapper, #step-form .finance-terms-agree .download-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 25px
    }

        #step-form-p .finance-terms-agree .download-wrapper .button-download, #step-form .finance-terms-agree .download-wrapper .button-download {
            margin-right: 1.5rem
        }

    #step-form-p .finance-terms-agree .button-wrapper, #step-form .finance-terms-agree .button-wrapper {
        text-align: center
    }

@media only screen and (max-width:767px) {
    #step-form-p .finance-terms-agree .button-wrapper, #step-form .finance-terms-agree .button-wrapper {
        margin-left: 0
    }
}

#step-form-p .finance-terms-agree .button-wrapper .button, #step-form .finance-terms-agree .button-wrapper .button {
    width: 200px
}

@media only screen and (max-width:1279px) {
    #step-form-p .finance-terms-agree .button-wrapper .button, #step-form .finance-terms-agree .button-wrapper .button {
        width: 48%
    }
}

#step-form-p .finance-terms-agree .button-wrapper .button.quaternary.decline, #step-form .finance-terms-agree .button-wrapper .button.quaternary.decline {
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    #step-form-p .finance-terms-agree .button-wrapper .button.quaternary.decline, #step-form .finance-terms-agree .button-wrapper .button.quaternary.decline {
        margin: auto
    }
}

@media only screen and (max-width:1279px) {
    #step-form-p .finance-terms-agree .button-wrapper .button.quaternary.decline, #step-form .finance-terms-agree .button-wrapper .button.quaternary.decline {
        margin-right: 0
    }
}

#step-form-p .finance-terms-agree .message-confirm p:last-of-type, #step-form .finance-terms-agree .message-confirm p:last-of-type {
    color: #f33838
}

#step-form-p .finance-options-container, #step-form .finance-options-container {
    display: block
}

@media only screen and (min-width:1025px) {
    #step-form-p .finance-options-container, #step-form .finance-options-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#step-form-p .finance-options-container .partial-divider, #step-form .finance-options-container .partial-divider {
    display: block
}

@media only screen and (min-width:1025px) {
    #step-form-p .finance-options-container .partial-divider, #step-form .finance-options-container .partial-divider {
        display: none
    }
}

#step-form-p .finance-options-container #finance-term-options, #step-form .finance-options-container #finance-term-options {
    width: 100%;
    padding: 0 .5rem
}

@media only screen and (max-width:1024px) {
    #step-form-p .finance-options-container #finance-term-options, #step-form .finance-options-container #finance-term-options {
        width: 100%
    }
}

#step-form-p .finance-options-container #finance-term-options .heading, #step-form .finance-options-container #finance-term-options .heading {
    margin: 3.125rem 0 0 1.375rem
}

@media only screen and (max-width:1024px) {
    #step-form-p .finance-options-container #finance-term-options .heading, #step-form .finance-options-container #finance-term-options .heading {
        margin: 0 0 1.5625rem 1.5625rem
    }
}

#step-form #step1 .finance-term-totals, #step-form-p #step1 .finance-term-totals {
    width: 100%;
    margin: 0 0 0 30px
}

@media only screen and (max-width:479px) {
    #step-form #step1 .finance-term-totals, #step-form-p #step1 .finance-term-totals {
        margin-left: 5px
    }
}

#step-form #step1 .finance-action-wrapper, #step-form-p #step1 .finance-action-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width:767px) {
    #step-form #step1 .finance-action-wrapper, #step-form-p #step1 .finance-action-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#step-form #step1 .finance-action-wrapper .button.primary.step-through, #step-form-p #step1 .finance-action-wrapper .button.primary.step-through {
    margin-top: 25px;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    #step-form #step1 .finance-action-wrapper .button.primary.step-through, #step-form-p #step1 .finance-action-wrapper .button.primary.step-through {
        width: 85%;
        margin-bottom: 25px
    }
}

#step-form #step1 .finance-action-wrapper .cc-logos, #step-form-p #step1 .finance-action-wrapper .cc-logos {
    display: none
}

    #step-form #step1 .finance-action-wrapper .cc-logos img, #step-form-p #step1 .finance-action-wrapper .cc-logos img {
        height: 35px
    }

    #step-form #step1 .finance-action-wrapper .cc-logos:nth-of-type(2) img, #step-form-p #step1 .finance-action-wrapper .cc-logos:nth-of-type(2) img {
        height: 45px
    }

@media only screen and (max-width:767px) {
    #step-form #step1 .finance-action-wrapper .cc-logos, #step-form-p #step1 .finance-action-wrapper .cc-logos {
        margin: 0 0 10px 10vw
    }

        #step-form #step1 .finance-action-wrapper .cc-logos:nth-of-type(2), #step-form #step1 .finance-action-wrapper .cc-logos:nth-of-type(3), #step-form-p #step1 .finance-action-wrapper .cc-logos:nth-of-type(2), #step-form-p #step1 .finance-action-wrapper .cc-logos:nth-of-type(3) {
            margin: 0 0 20px 20vw
        }
}

@media screen and (min-device-width:560px) and (max-device-width:840px) and (orientation:landscape) {
    #step-form #step1 .finance-action-wrapper, #step-form-p #step1 .finance-action-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 3vw
    }

        #step-form #step1 .finance-action-wrapper .button.primary.step-through, #step-form-p #step1 .finance-action-wrapper .button.primary.step-through {
            width: 50%
        }

        #step-form #step1 .finance-action-wrapper .cc-logos, #step-form-p #step1 .finance-action-wrapper .cc-logos {
            margin: 45px 0 0 50px
        }

            #step-form #step1 .finance-action-wrapper .cc-logos:nth-of-type(2), #step-form-p #step1 .finance-action-wrapper .cc-logos:nth-of-type(2) {
                margin: 45px 0 0 60px
            }

            #step-form #step1 .finance-action-wrapper .cc-logos:nth-of-type(3), #step-form-p #step1 .finance-action-wrapper .cc-logos:nth-of-type(3) {
                margin: 45px 0 0 50px
            }
}

#step-form-p .font-weight, #step-form .font-weight {
    font-weight: 600
}

#step-form-p .leasable-term-total, #step-form .leasable-term-total {
    margin-top: 0
}

#step-form-p .progressive-credit-limit-options, #step-form .progressive-credit-limit-options {
    width: 100%
}

    #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options, #step-form-p .progressive-credit-limit-options .under-credit-limit-options, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options, #step-form .progressive-credit-limit-options .under-credit-limit-options {
        display: none;
        margin: 0 auto
    }

        #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options button, #step-form-p .progressive-credit-limit-options .under-credit-limit-options a, #step-form-p .progressive-credit-limit-options .under-credit-limit-options button, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options button, #step-form .progressive-credit-limit-options .under-credit-limit-options a, #step-form .progressive-credit-limit-options .under-credit-limit-options button {
            width: 252px;
            margin: 0 2.1875rem 2.1875rem 1.875rem
        }

@media only screen and (max-width:767px) {
    #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options button, #step-form-p .progressive-credit-limit-options .under-credit-limit-options a, #step-form-p .progressive-credit-limit-options .under-credit-limit-options button, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options button, #step-form .progressive-credit-limit-options .under-credit-limit-options a, #step-form .progressive-credit-limit-options .under-credit-limit-options button {
        width: 86%;
        margin: .75rem 0
    }
}

@media only screen and (max-width:1024px) {
    #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options button, #step-form-p .progressive-credit-limit-options .under-credit-limit-options a, #step-form-p .progressive-credit-limit-options .under-credit-limit-options button, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options button, #step-form .progressive-credit-limit-options .under-credit-limit-options a, #step-form .progressive-credit-limit-options .under-credit-limit-options button {
        margin: .75rem 0
    }
}

#step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form-p .progressive-credit-limit-options .under-credit-limit-options a, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options a, #step-form .progressive-credit-limit-options .under-credit-limit-options a {
    overflow: inherit
}

#step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options.shown, #step-form-p .progressive-credit-limit-options .under-credit-limit-options.shown, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options.shown, #step-form .progressive-credit-limit-options .under-credit-limit-options.shown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (max-width:1024px) {
    #step-form-p .progressive-credit-limit-options .threshold-and-exceeded-limit-options.shown, #step-form-p .progressive-credit-limit-options .under-credit-limit-options.shown, #step-form .progressive-credit-limit-options .threshold-and-exceeded-limit-options.shown, #step-form .progressive-credit-limit-options .under-credit-limit-options.shown {
        display: block
    }
}

#step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form-p .progressive-credit-limit-options .message-under-credit-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-under-credit-limit {
    font-size: 12px;
    font-size: .75rem;
    color: #f33838;
    padding-bottom: 1.25rem
}

@media only screen and (min-width:1025px) {
    #step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form-p .progressive-credit-limit-options .message-under-credit-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-under-credit-limit {
        font-size: .8rem;
        font-weight: 600;
        text-align: left;
        margin-left: 40px
    }
}

@media only screen and (max-width:767px) {
    #step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form-p .progressive-credit-limit-options .message-under-credit-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-under-credit-limit {
        margin-left: 25px !important;
        padding-top: 10px;
        text-align: left
    }
}

@media only screen and (max-width:1024px) {
    #step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form-p .progressive-credit-limit-options .message-under-credit-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-under-credit-limit {
        margin-left: 0;
        padding-bottom: 0
    }
}

#step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit {
    display: none;
    padding-top: 1.25rem;
    text-align: left;
    margin: 0 2.1875rem 1.1875rem 1.875rem
}

@media only screen and (max-width:1024px) {
    #step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit {
        margin-left: 40px
    }
}

@media only screen and (max-width:767px) {
    #step-form-p .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form-p .progressive-credit-limit-options .message-threshold-limit, #step-form .progressive-credit-limit-options .message-exceeded-credit-limit, #step-form .progressive-credit-limit-options .message-threshold-limit {
        margin-left: 27px
    }
}

.ashley-financing-promo {
    margin: 2em 1.5625rem 1em;
    padding: 1em 2em 2em;
    background: #f2f2f2;
    text-align: left
}

@media only screen and (max-width:767px) {
    .ashley-financing-promo {
        padding: 1em 1em 2em
    }
}

.ashley-financing-promo:after {
    content: "";
    display: table;
    clear: both
}

.ashley-financing-promo .intro {
    margin: 0 0 .7em;
    font-size: 16px;
    font-size: 1rem;
    text-align: center
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo .intro {
        text-align: left
    }
}

@media only screen and (min-width:1025px) {
    .ashley-financing-promo .intro {
        margin: 0 .9375rem .7em
    }
}

.ashley-financing-promo .intro br {
    display: none
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo .intro br {
        display: inline-block
    }
}

.ashley-financing-promo img {
    float: left;
    margin: .3125rem 4% 0 0;
    width: 26%
}

    .ashley-financing-promo img.standard-show {
        display: none
    }

@media only screen and (min-width:768px) {
    .ashley-financing-promo img.standard-show {
        display: block
    }
}

.ashley-financing-promo img.mobile-show {
    display: block
}

@media only screen and (max-width:767px) {
    .ashley-financing-promo img.mobile-show {
        margin-right: 2%
    }
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo img.mobile-show {
        display: none
    }
}

.ashley-financing-promo .details {
    float: left;
    width: 100%;
    text-align: center
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo .details {
        width: 70%;
        text-align: left
    }
}

.ashley-financing-promo .details .title {
    margin: 0 0 1em;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo .details .title {
        text-align: left;
        margin-bottom: .2em
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ashley-financing-promo .details .title {
        font-size: 16px;
        font-size: 1rem
    }
}

.ashley-financing-promo .details .apr-wrapper {
    width: 70%;
    float: left
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo .details .apr-wrapper {
        display: inline-block;
        float: none;
        text-align: left;
        width: auto
    }
}

.ashley-financing-promo .details .percent {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 40px;
    font-size: 2.5rem;
    margin-left: .2em
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ashley-financing-promo .details .percent {
        margin-left: 0;
        font-size: 30px;
        font-size: 1.875rem
    }
}

.ashley-financing-promo .details .percent sup {
    font-size: 12px;
    font-size: .75rem;
    vertical-align: super
}

.ashley-financing-promo .details .apr {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ashley-financing-promo .details .apr {
        font-size: 12px;
        font-size: .75rem
    }
}

.ashley-financing-promo .details .button {
    margin: .5em 0 0
}

@media only screen and (min-width:768px) {
    .ashley-financing-promo .details .button {
        margin: 0 0 0 .9375rem
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ashley-financing-promo .details .button {
        margin-left: .125rem
    }
}

.heading {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 20px
}

@media only screen and (max-width:767px) {
    .heading {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 12px;
        font-size: .75rem
    }
}

.heading a {
    text-decoration: none;
    color: #999;
    cursor: default
}

    .heading a:hover {
        color: #999
    }

    .heading a.active-header {
        color: #000;
        cursor: pointer
    }

.ashley-cc-container {
    text-align: left
}

    .ashley-cc-container .creditcard-logos {
        margin: 1.25rem 0 0 1.25rem
    }

@media only screen and (max-width:1024px) {
    .ashley-cc-container .creditcard-logos {
        margin: .625rem 0 0 .625rem
    }
}

@media only screen and (max-width:767px) {
    .ashley-cc-container .creditcard-logos img.credit-card-logo {
        height: 1.875rem
    }
}

.ashley-cc-container .ashley-financing-taxanddelivery-creditcardpayment {
    width: 94%;
    margin: auto;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: .9375rem
}

@media only screen and (max-width:767px) {
    .ashley-cc-container .ashley-financing-taxanddelivery-creditcardpayment {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 13px;
        font-size: .8125rem
    }
}

.ashley-cc-container .js-finance-cc-form-wrapper {
    margin-top: 1.5625rem
}

@media only screen and (min-width:1025px) {
    .ashley-cc-container .js-finance-cc-form-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .5625rem
    }
}

.ashley-cc-container .js-finance-cc-form-wrapper .checkout-form-block {
    margin-bottom: 0
}

@media only screen and (min-width:1025px) {
    .ashley-cc-container .js-finance-cc-form-wrapper .checkout-form-block {
        width: 60%
    }
}

@media only screen and (max-width:1024px) {
    .ashley-cc-container .js-finance-cc-form-wrapper .checkout-form-block {
        padding: 0 .6rem
    }
}

.ashley-cc-container .js-finance-cc-form-wrapper .checkout-form-block .form-row-button {
    display: none
}

.ashley-cc-container .js-finance-cc-form-wrapper .finance-term-totals {
    padding: 0 .6rem;
    border-left: 1px solid gray
}

@media only screen and (max-width:767px) {
    .ashley-cc-container .js-finance-cc-form-wrapper .finance-term-totals {
        border: none
    }
}

@media only screen and (max-width:1024px) {
    .ashley-cc-container .js-finance-cc-form-wrapper .finance-term-totals {
        border: none
    }
}

.ashley-cc-container .js-finance-cc-form-wrapper .finance-term-totals.progressive {
    padding: 0
}

#finance-options, #finance-options-p {
    margin-left: 1.5625rem
}

@media only screen and (max-width:767px) {
    #finance-options, #finance-options-p {
        margin-left: .6rem
    }
}

#finance-options-p .form-row, #finance-options .form-row {
    margin: 1rem 0
}

@media only screen and (max-width:1024px) {
    #finance-options-p .form-row, #finance-options .form-row {
        margin-top: 0
    }
}

#finance-options-p .form-row label, #finance-options .form-row label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0
}

#finance-options-p .form-row .finance-option-desc, #finance-options-p .form-row a.learnmore, #finance-options .form-row .finance-option-desc, #finance-options .form-row a.learnmore {
    display: inline-table;
    font-style: italic;
    text-transform: capitalize;
    cursor: pointer
}

#finance-options-p .form-row .finance-option-desc, #finance-options-p .form-row span.error, #finance-options .form-row .finance-option-desc, #finance-options .form-row span.error {
    padding-left: 1.875rem
}

#finance-options-p .form-row a.learnmore, #finance-options .form-row a.learnmore {
    padding-left: .625rem
}

.ashley-financing-taxanddelivery {
    margin: 1.5625rem
}

@media only screen and (min-width:480px) {
    .ashley-financing-taxanddelivery {
        max-width: 29.6875rem
    }
}

#view-finance-terms {
    width: 100%
}

.ui-dialog.dialog-finance-terms-agree, .ui-dialog.dialog-learnmore, .ui-dialog.dialog-textsurvey-agreement {
    padding-bottom: 1.5em;
    max-height: 95vh;
    overflow-y: scroll
}

    .ui-dialog.dialog-finance-terms-agree .ui-widget-header .ui-dialog-title, .ui-dialog.dialog-learnmore .ui-widget-header .ui-dialog-title, .ui-dialog.dialog-textsurvey-agreement .ui-widget-header .ui-dialog-title {
        display: block
    }

    .ui-dialog.dialog-finance-terms-agree .content-asset, .ui-dialog.dialog-learnmore .content-asset, .ui-dialog.dialog-textsurvey-agreement .content-asset {
        clear: both
    }

    .ui-dialog.dialog-finance-terms-agree #dialog-container, .ui-dialog.dialog-learnmore #dialog-container, .ui-dialog.dialog-textsurvey-agreement #dialog-container {
        padding: 1.25em 2.5em;
        overflow: visible
    }

    .ui-dialog.dialog-finance-terms-agree .dialog-content, .ui-dialog.dialog-learnmore .dialog-content, .ui-dialog.dialog-textsurvey-agreement .dialog-content {
        position: relative
    }

        .ui-dialog.dialog-finance-terms-agree .dialog-content .download-wrapper, .ui-dialog.dialog-learnmore .dialog-content .download-wrapper, .ui-dialog.dialog-textsurvey-agreement .dialog-content .download-wrapper {
            position: absolute;
            top: -1.875rem;
            right: 1.5625rem;
            float: right;
            margin-right: .9375rem
        }

    .ui-dialog.dialog-finance-terms-agree .button-wrapper, .ui-dialog.dialog-learnmore .button-wrapper, .ui-dialog.dialog-textsurvey-agreement .button-wrapper {
        margin-top: 1.5625rem;
        float: right
    }

.ui-dialog.dialog-finance-term-warning .finance-term-warning-block {
    margin-bottom: 18px
}

.ui-dialog.dialog-finance-term-warning h2 {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2
}

.ui-dialog.dialog-finance-term-warning h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2
}

.ui-dialog.dialog-finance-term-warning p {
    margin: 1px 0;
    font-size: 12px;
    line-height: 1.29;
    letter-spacing: normal
}

.ui-dialog.dialog-finance-term-warning .button-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

    .ui-dialog.dialog-finance-term-warning .button-wrapper .button {
        width: 140px;
        height: 40px;
        margin: 15px 20px
    }

.cc-expiration {
    width: 100%
}

    .cc-expiration label {
        display: none
    }

.ssn {
    clear: left
}

.bml-terms-and-conditions {
    border: 1px solid #f2f2f2;
    font-size: .8em;
    height: 25rem;
    overflow: auto;
    padding: 1em
}

.bml-table-col-1 {
    width: 25%
}

@media only screen and (min-width:1025px) {
    .pt_checkout .item-list {
        width: 75%
    }
}

@media only screen and (max-width:1024px) {
    .pt_checkout #primary.full-width, .pt_checkout #secondary.full-width {
        width: 100%;
        margin: 0
    }
}

.pt_order-confirmation #cart-table {
    float: none
}

.pt_order-confirmation .order-totals-table .order-shipping .no-wrap {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_gift-registry .primary-content .pt_order-confirmation .order-component-block h3 a, .pt_order-confirmation .order-component-block .pt_gift-registry .primary-content h3 a, .pt_order-confirmation .order-component-block .section-header a {
        padding-left: .5em
    }
}

.pt_checkout #cart-table .item-image, .pt_order-confirmation #cart-table .item-image {
    box-sizing: border-box
}

.pt_checkout h3, .pt_order-confirmation h3 {
    padding-bottom: 1em
}

    .pt_checkout .pt_gift-registry .primary-content h3, .pt_checkout h3.section-header, .pt_gift-registry .primary-content .pt_checkout h3, .pt_gift-registry .primary-content .pt_order-confirmation h3, .pt_order-confirmation .pt_gift-registry .primary-content h3, .pt_order-confirmation h3.section-header {
        text-transform: capitalize;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem
    }

    .pt_checkout h3.summary-title, .pt_order-confirmation h3.summary-title {
        font-size: 26px;
        font-size: 1.625rem;
        padding: 0 0 .6em;
        text-transform: capitalize;
        font-weight: 400
    }

    .pt_checkout h3.view-all-line-items, .pt_order-confirmation h3.view-all-line-items {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        text-transform: lowercase;
        text-align: center;
        padding: 1em 0;
        cursor: pointer
    }

        .pt_checkout h3.view-all-line-items .icon, .pt_order-confirmation h3.view-all-line-items .icon {
            margin-top: -7px
        }

        .pt_checkout h3.view-all-line-items .arrow-up-icon, .pt_checkout h3.view-all-line-items span.collapse, .pt_order-confirmation h3.view-all-line-items .arrow-up-icon, .pt_order-confirmation h3.view-all-line-items span.collapse {
            display: none
        }

        .pt_checkout h3.view-all-line-items.expanded .arrow-up-icon, .pt_order-confirmation h3.view-all-line-items.expanded .arrow-up-icon {
            display: inline-block
        }

        .pt_checkout h3.view-all-line-items.expanded .arrow-down-icon, .pt_order-confirmation h3.view-all-line-items.expanded .arrow-down-icon {
            display: none
        }

        .pt_checkout h3.view-all-line-items.expanded span.collapse, .pt_order-confirmation h3.view-all-line-items.expanded span.collapse {
            display: inline-block
        }

        .pt_checkout h3.view-all-line-items.expanded span.view, .pt_order-confirmation h3.view-all-line-items.expanded span.view {
            display: none
        }

.pt_checkout .billing-form-container, .pt_checkout .checkout-form-block, .pt_order-confirmation .billing-form-container, .pt_order-confirmation .checkout-form-block {
    padding: 1em 1.5em;
    background: #f2f2f2
}

    .pt_checkout .billing-form-container:after, .pt_checkout .checkout-form-block:after, .pt_order-confirmation .billing-form-container:after, .pt_order-confirmation .checkout-form-block:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (max-width:1024px) {
    .pt_checkout .billing-form-container, .pt_checkout .checkout-form-block, .pt_order-confirmation .billing-form-container, .pt_order-confirmation .checkout-form-block {
        padding: 1em
    }
}

.pt_checkout .billing-form-container.no-background, .pt_checkout .checkout-form-block.no-background, .pt_order-confirmation .billing-form-container.no-background, .pt_order-confirmation .checkout-form-block.no-background {
    background-color: transparent
}

.pt_checkout .checkout-form-block .pt_gift-registry .primary-content h3, .pt_checkout .checkout-form-block h3.section-header, .pt_gift-registry .primary-content .pt_checkout .checkout-form-block h3, .pt_gift-registry .primary-content .pt_order-confirmation .checkout-form-block h3, .pt_order-confirmation .checkout-form-block .pt_gift-registry .primary-content h3, .pt_order-confirmation .checkout-form-block h3.section-header {
    padding: 0 0 .6em
}

.pt_checkout .order-component-block, .pt_order-confirmation .order-component-block {
    padding: 1.7em;
    background: #fff;
    margin-top: 1.5625rem;
    word-wrap: break-word
}

.pt_checkout .checkout-mini-cart .delivery-method, .pt_order-confirmation .checkout-mini-cart .delivery-method {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    color: #24b337;
    margin-top: 10px
}

.pt_checkout .checkout-mini-cart .mini-cart-attributes, .pt_checkout .checkout-mini-cart .mini-cart-pricing, .pt_order-confirmation .checkout-mini-cart .mini-cart-attributes, .pt_order-confirmation .checkout-mini-cart .mini-cart-pricing {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem
}

.pt_checkout .checkout-mini-cart .mini-cart-price, .pt_order-confirmation .checkout-mini-cart .mini-cart-price {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

.pt_checkout .utility-checkout, .pt_order-confirmation .utility-checkout {
    float: right;
    margin: .5em 0 1em
}

@media only screen and (min-width:1025px) {
    .pt_checkout .utility-checkout, .pt_order-confirmation .utility-checkout {
        margin-top: 1.5em
    }
}

.pt_checkout .utility-checkout a, .pt_checkout .utility-checkout div, .pt_order-confirmation .utility-checkout a, .pt_order-confirmation .utility-checkout div {
    display: inline-block;
    margin-right: 1.5em;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

    .pt_checkout .utility-checkout a span, .pt_checkout .utility-checkout div span, .pt_order-confirmation .utility-checkout a span, .pt_order-confirmation .utility-checkout div span {
        display: none;
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: .2px;
        text-transform: uppercase
    }

@media only screen and (min-width:768px) {
    .pt_checkout .utility-checkout a span, .pt_checkout .utility-checkout div span, .pt_order-confirmation .utility-checkout a span, .pt_order-confirmation .utility-checkout div span {
        display: inline-block;
        margin-left: .3em
    }
}

.pt_checkout .primary-logo, .pt_order-confirmation .primary-logo {
    margin-bottom: 1em
}

.pt_checkout .section-indent, .pt_order-confirmation .section-indent {
    margin-left: 1em
}

.pt_checkout .back-to-cart, .pt_checkout .continue, .pt_order-confirmation .back-to-cart, .pt_order-confirmation .continue {
    display: block;
    margin: 1em 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: normal;
    color: #000;
    text-decoration: none
}

.pt_checkout #secondary.summary .submit-order, .pt_order-confirmation #secondary.summary .submit-order {
    padding-top: 0
}

    .pt_checkout #secondary.summary .submit-order button, .pt_order-confirmation #secondary.summary .submit-order button {
        width: 100%;
        margin: 0 0 10px
    }

.pt_checkout .mini-shipment, .pt_order-confirmation .mini-shipment {
    position: relative
}

    .pt_checkout .mini-shipment .address, .pt_order-confirmation .mini-shipment .address {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e8e8e8
    }

    .pt_checkout .mini-shipment .delivery-date, .pt_order-confirmation .mini-shipment .delivery-date {
        position: relative;
        margin-left: 30px;
        margin-right: 70px;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 14px;
        font-size: .875rem
    }

        .pt_checkout .mini-shipment .delivery-date:before, .pt_order-confirmation .mini-shipment .delivery-date:before {
            content: " ";
            width: 22px;
            height: 22px;
            background: url(../images/svg-icons/calendar-icon.svg) no-repeat 50%;
            position: absolute;
            margin-left: -30px
        }

        .pt_checkout .mini-shipment .delivery-date .tooltip, .pt_order-confirmation .mini-shipment .delivery-date .tooltip {
            position: absolute;
            float: right;
            top: 0;
            right: 0
        }

    .pt_checkout .mini-shipment .delivery-date-notification, .pt_order-confirmation .mini-shipment .delivery-date-notification {
        margin-top: 10px;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem
    }

.pt_checkout .mini-cart-product, .pt_order-confirmation .mini-cart-product {
    padding: .5em 1.7em
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_checkout .mini-cart-product, .pt_order-confirmation .mini-cart-product {
        padding: .5em 1em
    }
}

.pt_checkout .mini-cart-product.hide-show-line-item, .pt_order-confirmation .mini-cart-product.hide-show-line-item {
    display: none
}

    .pt_checkout .mini-cart-product.hide-show-line-item.expanded, .pt_order-confirmation .mini-cart-product.hide-show-line-item.expanded {
        display: block
    }

.pt_checkout .mini-cart-product .mini-cart-image, .pt_order-confirmation .mini-cart-product .mini-cart-image {
    width: 30%
}

.pt_checkout .mini-cart-product .mini-cart-attributes, .pt_checkout .mini-cart-product .mini-cart-delivery-type, .pt_checkout .mini-cart-product .mini-cart-name, .pt_checkout .mini-cart-product .mini-cart-pricing, .pt_checkout .mini-cart-product .mini-cart-quantity, .pt_order-confirmation .mini-cart-product .mini-cart-attributes, .pt_order-confirmation .mini-cart-product .mini-cart-delivery-type, .pt_order-confirmation .mini-cart-product .mini-cart-name, .pt_order-confirmation .mini-cart-product .mini-cart-pricing, .pt_order-confirmation .mini-cart-product .mini-cart-quantity {
    width: 60%
}

.pt_checkout .mini-cart-product .mini-cart-name, .pt_order-confirmation .mini-cart-product .mini-cart-name {
    padding-bottom: .5em
}

    .pt_checkout .mini-cart-product .mini-cart-name a, .pt_order-confirmation .mini-cart-product .mini-cart-name a {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem
    }

.pt_checkout .mini-cart-product .mini-cart-pricing .label, .pt_order-confirmation .mini-cart-product .mini-cart-pricing .label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400
}

.pt_checkout .mini-cart-product .mini-cart-pricing .mini-cart-price, .pt_order-confirmation .mini-cart-product .mini-cart-pricing .mini-cart-price {
    float: none;
    display: block;
    margin-top: .3em;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

.pt_checkout .iframe_test, .pt_checkout .order-zipcode, .pt_order-confirmation .iframe_test, .pt_order-confirmation .order-zipcode {
    display: none
}

.pt_checkout .error-form, .pt_order-confirmation .error-form {
    background-color: transparent;
    border-radius: 0;
    color: #f33838;
    width: 74%;
    margin: 30px 0;
    padding: 6px
}

    .pt_checkout .error-form .error-content, .pt_order-confirmation .error-form .error-content {
        padding: 8px
    }

@media only screen and (max-width:1024px) {
    .pt_checkout .error-form, .pt_order-confirmation .error-form {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .pt_checkout .error-form, .pt_order-confirmation .error-form {
        width: 92%;
        margin: .75rem .625rem 1.5rem .875rem
    }
}

.pt_checkout .link-return-to-shipping, .pt_order-confirmation .link-return-to-shipping {
    display: none;
    height: auto;
    margin: .75rem .875rem;
    float: right
}

    .pt_checkout .link-return-to-shipping a, .pt_order-confirmation .link-return-to-shipping a {
        font-size: .75rem;
        font-weight: 700;
        text-decoration: none;
        color: #36c
    }

.pt_checkout .confirmation-number-label, .pt_order-confirmation .confirmation-number-label {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700
}

.payment-methods-forms {
    width: 100%
}

@media only screen and (max-width:767px) {
    .payment-methods-forms {
        padding-right: 10px
    }
}

.payment-methods-forms .checkout-form-block {
    background: #fff
}

.checkout-order-totals {
    padding: .3125rem .5rem;
    background: #fff
}

    .checkout-order-totals .tooltip-icon {
        margin-top: 5px
    }

.place-order-totals {
    clear: both
}

    .place-order-totals .order-totals-table {
        float: right;
        width: 50%
    }

@media only screen and (max-width:767px) {
    .place-order-totals .order-totals-table {
        width: 100%
    }
}

.order-component-block {
    background: #fff;
    padding-bottom: .5em;
    border-bottom: 1px solid #e8e8e8;
    text-align: left
}

    .order-component-block .pt_gift-registry .primary-content h3 a, .order-component-block .section-header a, .pt_gift-registry .primary-content .order-component-block h3 a {
        float: right;
        font-weight: 400;
        color: #000;
        font-size: 12px;
        font-size: .75rem
    }

    .order-component-block .label {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 12px;
        font-size: .75rem
    }

.order-summary-footer {
    position: relative
}

@media only screen and (min-width:1025px) {
    .order-summary-footer {
        width: 70%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .order-summary-footer {
        width: 78%
    }
}

.order-summary-footer h2 {
    font-size: 2em;
    font-style: italic;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .order-summary-footer h2 {
        width: 50%
    }
}

.summary-help {
    float: right;
    font-size: .8em;
    margin: 1em 0
}

.submit-order {
    clear: both;
    display: block;
    padding: 1.67em 0 0;
    text-align: right
}

    .submit-order .back-to-cart {
        font-size: 1.1em
    }

        .submit-order .back-to-cart:hover {
            text-decoration: underline
        }

    .submit-order button {
        margin-left: 1.5em
    }

        .submit-order button.hide-mobile {
            display: none
        }

@media only screen and (min-width:768px) {
    .submit-order button.hide-mobile {
        display: inline-block
    }
}

.orderdetails {
    margin: 0 1%
}

    .orderdetails h2 {
        clear: both
    }

    .orderdetails .label {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        margin: .3rem 0 1.6em;
        padding-bottom: .5em;
        text-transform: capitalize
    }

    .orderdetails .order-shipment-table {
        background-color: #f2f2f2;
        border: 1px solid #919090;
        border-radius: 5px;
        padding: 1em
    }

    .orderdetails .order-shipment-details .order-shipment-address {
        float: right
    }

    .orderdetails .line-items {
        clear: both;
        padding-top: 1rem
    }

        .orderdetails .line-items .line-item {
            padding-bottom: 1rem
        }

            .orderdetails .line-items .line-item .line-item-details, .orderdetails .line-items .line-item .line-item-price, .orderdetails .line-items .line-item .line-item-quantity {
                display: inline-block;
                vertical-align: top
            }

            .orderdetails .line-items .line-item .line-item-price, .orderdetails .line-items .line-item .line-item-quantity {
                width: 14%
            }

            .orderdetails .line-items .line-item .line-item-details {
                width: 70%
            }

                .orderdetails .line-items .line-item .line-item-details a {
                    font-size: 18px;
                    font-size: 1.125rem
                }

            .orderdetails .line-items .line-item .line-item-quantity {
                text-align: center
            }

            .orderdetails .line-items .line-item .line-item-price {
                text-align: right
            }

@media only screen and (min-width:480px) {
    .orderdetails .order-payment-summary {
        float: right
    }
}

.orderdetails .order-information {
    padding-bottom: .5em;
    padding-top: .5em
}

    .orderdetails .order-information .label {
        color: #999;
        font-weight: 300;
        text-transform: none
    }

    .orderdetails .order-information .value {
        font-weight: 700
    }

    .orderdetails .order-information .order-number {
        font-size: 28px;
        font-size: 1.75rem
    }

.orderdetails .payment-amount .label {
    font-weight: 400;
    text-transform: none
}

.orderdetails .order-totals-table td:first-child {
    padding-right: 5rem;
    text-align: left
}

.confirmation .actions, .pt_order .actions {
    padding: .5em 1%;
    float: right
}

    .confirmation .actions a, .pt_order .actions a {
        margin-right: 2rem;
        text-decoration: none
    }

        .confirmation .actions a span.arrow, .pt_order .actions a span.arrow {
            font-size: 26px;
            font-size: 1.625rem;
            display: inline-block;
            margin: -2px 5px 0 0;
            vertical-align: text-top
        }

.confirmation-message {
    border-bottom: 1px solid #fff;
    border-bottom-width: 3px;
    padding: 1rem 1%
}

    .confirmation-message .progressive-confirmation-title {
        font-weight: 600
    }

.progressive-form-row-button {
    text-align: center;
    padding: .625rem 0;
    clear: left
}

.e-siginbtn {
    font-size: .95rem;
    text-transform: none;
    width: 50%;
    padding: .8375rem 1rem;
    min-height: 2.375rem
}

@media only screen and (max-width:479px) {
    .e-siginbtn {
        width: 80%
    }
}

.confirmation-message a.progressive-nav-link {
    text-decoration: none
}

p.progressive-text {
    color: #f33838;
    margin: 32px 0
}

.confirmation {
    margin-top: 1em
}

@media only screen and (min-width:1025px) {
    .confirmation .left-col {
        width: 62%;
        margin-right: 2%;
        float: left
    }

    .confirmation .right-col {
        width: 34%;
        float: right
    }
}

.confirmation .item-edit {
    display: none
}

@media only screen and (min-width:768px) {
    .confirmation .continue {
        margin-top: 1.5em
    }
}

.confirmation .checkout-form-block {
    padding: 1em 1.5em;
    margin-bottom: 1em;
    background: #f2f2f2
}

    .confirmation .checkout-form-block .pt_gift-registry .primary-content h3, .confirmation .checkout-form-block h3.section-header, .pt_gift-registry .primary-content .confirmation .checkout-form-block h3 {
        padding: 0 0 .6em;
        text-transform: none
    }

    .confirmation .checkout-form-block h3.summary-title {
        font-size: 26px;
        font-size: 1.625rem
    }

    .confirmation .checkout-form-block .order-component-block {
        padding: 1.7em;
        background: #fff;
        margin-top: 1.5625rem
    }

    .confirmation .checkout-form-block .label {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 700;
        font-size: 12px;
        font-size: .75rem
    }

    .confirmation .checkout-form-block address {
        font-style: normal
    }

.confirmation.create-account .login-create-account, .confirmation.create-account .order-confirmation-details {
    display: inline-block;
    vertical-align: top
}

.confirmation.create-account .login-create-account {
    padding: 1em;
    color: #fff;
    background-color: #8fabe3
}

.confirmation.create-account .order-confirmation-details {
    width: 100%
}

.confirmation.create-account .login-box-content p {
    margin-top: 0;
    margin-bottom: 0
}

.confirmation.create-account .login-box-content fieldset {
    margin-top: 25px
}

@media only screen and (min-width:768px) {
    .confirmation.create-account .login-box-content .form-row {
        margin: 0 2% 25px 0;
        width: 48%;
        float: left
    }

        .confirmation.create-account .login-box-content .form-row:nth-of-type(2n) {
            margin-right: 0;
            width: 50%
        }
}

.confirmation.create-account .login-box-content .form-row .required-indicator, .confirmation.create-account .login-box-content .form-row label {
    color: #fff
}

.confirmation.create-account .login-box-content button {
    color: #fff;
    background-color: #363534;
    border-color: #363534;
    display: block;
    margin: auto;
    clear: both
}

    .confirmation.create-account .login-box-content button.active, .confirmation.create-account .login-box-content button:active, .confirmation.create-account .login-box-content button:focus, .confirmation.create-account .login-box-content button:hover {
        color: #fff;
        background-color: #919090;
        border-color: #919090
    }

    .confirmation.create-account .login-box-content button.disabled.active, .confirmation.create-account .login-box-content button.disabled:active, .confirmation.create-account .login-box-content button.disabled:focus, .confirmation.create-account .login-box-content button.disabled:hover, .confirmation.create-account .login-box-content button[disabled].active, .confirmation.create-account .login-box-content button[disabled]:active, .confirmation.create-account .login-box-content button[disabled]:focus, .confirmation.create-account .login-box-content button[disabled]:hover, fieldset[disabled] .confirmation.create-account .login-box-content button.active, fieldset[disabled] .confirmation.create-account .login-box-content button:active, fieldset[disabled] .confirmation.create-account .login-box-content button:focus, fieldset[disabled] .confirmation.create-account .login-box-content button:hover {
        color: #fff;
        background-color: #363534;
        border-color: #363534
    }

.order-discount span:last-of-type, .order-discount td:last-of-type {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    color: #36c
}

.giftcert-apply .tooltip {
    margin-left: .5em
}

.gift-cert-used {
    padding: .83em 0
}

.order-detail-options {
    border-top: 1px solid #919090;
    margin: 1.67em 0 0;
    padding: 1.67em 0 0;
    text-align: right
}

    .order-detail-options a {
        margin: 0 .83em
    }

.summary .edit {
    position: absolute;
    text-transform: uppercase;
    right: .625rem;
    font-size: .9em;
    line-height: 1.5em
}

.pt_cart .breadcrumb {
    padding-left: 0
}

.order-shipment-details .firstname, .order-shipment-details .label, .order-shipment-details .lastname {
    font-weight: 700
}

.item-shipping-address {
    min-width: 7.5rem
}

.same-address-heading {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700
}

.order-shipment-gift-message-header {
    font-weight: 700;
    font-size: 1.2em;
    padding-bottom: 0
}

.order-shipment-gift-message {
    font-size: 1.1em
}

.billing-error {
    color: red;
    margin: 0 0 .83em 24%
}

.cvn-tooltip {
    font-weight: 700;
    margin: .3125rem;
    text-align: center
}

    .cvn-tooltip img {
        height: 9.375rem;
        width: 6.875rem
    }

.checkout-form-block .rowcoupons td {
    padding: 0 14px
}

.checkout-form-block .rowcoupons .coupon-code, .checkout-form-block .rowcoupons .discount {
    color: #36c;
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem
}

.checkout-form-block .rowcoupons .coupon-code {
    font-weight: 600
}

.checkout-form-block .rowcoupons .discount {
    float: right;
    clear: right
}

.checkout-secure-box {
    padding: 1em 0;
    margin: 0 1em;
    border-bottom: 1px solid #e8e8e8
}

    .checkout-secure-box h3 {
        margin-bottom: 0;
        padding-bottom: 0;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem
    }

        .checkout-secure-box h3 .icon {
            margin-right: .3em
        }

.checkout-help-box {
    padding: 1.5em 0;
    margin: 0 1em
}

    .checkout-help-box h3 {
        margin-bottom: 0;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem
    }

    .checkout-help-box .large-text {
        font-size: 16px;
        font-size: 1rem
    }

    .checkout-help-box a {
        display: inline-block;
        font-size: 12px;
        font-size: .75rem;
        color: #000;
        margin: 0 1em 1em 0;
        word-break: keep-all
    }

        .checkout-help-box a:last-of-type {
            margin-right: 0
        }

@media only screen and (min-width:768px) {
    .checkout-help-box a {
        font-size: 16px;
        font-size: 1rem;
        margin-right: 1.2em
    }

        .checkout-help-box a:last-of-type {
            margin-right: 0
        }
}

@media only screen and (max-width:479px) {
    #preferred-store-panel .cart-actions .sales-associate, #preferred-store-panel input[type=text], .cart-actions #preferred-store-panel .sales-associate {
        width: 49.5966%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #preferred-store-panel .cart-actions .sales-associate, #preferred-store-panel input[type=text], .cart-actions #preferred-store-panel .sales-associate {
        width: 49.5966%
    }
}

.item-list {
    margin: 0;
    padding: 0
}

@media only screen and (max-width:767px) {
    .item-list {
        padding: 1.5em 2.5em
    }
}

.item-list li.cart-row {
    list-style: none;
    padding: 0
}

.item-list .item-name {
    margin-bottom: 25px
}

    .item-list .item-name .name {
        padding-right: 1.875rem
    }

.item-list .item-edit {
    position: absolute;
    top: 0;
    right: 0
}

    .item-list .item-edit a {
        color: #000
    }

.item-list .item-total {
    text-align: left;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600
}

.summary-header {
    padding: 1.5em
}

@media only screen and (max-width:1024px) {
    .summary-header {
        position: relative
    }
}

.summary-header .delivery-steps, .summary-header .threshold-text {
    font-size: .875rem;
    width: auto
}

.summary-header .delivery-method-section .delivery-steps-text {
    padding-left: 0
}

    .summary-header .delivery-method-section .delivery-steps-text .step {
        list-style: none;
        font-size: .75rem;
        line-height: 1em;
        padding-bottom: 1rem
    }

.summary-header .delivery-method-title {
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 5px
}

.summary-header .premiumDeliveryServiceMessage {
    color: #019328;
    margin: 0;
    font-size: .75rem
}

.summary-header h5.includesLabel {
    margin-top: 15px
}

.summary-header h5.assemblyMessage {
    font-weight: 700
}

.summary-header .delivery-date-section {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:768px) {
    .summary-header .delivery-date-section {
        position: relative;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1025px) {
    .summary-header .delivery-date-section {
        width: 50%;
        border-left: 1px solid #e8e8e8
    }
}

@media only screen and (max-width:767px) {
    .summary-header .delivery-date-section {
        margin: 15px 0 auto 28px
    }
}

.summary-header .delivery-date-section .section-header-note.js-home-delivery-edit {
    position: absolute;
    top: -10px;
    right: 0
}

@media only screen and (max-width:1024px) {
    .summary-header .delivery-date-section .section-header-note.js-home-delivery-edit {
        top: 5px;
        right: 1.5em
    }
}

@media only screen and (max-width:767px) {
    .summary-header .delivery-date-section .section-header-note.js-home-delivery-edit {
        top: 10px;
        right: 10px
    }
}

@media only screen and (max-width:479px) {
    .summary-header .delivery-date-section .section-header-note.js-home-delivery-edit {
        top: 0;
        right: 5px
    }
}

.summary-header .delivery-date {
    position: relative;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:1025px) {
    .summary-header .delivery-date {
        margin-right: -30px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .summary-header .delivery-date {
        margin-right: 20px
    }
}

.summary-header .delivery-date:before {
    content: " ";
    width: 22px;
    height: 22px;
    background: url(../images/svg-icons/calendar-icon.svg) no-repeat 50%;
    position: absolute;
    margin-left: -30px
}

.summary-header .delivery-date .delivery-date-string {
    color: #999
}

.summary-header .delivery-date-notification {
    margin-top: 10px;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (max-width:767px) {
    .order-summary-title {
        padding: 0 .5em
    }
}

@media only screen and (max-width:767px) {
    ul#cart-table.summary-table {
        padding: 1em
    }
}

ul#cart-table.summary-table .line-item-wrapper {
    position: relative;
    margin: 2em 1.5em 0;
    padding-bottom: 3em
}

@media only screen and (min-width:768px) {
    ul#cart-table.summary-table .line-item-wrapper .remove-item {
        position: absolute;
        top: -20px;
        right: 0
    }

    ul#cart-table.summary-table .line-item-wrapper .item-quantity {
        margin-right: 50px
    }
}

.day ul#cart-table.summary-table label.line-item-wrapper, .month ul#cart-table.summary-table label.line-item-wrapper, .year ul#cart-table.summary-table label.line-item-wrapper, ul#cart-table.summary-table #wrapper ~ img.line-item-wrapper, ul#cart-table.summary-table .day label.line-item-wrapper, ul#cart-table.summary-table .line-item-wrapper.visually-hidden, ul#cart-table.summary-table .month label.line-item-wrapper, ul#cart-table.summary-table .year label.line-item-wrapper {
    display: none
}

ul#cart-table.summary-table .line-item-wrapper .cart-row .item-quantity .value {
    padding: .25em 1em;
    border: 1px solid #e8e8e8
}

ul#cart-table.summary-table .line-item-wrapper .quantity-warning-message {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    color: #f33838
}

ul#cart-table.summary-table .shipping-method-options {
    height: 50px;
    font-size: 12px
}

    ul#cart-table.summary-table .shipping-method-options .delivery-text {
        color: #36c;
        margin-left: 10px
    }

ul#cart-table .product-price {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 1rem
}

    ul#cart-table .product-price del.price-standard {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18182em;
        color: #999;
        text-decoration: line-through;
        margin-right: .9375rem;
        font-size: 1rem
    }

@media only screen and (max-width:767px) {
    .item-list .pt_gift-registry .primary-content h3, .item-list .section-header, .pt_gift-registry .primary-content .item-list h3 {
        background-image: none
    }

    .item-list .item-availability, .item-list .item-dashboard, .item-list .item-details, .item-list .item-image {
        display: inline-block
    }

    .item-list .item-image {
        width: 30%
    }

    .item-list .item-availability, .item-list .item-dashboard {
        width: 97%
    }

    .item-list .delete-registry {
        text-align: center
    }

    .list-table-header {
        padding: 1em !important
    }

        .list-table-header .button {
            display: block;
            margin: 1.25rem 0;
            width: 12.25rem
        }

        .list-table-header p {
            display: none
        }

        .list-table-header button {
            display: block;
            width: 16.25rem
        }
}

#ModalViewDialog .oldAddress td {
    width: 40%
}

span#dwfrm_financeterms_agreetofinanceterms-error {
    visibility: hidden;
    height: 0
}

.pt_checkout .mini-shipment .delivery-date-scheduled, .pt_checkout .mini-shipment .delivery-date-unscheduled {
    margin-top: -1.125rem
}

.delivery-method-section .home-delivery-block .delivery-icon-includes .delivery-steps.modal-text {
    padding-left: 1.3em
}

#ModalViewDialog .enter_partial, #ModalViewDialog .header_prompt, #ModalViewDialog .picklist, #ModalViewDialog .right_details {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem
}

#ModalViewDialog .header_prompt {
    background: #f2f2f2
}

    #ModalViewDialog .header_prompt strong {
        font-size: 16px;
        font-size: 1rem
    }

#ModalViewDialog .right_details {
    border: 1px solid #e8e8e8
}

#ModalViewDialog p.showHide {
    color: #36c
}

#ModalViewDialog .prompt, #ModalViewDialog p.showHide {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

#ModalViewDialog .prompt {
    text-align: left
}

#ModalViewDialog .newAddressText, #ModalViewDialog .pListClickable a {
    color: #36c
}

#ModalViewDialog .suggestion {
    background: #f2f2f2;
    border: 1px solid #e8e8e8
}

#ModalViewDialog .error_message {
    color: #f33838
}

#ModalViewDialog .f-field .f-label, #ModalViewDialog .oldAddress td:first-child {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700
}

.pt_wish-list .list-table-header {
    background: #fff url(../images/interface/icon-double-line-header.png) repeat-x scroll 0 0;
    overflow: hidden;
    padding: 2em
}

    .pt_wish-list .list-table-header p {
        color: #999;
        float: right;
        margin: 0;
        overflow: hidden;
        width: 40%
    }

.pt_wish-list .primary-content .list-table-header h2 {
    float: left
}

.pt_wish-list table.item-list {
    margin-top: 1.875rem;
    font-size: 14px;
    font-size: .875rem
}

    .pt_wish-list table.item-list tr.headings {
        display: none
    }

    .pt_wish-list table.item-list tr:last-of-type {
        border-bottom: 1px solid #e8e8e8
    }

    .pt_wish-list table.item-list td {
        line-height: 1.25rem;
        padding: 2em 1em
    }

    .pt_wish-list table.item-list .item-image {
        max-width: 9.375rem;
        width: 40%;
        display: block
    }

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list .item-image {
        display: table-cell;
        min-width: 6rem;
        width: 30%
    }
}

.pt_wish-list table.item-list .item-details {
    padding-bottom: 0
}

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list .item-details {
        width: 70%
    }
}

.pt_wish-list table.item-list .item-details .name {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

.pt_wish-list table.item-list .item-details .sku:before {
    content: "#"
}

.pt_wish-list table.item-list .item-details .label {
    display: none
}

.pt_wish-list table.item-list .item-dashboard {
    padding-top: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_wish-list table.item-list .item-dashboard {
        min-width: 200px;
        padding-top: 2em
    }
}

@media only screen and (min-width:1025px) {
    .pt_wish-list table.item-list .item-dashboard {
        min-width: 26.25rem;
        padding-top: 2em
    }
}

.pt_wish-list table.item-list #qty-left .product-availability-list {
    color: #000;
    font-weight: 400;
    width: auto
}

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list #qty-left {
        float: left;
        width: 40%
    }

        .pt_wish-list table.item-list #qty-left label {
            width: 100%
        }

        .items-per-page .pt_wish-list table.item-list #qty-left fieldset, .pt_wish-list table.item-list #qty-left .items-per-page fieldset, .pt_wish-list table.item-list #qty-left .select-style, .pt_wish-list table.item-list #qty-left .sort-by fieldset, .sort-by .pt_wish-list table.item-list #qty-left fieldset {
            width: 4.375rem
        }
}

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list #priority-right {
        float: left;
        width: 51%
    }
}

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list #priority-right .option-update, .pt_wish-list table.item-list #priority-right label {
        padding-left: 2%
    }
}

@media only screen and (min-width:768px) {
    .items-per-page .pt_wish-list table.item-list #priority-right fieldset, .pt_wish-list table.item-list #priority-right .items-per-page fieldset, .pt_wish-list table.item-list #priority-right .select-style, .pt_wish-list table.item-list #priority-right .sort-by fieldset, .sort-by .pt_wish-list table.item-list #priority-right fieldset {
        min-width: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .items-per-page .pt_wish-list table.item-list #priority-right fieldset, .pt_wish-list table.item-list #priority-right .items-per-page fieldset, .pt_wish-list table.item-list #priority-right .select-style, .pt_wish-list table.item-list #priority-right .sort-by fieldset, .sort-by .pt_wish-list table.item-list #priority-right fieldset {
        width: 7.5rem
    }
}

@media only screen and (min-width:1025px) {
    .items-per-page .pt_wish-list table.item-list #priority-right fieldset, .pt_wish-list table.item-list #priority-right .items-per-page fieldset, .pt_wish-list table.item-list #priority-right .select-style, .pt_wish-list table.item-list #priority-right .sort-by fieldset, .sort-by .pt_wish-list table.item-list #priority-right fieldset {
        width: 15.625rem
    }
}

.pt_wish-list table.item-list .option-quantity-desired {
    margin-bottom: 1.5rem
}

    .pt_wish-list table.item-list .option-quantity-desired label {
        text-transform: uppercase
    }

    .items-per-page .pt_wish-list table.item-list .option-quantity-desired fieldset, .pt_wish-list table.item-list .option-quantity-desired .items-per-page fieldset, .pt_wish-list table.item-list .option-quantity-desired .select-style, .pt_wish-list table.item-list .option-quantity-desired .sort-by fieldset, .sort-by .pt_wish-list table.item-list .option-quantity-desired fieldset {
        max-width: 4.375rem
    }

.pt_wish-list table.item-list .option-priority {
    margin-bottom: 1.875rem
}

    .items-per-page .pt_wish-list table.item-list .option-priority fieldset, .pt_wish-list table.item-list .option-priority .items-per-page fieldset, .pt_wish-list table.item-list .option-priority .select-style, .pt_wish-list table.item-list .option-priority .sort-by fieldset, .sort-by .pt_wish-list table.item-list .option-priority fieldset {
        min-width: 15.625rem
    }

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list .option-priority {
        margin-top: 0
    }
}

.pt_wish-list table.item-list .option-add-to-cart {
    margin-top: 1.875rem
}

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list .option-add-to-cart {
        margin-top: 1rem
    }
}

.pt_wish-list table.item-list .option-add-to-cart .button, .pt_wish-list table.item-list .option-add-to-cart button {
    clear: both;
    float: none
}

@media only screen and (min-width:768px) {
    .pt_wish-list table.item-list .option-add-to-cart .button, .pt_wish-list table.item-list .option-add-to-cart button {
        float: right
    }
}

.pt_wish-list .primary-content.not-auth {
    width: 100%
}

    .pt_wish-list .primary-content.not-auth .returning-customers .form-row-button {
        padding-top: 1.5625rem
    }

.pt_wish-list .primary-content .login-create-account {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) {
    .pt_wish-list .primary-content .login-create-account {
        border-bottom: 0
    }
}

.pt_wish-list #wishlist-header {
    margin-top: 10px;
    font-weight: 400
}

    .pt_wish-list #wishlist-header:before {
        display: inline-block;
        margin-right: .3125rem;
        width: 1.25rem;
        vertical-align: top;
        content: url(../images/svg-icons/heart-icon.svg)
    }

.pt_wish-list #wishlist-qty {
    display: block
}

.pt_wish-list .option-update button {
    color: #36c;
    text-decoration: underline;
    outline: medium none;
    cursor: pointer
}

    .pt_wish-list .option-update button:hover {
        color: #36c;
        text-decoration: none
    }

.pt_wish-list #secondary.auth {
    display: block
}

.event-info {
    margin: 1em
}

.registry-search .form-row, .wishlist-search .form-row {
    clear: none;
    margin: .5rem 0 .5rem 1%;
    float: left;
    width: 100%
}

.registry-search .form-row-button, .wishlist-search .form-row-button {
    margin-left: 0
}

.pt_gift-registry .create-new-registry {
    margin: 1em 0
}

    .pt_gift-registry .create-new-registry button {
        float: left;
        margin-right: 2em
    }

    .pt_gift-registry .create-new-registry p {
        font-size: 1.3em
    }

.pt_gift-registry .add-gift-cert {
    border: 1px solid #919090;
    margin-bottom: -1px;
    overflow: auto;
    padding: .83em
}

    .pt_gift-registry .add-gift-cert p {
        color: #999;
        font-style: italic;
        line-height: 1.5em
    }

.pt_gift-registry .hdr-options {
    width: 9%
}

@media only screen and (max-width:767px) {
    .pt_gift-registry .add-gift-cert p {
        width: 100%
    }
}

@media only screen and (max-width:767px) and (min-width:768px) and (max-width:1024px) {
    .pt_gift-registry .add-gift-cert p {
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .pt_gift-registry .create-new-registry {
        overflow: hidden
    }

        .pt_gift-registry .create-new-registry p {
            display: none
        }

    .pt_gift-registry .item-list {
        width: 98%
    }

        .pt_gift-registry .item-list th {
            display: none
        }
}

.page-content-tab-navigaton button {
    background-color: #fff;
    border: 1px solid #919090;
    color: #999;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 -1px
}

    .page-content-tab-navigaton button.selected {
        background-color: #fff;
        border-color: #fff
    }

@media only screen and (max-width:767px) {
    .page-content-tab-navigaton button {
        width: 100%
    }
}

.gift-reg-purchases .item-purchased-by dd {
    float: left;
    font-weight: 700;
    margin: 0 1em 0 0;
    position: relative;
    width: auto
}

.gift-reg-purchases .item-purchased-by dt {
    clear: both;
    float: left;
    margin: 0 1em 0 0;
    position: relative;
    width: auto
}

.gift-reg-purchases .quantity-purchased {
    color: #24b337
}

.gift-registry-advanced:after {
    content: "";
    display: table;
    clear: both
}

.gift-registry-advanced .toggle-content {
    display: none
}

.gift-certificate-purchase {
    background-color: #fff;
    margin-bottom: 1em;
    padding: .83em
}

@media only screen and (min-width:768px) {
    .gift-certificate-purchase .content-asset {
        box-sizing: border-box;
        float: left;
        padding-right: 1rem;
        width: 50%
    }
}

.gift-certificate-purchase .content-asset img {
    margin: 1.66em 0
}

.gift-certificate-purchase form {
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 1.66em 1.66em;
    width: 100%
}

@media only screen and (min-width:768px) {
    .gift-certificate-purchase form {
        float: left;
        width: 50%
    }
}

.gift-certificate-purchase form .cert-amount {
    clear: none;
    float: left;
    margin: 0;
    width: 40%
}

.gift-certificate-purchase form button {
    margin-top: -4px;
    width: 12em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.gift-certificate-purchase form .form-row-button {
    clear: none;
    float: left;
    margin: 2.1em 0 0 1.66em;
    width: 50%
}

.gift-certificate-purchase .cert-amount .form-caption {
    margin: 1.66em 0 0;
    position: absolute;
    width: 40%
}

.gift-certificate-purchase .cert-amount.error {
    padding-bottom: 2.92em
}

.gift-certificate-purchase span.error {
    margin-left: 2%
}

.check-balance {
    border-bottom: 1px solid #919090;
    margin: 0 0 1.66em;
    padding: 0 0 1.66em
}

.gift-cert-balance {
    float: left;
    width: 40%
}

    .gift-cert-balance label {
        display: none
    }

    .gift-cert-balance input {
        margin-top: 0;
        width: 93%
    }

    .gift-cert-balance .form-caption {
        margin-left: 0
    }

.gift-cert-balance-submit {
    clear: none;
    float: left
}

.gift-cert-balance .label {
    display: none
}

.login-box h3 {
    margin: 0
}

.login-box p {
    margin: 1em 0
}

.login-box .error {
    margin-left: 0
}

.login-rememberme {
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: middle
}

    .login-rememberme .field-wrapper {
        width: 100%
    }

.login-oauth p:first-child {
    font-size: 2em;
    text-align: center;
    margin: 0;
    text-transform: uppercase
}

#OAuthProvider {
    display: block;
    margin-bottom: 1em;
    width: 80%
}

.pt_account .col-1, .pt_account .col-2, .pt_cart .col-1, .pt_cart .col-2, .pt_wish-list .col-1, .pt_wish-list .col-2 {
    border-right: 0;
    border-top: 1px solid #e8e8e8;
    padding-top: 1.875rem
}

    .pt_account .col-1 h2, .pt_account .col-2 h2, .pt_cart .col-1 h2, .pt_cart .col-2 h2, .pt_wish-list .col-1 h2, .pt_wish-list .col-2 h2 {
        padding-top: 1.25rem;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400
    }

    .pt_account .col-1 .field-wrapper, .pt_cart .col-1 .field-wrapper, .pt_wish-list .col-1 .field-wrapper {
        position: relative
    }

        .pt_account .col-1 .field-wrapper span.error, .pt_cart .col-1 .field-wrapper span.error, .pt_wish-list .col-1 .field-wrapper span.error {
            position: absolute;
            right: 0;
            bottom: 35px
        }

.pt_account #password-reset, .pt_cart #password-reset, .pt_wish-list #password-reset {
    text-decoration: none
}

.pt_account #secondary, .pt_cart #secondary, .pt_wish-list #secondary {
    display: none
}

.pt_account .returning-customers, .pt_cart .returning-customers, .pt_wish-list .returning-customers {
    margin-bottom: 1.875rem
}

    .pt_account .returning-customers p, .pt_cart .returning-customers p, .pt_wish-list .returning-customers p {
        font-size: 14px;
        font-size: .875rem
    }

.pt_account .form-row-button, .pt_cart .form-row-button, .pt_wish-list .form-row-button {
    margin: 2.5rem 0 0
}

    .pt_account .form-row-button button, .pt_cart .form-row-button button, .pt_wish-list .form-row-button button {
        display: block;
        margin: 0 auto;
        clear: both
    }

.pt_account .login-create-account, .pt_cart .login-create-account, .pt_wish-list .login-create-account {
    margin-top: .625rem
}

    .pt_account .login-create-account .login-box-message .content-asset, .pt_cart .login-create-account .login-box-message .content-asset, .pt_wish-list .login-create-account .login-box-message .content-asset {
        margin: 0
    }

        .pt_account .login-create-account .login-box-message .content-asset p, .pt_cart .login-create-account .login-box-message .content-asset p, .pt_wish-list .login-create-account .login-box-message .content-asset p {
            font-size: 14px;
            font-size: .875rem
        }

    .pt_account .login-create-account button, .pt_cart .login-create-account button, .pt_wish-list .login-create-account button {
        width: 100%
    }

    .pt_account .login-create-account .content-asset, .pt_cart .login-create-account .content-asset, .pt_wish-list .login-create-account .content-asset {
        margin: 40px 0
    }

        .pt_account .login-create-account .content-asset a, .pt_cart .login-create-account .content-asset a, .pt_wish-list .login-create-account .content-asset a {
            color: #000
        }

    .pt_account .login-create-account .createbenefits .content-asset, .pt_cart .login-create-account .createbenefits .content-asset, .pt_wish-list .login-create-account .createbenefits .content-asset {
        margin: 15px 0
    }

        .pt_account .login-create-account .createbenefits .content-asset p, .pt_cart .login-create-account .createbenefits .content-asset p, .pt_wish-list .login-create-account .createbenefits .content-asset p {
            font-size: 14px;
            font-size: .875rem
        }

        .pt_account .login-create-account .createbenefits .content-asset li, .pt_cart .login-create-account .createbenefits .content-asset li, .pt_wish-list .login-create-account .createbenefits .content-asset li {
            padding-bottom: .25rem
        }

.pt_account .login-rememberme-wrapper, .pt_cart .login-rememberme-wrapper, .pt_wish-list .login-rememberme-wrapper {
    max-width: 7.8125rem;
    float: right;
    margin-top: 0
}

    .pt_account .login-rememberme-wrapper label, .pt_cart .login-rememberme-wrapper label, .pt_wish-list .login-rememberme-wrapper label {
        font-size: 12px;
        font-size: .75rem
    }

.pt_account .login-order-track, .pt_cart .login-order-track, .pt_wish-list .login-order-track {
    border-top: 1px solid #e8e8e8;
    margin-bottom: 2rem
}

    .pt_account .login-order-track p, .pt_cart .login-order-track p, .pt_wish-list .login-order-track p {
        font-size: .875rem
    }

    .pt_account .login-order-track.hide-desktop, .pt_cart .login-order-track.hide-desktop, .pt_wish-list .login-order-track.hide-desktop {
        padding-top: 1.875rem
    }

    .pt_account .login-order-track.show-desktop-only, .pt_cart .login-order-track.show-desktop-only, .pt_wish-list .login-order-track.show-desktop-only {
        display: none
    }

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_account .col-1, .pt_account .col-2, .pt_cart .col-1, .pt_cart .col-2, .pt_wish-list .col-1, .pt_wish-list .col-2 {
        width: 100%
    }

    .pt_account .col-2, .pt_cart .col-2, .pt_wish-list .col-2 {
        border-top: 0
    }

    .pt_account .returning-customers, .pt_cart .returning-customers, .pt_wish-list .returning-customers {
        margin-bottom: 0
    }

    .pt_account .login-create-account, .pt_cart .login-create-account, .pt_wish-list .login-create-account {
        padding-top: 1.875rem;
        border-top: 1px solid #e8e8e8
    }

    .pt_account .login-account, .pt_account .login-create-account, .pt_account .login-order-track, .pt_account .new-customer, .pt_cart .login-account, .pt_cart .login-create-account, .pt_cart .login-order-track, .pt_cart .new-customer, .pt_wish-list .login-account, .pt_wish-list .login-create-account, .pt_wish-list .login-order-track, .pt_wish-list .new-customer {
        margin: 0 20px 0 50px;
        max-width: 650px;
        width: 95%
    }

    .pt_account .login-box .new-customer, .pt_cart .login-box .new-customer, .pt_wish-list .login-box .new-customer {
        margin: auto;
        width: 90%
    }

    .pt_account .form-row-button, .pt_cart .form-row-button, .pt_wish-list .form-row-button {
        margin-bottom: 1.875rem
    }

        .pt_account .form-row-button button, .pt_cart .form-row-button button, .pt_wish-list .form-row-button button {
            margin: 0
        }

    .pt_account .login-create-account button, .pt_cart .login-create-account button, .pt_wish-list .login-create-account button {
        width: auto
    }
}

@media only screen and (min-width:1025px) {
    .pt_account .login-order-track.show-desktop-only, .pt_cart .login-order-track.show-desktop-only, .pt_wish-list .login-order-track.show-desktop-only {
        display: block
    }

    .pt_account .login-account, .pt_account .login-create-account, .pt_account .login-order-track, .pt_cart .login-account, .pt_cart .login-create-account, .pt_cart .login-order-track, .pt_wish-list .login-account, .pt_wish-list .login-create-account, .pt_wish-list .login-order-track {
        width: 75%;
        margin: auto
    }

        .pt_account .login-account h2, .pt_account .login-create-account h2, .pt_account .login-order-track h2, .pt_cart .login-account h2, .pt_cart .login-create-account h2, .pt_cart .login-order-track h2, .pt_wish-list .login-account h2, .pt_wish-list .login-create-account h2, .pt_wish-list .login-order-track h2 {
            font-size: 22px;
            font-size: 1.375rem
        }

        .pt_account .login-account p, .pt_account .login-create-account p, .pt_account .login-order-track p, .pt_cart .login-account p, .pt_cart .login-create-account p, .pt_cart .login-order-track p, .pt_wish-list .login-account p, .pt_wish-list .login-create-account p, .pt_wish-list .login-order-track p {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.25em
        }

    .pt_account .login-box-content .form-row-button button, .pt_account .login-box-content .form-row-second-button button, .pt_cart .login-box-content .form-row-button button, .pt_cart .login-box-content .form-row-second-button button, .pt_wish-list .login-box-content .form-row-button button, .pt_wish-list .login-box-content .form-row-second-button button {
        max-width: 18.75rem
    }

    .pt_account .login-box-content .login-box-message .content-asset, .pt_cart .login-box-content .login-box-message .content-asset, .pt_wish-list .login-box-content .login-box-message .content-asset {
        margin: 0
    }

        .pt_account .login-box-content .login-box-message .content-asset p, .pt_cart .login-box-content .login-box-message .content-asset p, .pt_wish-list .login-box-content .login-box-message .content-asset p {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.25em
        }

    .pt_account .login-create-account, .pt_cart .login-create-account, .pt_wish-list .login-create-account {
        width: 90%;
        margin: auto
    }

        .pt_account .login-create-account h2, .pt_cart .login-create-account h2, .pt_wish-list .login-create-account h2 {
            font-size: 22px;
            font-size: 1.375rem
        }

        .pt_account .login-create-account .login-box-message .content-asset, .pt_cart .login-create-account .login-box-message .content-asset, .pt_wish-list .login-create-account .login-box-message .content-asset {
            margin: 0
        }

            .pt_account .login-create-account .login-box-message .content-asset p, .pt_cart .login-create-account .login-box-message .content-asset p, .pt_wish-list .login-create-account .login-box-message .content-asset p {
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.25em
            }

        .pt_account .login-create-account .content-asset, .pt_cart .login-create-account .content-asset, .pt_wish-list .login-create-account .content-asset {
            margin-top: 3.125rem
        }

            .pt_account .login-create-account .content-asset p, .pt_cart .login-create-account .content-asset p, .pt_wish-list .login-create-account .content-asset p {
                font-size: 14px;
                font-size: .875rem;
                line-height: 1.85714em
            }

    .pt_account .or, .pt_cart .or, .pt_wish-list .or {
        position: relative;
        text-align: center;
        font-size: 20px;
        font-size: 1.25rem
    }

        .pt_account .or:after, .pt_account .or:before, .pt_cart .or:after, .pt_cart .or:before, .pt_wish-list .or:after, .pt_wish-list .or:before {
            content: "";
            position: absolute;
            height: 1px;
            border-top: 1px solid #e8e8e8;
            top: 10px;
            width: 50%
        }

        .pt_account .or:before, .pt_cart .or:before, .pt_wish-list .or:before {
            right: 50%;
            margin-right: 1.875rem
        }

        .pt_account .or:after, .pt_cart .or:after, .pt_wish-list .or:after {
            left: 50%;
            margin-left: 1.875rem
        }
}

@media only screen and (min-width:1025px) {
    .pt_account .account-wrap, .pt_cart .account-wrap, .pt_wish-list .account-wrap {
        border-top: 1px solid #e8e8e8
    }

    .pt_account .col-1, .pt_account .col-2, .pt_cart .col-1, .pt_cart .col-2, .pt_wish-list .col-1, .pt_wish-list .col-2 {
        border-top: 0
    }

    .pt_account .col-1, .pt_cart .col-1, .pt_wish-list .col-1 {
        border-right: 1px solid #e8e8e8
    }

    .pt_account .login-order-track, .pt_cart .login-order-track, .pt_wish-list .login-order-track {
        border-top: 0
    }
}

@media only screen and (min-width:1025px) and (min-width:768px) {
    .pt_account .login-order-track h1, .pt_cart .login-order-track h1, .pt_wish-list .login-order-track h1 {
        padding-top: 1.875rem
    }
}

.pt_cart .checkoutlogin button {
    display: block;
    margin: 0 auto
}

.pt_cart .checkoutlogin .or {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    max-width: 6.875rem;
    margin: 15px auto
}

    .pt_cart .checkoutlogin .or:after, .pt_cart .checkoutlogin .or:before {
        content: "";
        position: absolute;
        height: 1px;
        border-top: 1px solid #e8e8e8;
        top: 10px;
        width: 50%
    }

    .pt_cart .checkoutlogin .or:before {
        right: 50%;
        margin-right: 1.875rem
    }

    .pt_cart .checkoutlogin .or:after {
        left: 50%;
        margin-left: 1.875rem
    }

@media only screen and (min-width:768px) {
    .pt_cart .checkoutlogin .or {
        max-width: 21rem
    }
}

.pt_account .error-form, .pt_cart .error-form, .pt_wish-list .error-form {
    border: 1px solid #f33838;
    background: #fff;
    border-radius: 0;
    color: #000;
    font-weight: 700
}

.pt_account .breadcrumb {
    padding-top: .625rem
}

    .pt_account .breadcrumb li {
        font-size: 10px;
        font-size: .625rem
    }

@media only screen and (min-width:768px) {
    .pt_account .breadcrumb li {
        font-size: 12px;
        font-size: .75rem
    }
}

.pt_account .primary-content.not-auth {
    width: 100%
}

@media only screen and (min-width:768px) {
    .pt_account .primary-content.not-auth #RegistrationForm .dialog-align {
        width: 50%;
        max-width: none
    }
}

.pt_account .primary-content.not-auth #RegistrationForm .dialog-align .form-row {
    width: 100%
}

@media only screen and (min-width:768px) {
    .pt_account .primary-content.not-auth #RegistrationForm .form-row {
        width: 50%;
        float: left;
        max-width: none
    }

        .pt_account .primary-content.not-auth #RegistrationForm .form-row.checkbox {
            width: 100%
        }
}

.pt_account .primary-content.not-auth #RegistrationForm .form-row.form-row-button {
    width: 100%
}

    .pt_account .primary-content.not-auth #RegistrationForm .form-row.form-row-button button {
        margin: 0 auto
    }

.pt_account .primary-content .create-account-header {
    font-size: 26px;
    font-size: 1.625rem
}

.pt_account .primary-content .create-text {
    font-size: 14px;
    font-size: .875rem
}

.pt_account .primary-content h1.personal-data {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 1.875rem;
    font-weight: 700
}

    .pt_account .primary-content h1.personal-data.change-password {
        padding-top: 3.125rem
    }

@media only screen and (min-width:768px) {
    .pt_account .primary-content h1.personal-data {
        margin-left: 1.5625rem
    }
}

@media only screen and (min-width:768px) {
    .pt_account .primary-content {
        padding-top: 1.875rem
    }
}

.pt_account .primary-content .email-prefs {
    margin-top: 5px;
    height: 1300px;
    padding-bottom: 0
}

    .pt_account .primary-content .email-prefs iframe {
        border: none;
        width: 100%;
        height: 100%
    }

.pt_account #ChangePassowrdForm {
    border-bottom: 1px solid #e8e8e8
}

    .pt_account #ChangePassowrdForm .form-row-button {
        padding-bottom: 2.5rem
    }

    .pt_account #ChangePassowrdForm .dialog-align .dialog-required {
        width: 100%;
        text-align: right;
        height: 1px;
        display: block;
        margin-bottom: -5px
    }

        .pt_account #ChangePassowrdForm .dialog-align .dialog-required em {
            font-size: 12px;
            font-size: .75rem;
            line-height: 2.91667em;
            text-transform: none
        }

@media only screen and (min-width:768px) {
    .pt_account #ChangePassowrdForm .dialog-align {
        max-height: 6.5625rem
    }

        .pt_account #ChangePassowrdForm .dialog-align .dialog-required {
            width: 27.5rem;
            width: 95%;
            min-width: 20rem
        }

            .pt_account #ChangePassowrdForm .dialog-align .dialog-required em {
                line-height: 35px;
                line-height: 2.1875rem
            }

        .pt_account #ChangePassowrdForm .dialog-align .form-row {
            width: 100%
        }

        .pt_account #ChangePassowrdForm .dialog-align span {
            text-align: right
        }

        .pt_account #ChangePassowrdForm .dialog-align .error {
            text-align: left
        }
}

@media only screen and (min-width:768px) {
    .pt_account #ChangePassowrdForm {
        border-bottom: 0
    }
}

.pt_account #ChangePassowrdForm, .pt_account #RegistrationForm {
    padding-top: 1.25rem
}

    .pt_account #ChangePassowrdForm.personal-data, .pt_account #RegistrationForm.personal-data {
        padding-top: 0
    }

    .pt_account #ChangePassowrdForm .form-row-button, .pt_account #RegistrationForm .form-row-button {
        padding-top: .625rem
    }

    .pt_account #ChangePassowrdForm button, .pt_account #RegistrationForm button {
        display: block;
        margin: 0 auto
    }

    .pt_account #ChangePassowrdForm .no-wrap + label:before, .pt_account #RegistrationForm .no-wrap + label:before {
        float: left;
        margin: .3125rem .625rem 1.25rem 0
    }

    .pt_account #ChangePassowrdForm .dialog-align .dialog-required, .pt_account #RegistrationForm .dialog-align .dialog-required {
        width: 100%;
        text-align: right;
        height: 1px;
        display: block;
        margin-bottom: -5px
    }

        .pt_account #ChangePassowrdForm .dialog-align .dialog-required em, .pt_account #RegistrationForm .dialog-align .dialog-required em {
            font-size: 12px;
            font-size: .75rem;
            line-height: 2.91667em;
            text-transform: none
        }

@media only screen and (min-width:768px) {
    .pt_account #ChangePassowrdForm .dialog-align, .pt_account #RegistrationForm .dialog-align {
        max-height: 6.5625rem
    }

        .pt_account #ChangePassowrdForm .dialog-align .dialog-required, .pt_account #RegistrationForm .dialog-align .dialog-required {
            width: 27.5rem;
            width: 95%;
            min-width: 20rem
        }

            .pt_account #ChangePassowrdForm .dialog-align .dialog-required em, .pt_account #RegistrationForm .dialog-align .dialog-required em {
                line-height: 35px;
                line-height: 2.1875rem
            }

        .pt_account #ChangePassowrdForm .dialog-align .form-row, .pt_account #RegistrationForm .dialog-align .form-row {
            width: 100%
        }

        .pt_account #ChangePassowrdForm .dialog-align span, .pt_account #RegistrationForm .dialog-align span {
            text-align: right
        }

        .pt_account #ChangePassowrdForm .dialog-align .error, .pt_account #RegistrationForm .dialog-align .error {
            text-align: left
        }
}

@media only screen and (min-width:768px) {
    .pt_account #ChangePassowrdForm .dialog-align, .pt_account #RegistrationForm .dialog-align {
        max-width: 30rem
    }
}

@media only screen and (min-width:768px) {
    .pt_account #ChangePassowrdForm, .pt_account #RegistrationForm {
        width: 95%;
        margin-left: 1.5625rem;
        padding-top: 1.875rem
    }

        .pt_account #ChangePassowrdForm div:nth-of-type(odd), .pt_account #RegistrationForm div:nth-of-type(odd) {
            clear: left
        }

        .pt_account #ChangePassowrdForm label, .pt_account #RegistrationForm label {
            line-height: normal
        }

        .pt_account #ChangePassowrdForm .form-row, .pt_account #RegistrationForm .form-row {
            max-width: 30rem
        }

            .pt_account #ChangePassowrdForm .form-row.form-row-button, .pt_account #RegistrationForm .form-row.form-row-button {
                padding-top: 1.875rem;
                float: none;
                margin: 0;
                width: 100%
            }

                .pt_account #ChangePassowrdForm .form-row.form-row-button button, .pt_account #RegistrationForm .form-row.form-row-button button {
                    margin: 0 20px 0 auto
                }

            .pt_account #ChangePassowrdForm .form-row.password-confirm.error input, .pt_account #RegistrationForm .form-row.password-confirm.error input {
                border: 1px solid #f33838
            }

        .pt_account #ChangePassowrdForm .form-indent, .pt_account #RegistrationForm .form-indent {
            width: 100%;
            float: none;
            clear: both;
            margin: 0;
            padding-bottom: .5em
        }

            .pt_account #ChangePassowrdForm .form-indent .field-wrapper, .pt_account #RegistrationForm .form-indent .field-wrapper {
                width: 100%;
                padding-bottom: .3em
            }

        .pt_account #ChangePassowrdForm label, .pt_account #RegistrationForm label {
            width: auto
        }

        .pt_account #ChangePassowrdForm .field-wrapper, .pt_account #RegistrationForm .field-wrapper {
            padding-left: 0;
            float: none;
            width: 95%;
            min-width: 20rem
        }

        .pt_account #ChangePassowrdForm .form-caption, .pt_account #RegistrationForm .form-caption {
            margin-left: 0
        }

        .pt_account #ChangePassowrdForm .no-wrap + label span, .pt_account #RegistrationForm .no-wrap + label span {
            display: inline;
            width: auto;
            float: none
        }

        .pt_account #ChangePassowrdForm .no-wrap + label .required-indicator, .pt_account #RegistrationForm .no-wrap + label .required-indicator {
            float: none;
            text-align: auto;
            margin-top: 0
        }
}

.pt_account #secondary {
    display: none
}

    .pt_account #secondary.personal-data {
        display: block;
        border-bottom: 1px solid #e8e8e8
    }

@media only screen and (min-width:768px) {
    .pt_account #secondary.personal-data {
        border-bottom: 0
    }
}

.pt_account .profile-name {
    text-transform: capitalize;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.44444em;
    font-weight: 700
}

    .pt_account .profile-name .account-logout {
        font-weight: 400
    }

#PasswordResetForm .row-inline {
    width: 70%;
    float: left;
    margin-bottom: 2em
}

@media only screen and (min-width:768px) {
    #PasswordResetForm .row-inline {
        width: 80%
    }
}

#PasswordResetForm button {
    float: left;
    margin-top: 44px;
    height: 32px;
    line-height: 30px;
    min-height: 0;
    padding: 0 1em;
    font-size: 16px;
    font-size: 1rem
}

h1 .account-logout {
    font-size: .6em;
    float: none
}

.registration-selection input, .registration-selection label {
    display: inline;
    float: none
}

.payment-list {
    overflow: hidden;
    padding: 0
}

    .payment-list li {
        float: left;
        list-style: none outside none;
        margin: 0;
        min-height: 110px;
        width: 33%
    }

@media only screen and (max-width:767px) {
    .payment-list li {
        float: none;
        width: auto
    }
}

.js .order-history-table .hidden {
    display: none
}

@media only screen and (max-width:767px) {
    .facebook-registration {
        left: -3px
    }

        .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe {
            position: relative;
            width: 100.7% !important
        }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .facebook-registration {
        left: 0
    }

        .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe {
            position: relative;
            width: 100% !important
        }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .facebook-registration {
        left: 0
    }

        .facebook-registration, .facebook-registration .fb_iframe_widget, .facebook-registration .fb_iframe_widget span, .facebook-registration .fb_iframe_widget span iframe {
            position: relative;
            width: 100% !important
        }
}

.dialog-account-addresses #dialog-container {
    overflow-y: scroll
}

.ui-dialog .ui-widget-header {
    height: 1px
}

    .ui-dialog .ui-widget-header .ui-dialog-title {
        display: none
    }

.ui-dialog #dialog-container {
    padding: 0 .625rem
}

    .ui-dialog #dialog-container label {
        padding-bottom: .625rem;
        font-size: 14px;
        font-size: .875rem
    }

        .ui-dialog #dialog-container label #phone2 {
            font-weight: 400
        }

    .ui-dialog #dialog-container .dialog-required {
        float: right;
        margin-bottom: -2.5rem;
        font-size: 12px;
        font-size: .75rem;
        line-height: 2.66667em
    }

        .ui-dialog #dialog-container .dialog-required .required-indicator {
            font-size: 12px;
            font-size: .75rem
        }

        .ui-dialog #dialog-container .dialog-required em {
            text-transform: capitalize
        }

    .ui-dialog #dialog-container #edit-address-form {
        clear: right
    }

        .ui-dialog #dialog-container #edit-address-form .form-row:nth-of-type(9) {
            display: none
        }

        .ui-dialog #dialog-container #edit-address-form .form-row-button {
            text-align: center
        }

            .ui-dialog #dialog-container #edit-address-form .form-row-button button:first-of-type {
                margin-right: .875rem
            }

@media only screen and (min-width:768px) {
    .ui-dialog #dialog-container {
        padding: 0 1.25rem
    }

    .ui-dialog #edit-address-form label {
        width: 100%
    }

    .ui-dialog #edit-address-form .form-field-tooltip {
        display: none
    }

    .ui-dialog #edit-address-form .form-row .field-wrapper {
        width: 100%;
        padding: 0
    }

    .ui-dialog #edit-address-form .form-row .form-caption {
        margin-left: 0
    }

    .ui-dialog #edit-address-form .form-row.form-row-button {
        width: 100%;
        margin-left: 0
    }

    .ui-dialog #edit-address-form .form-row:nth-of-type(2n) {
        padding-right: 2%
    }

    .ui-dialog #edit-address-form .form-row:nth-of-type(4) {
        padding-right: 0
    }

    .ui-dialog #edit-address-form .form-row:nth-of-type(n+2):nth-of-type(-n+3), .ui-dialog #edit-address-form .form-row:nth-of-type(n+6):nth-of-type(-n+8), .ui-dialog #edit-address-form .form-row:nth-of-type(n+10):nth-of-type(-n+11) {
        width: 49%;
        float: left
    }
}

#addresses {
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e8
}

    #addresses a {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.85714em
    }

    #addresses .address-list {
        text-transform: capitalize;
        margin-bottom: 0;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.28571em;
        padding-left: 0
    }

        #addresses .address-list li {
            list-style: none outside none
        }

@media only screen and (min-width:480px) {
    #addresses .address-list li {
        min-height: 14.2em
    }
}

@media only screen and (min-width:768px) {
    #addresses .address-list li {
        min-height: 12.2em
    }
}

#addresses .address-list li.default {
    background-color: #f2f2f2;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: .3125rem;
    margin-bottom: .625rem
}

#addresses .address-list .mini-address-title {
    font-weight: 700;
    font-style: normal
}

#addresses .address-list address {
    font-style: normal;
    padding-bottom: 1.25rem
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #addresses {
        overflow: auto
    }

        #addresses .address-list {
            padding-top: 1.25rem
        }

            #addresses .address-list .address-tile {
                width: 32%;
                padding: .3125rem;
                float: left;
                min-width: 11.6rem
            }

                #addresses .address-list .address-tile.default {
                    width: 27%;
                    padding: .3125rem;
                    margin-right: 1rem;
                    min-width: 10.6rem
                }
}

@media only screen and (min-width:768px) {
    #addresses {
        overflow: auto;
        border-bottom: 0
    }

        #addresses .address-list {
            overflow: hidden;
            padding-top: 1.25rem
        }

            #addresses .address-list li {
                width: 30%;
                float: left;
                padding-right: .625rem;
                min-width: 14.375rem;
                max-width: 18.75rem
            }

                #addresses .address-list li.default {
                    padding: .625rem;
                    width: 100%;
                    margin-bottom: 2.5rem;
                    max-width: none
                }
}

.pt_order .search-result-options {
    margin-top: 2.1875rem
}

@media only screen and (min-width:768px) {
    .pt_order .search-result-options {
        float: right;
        margin-top: 3.4375rem;
        min-width: 21.875rem;
        margin-bottom: 0;
        padding-right: .625rem
    }
}

.pt_order .search-result-options .results-hits-wrap {
    display: inline-block;
    margin-bottom: 0
}

    .pt_order .search-result-options .results-hits-wrap .results-hits {
        color: #000
    }

.pt_order .search-result-options .pagination {
    margin: 0;
    display: inline-block;
    float: right
}

    .pt_order .search-result-options .pagination li {
        font-size: 12px;
        font-size: .75rem
    }

@media only screen and (min-width:768px) {
    .pt_order h1 {
        margin-top: 3.125rem
    }
}

@media only screen and (min-width:768px) {
    .pt_order .search-result-items {
        padding-left: 3%
    }
}

@media only screen and (max-width:767px) {
    .pt_order .search-result-items button.hide-large-up {
        display: block;
        margin: 10px auto
    }
}

.pt_order .actions > a {
    color: #000
}

.order-history-header {
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
    padding: .625rem
}

@media only screen and (min-width:768px) {
    .order-history-header {
        padding-top: 1.25rem
    }
}

.order-history-header button {
    float: right
}

@media only screen and (max-width:767px) {
    .order-history-header button {
        font-size: 1em;
        padding: .25em
    }
}

.order-history-header .order-date span, .order-history-header .order-number span, .order-history-header .order-status span {
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width:768px) {
    .order-history-header .order-date span, .order-history-header .order-number span, .order-history-header .order-status span {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:768px) {
    .order-history-header .order-date, .order-history-header .order-number, .order-history-header .order-status {
        float: left;
        margin: 2px 0;
        width: 50%
    }
}

.order-history-items {
    margin: 0
}

@media only screen and (min-width:768px) {
    .order-history-items {
        margin: 20px 0
    }
}

@media only screen and (min-width:768px) {
    .order-history-table tr.hide-mobile {
        display: table-row
    }
}

.order-history-table td, .order-history-table th {
    padding: 5px 10px;
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width:768px) {
    .order-history-table td, .order-history-table th {
        padding-bottom: 0
    }
}

.order-history-table td {
    display: block;
    width: 100%
}

@media only screen and (min-width:768px) {
    .order-history-table td {
        display: table-cell;
        width: auto;
        padding: 0 10px 5px;
        font-size: 14px;
        font-size: .875rem
    }
}

.order-history-table td span.hide-large-up {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem
}

.order-history-table ul {
    margin: 0;
    padding: 0
}

.order-history-table li {
    list-style: none outside none
}

.order-history-table .order-items, .order-history-table .order-shipped-to, .order-history-table .order-total-price {
    width: 33%
}

    .order-history-table .order-items li {
        font-size: 12px;
        font-size: .75rem;
        padding-bottom: 0
    }

    .order-history-table .order-total-price.hide-large-up {
        display: block
    }

@media only screen and (min-width:768px) {
    .order-history-table .order-total-price.hide-large-up {
        display: none
    }
}

.order-history-table address {
    font-style: normal;
    text-transform: capitalize
}

.order-history-table .toggle {
    cursor: pointer;
    display: block
}

.pt_order .orderdetails {
    margin-top: 1.25rem
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails {
        display: block
    }
}

.pt_order .orderdetails .order-details {
    width: 100%;
    padding-bottom: .625rem;
    font-size: 24px;
    font-size: 1.5rem
}

.pt_order .orderdetails .order-information {
    width: 100%;
    line-height: 150%;
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-information {
        border-bottom: 0
    }
}

.pt_order .orderdetails .order-information .order-information-title {
    font-weight: 600
}

.pt_order .orderdetails .order-information .label {
    color: #000
}

.pt_order .orderdetails .order-information .value {
    font-weight: 400
}

.pt_order .orderdetails .order-billing, .pt_order .orderdetails .order-payment-instruments, .pt_order .orderdetails .order-payment-summary, .pt_order .orderdetails .order-shipping {
    width: 100%;
    padding: .625rem 0;
    line-height: 150%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_order .orderdetails .order-billing, .pt_order .orderdetails .order-payment-instruments, .pt_order .orderdetails .order-payment-summary, .pt_order .orderdetails .order-shipping {
        width: 50%;
        float: left
    }

        .pt_order .orderdetails .order-billing .label, .pt_order .orderdetails .order-payment-instruments .label, .pt_order .orderdetails .order-payment-summary .label, .pt_order .orderdetails .order-shipping .label {
            border-bottom: 1px solid #e8e8e8
        }
}

@media only screen and (min-width:1025px) {
    .pt_order .orderdetails .order-billing, .pt_order .orderdetails .order-payment-instruments, .pt_order .orderdetails .order-payment-summary, .pt_order .orderdetails .order-shipping {
        width: 22%;
        float: left
    }

        .pt_order .orderdetails .order-billing .label, .pt_order .orderdetails .order-payment-instruments .label, .pt_order .orderdetails .order-payment-summary .label, .pt_order .orderdetails .order-shipping .label {
            border-bottom: 1px solid #e8e8e8
        }
}

.pt_order .orderdetails .mini-address-name {
    padding-right: .8em
}

@media only screen and (min-width:1025px) {
    .pt_order .orderdetails .order-payment-summary {
        width: 34%
    }
}

.pt_order .orderdetails .order-payment-instruments .payment-amount {
    padding-bottom: .9375rem;
    border-bottom: 0
}

.pt_order .orderdetails address {
    font-style: normal
}

.pt_order .orderdetails .mini-address-email {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: lowercase
}

    .pt_order .orderdetails .mini-address-email:hover {
        word-wrap: break-word
    }

.pt_order .orderdetails .order-totals-table {
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-totals-table tr {
        display: block;
        font-size: 14px;
        font-size: .875rem
    }
}

.pt_order .orderdetails .order-totals-table td {
    padding: 0 20px 0 0
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-totals-table td {
        display: inline-block;
        width: 49%;
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-totals-table .order-shipping {
        width: 100%;
        float: none;
        padding: 0
    }
}

.pt_order .orderdetails .order-totals-table .order-shipping .mini-address-location {
    padding-right: .8em
}

.pt_order .orderdetails .order-totals-table .order-subtotal, .pt_order .orderdetails .order-totals-table .order-total {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    border: 0
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-totals-table .order-subtotal, .pt_order .orderdetails .order-totals-table .order-total {
        font-size: 14px;
        font-size: .875rem
    }
}

.pt_order .orderdetails .credit-card-logo {
    width: 53px
}

.pt_order .orderdetails .order-shipments {
    margin-top: 1.25rem;
    padding: .625rem 0;
    line-height: 150%;
    clear: both
}

.pt_order .orderdetails .order-shipment-table {
    border: 0;
    background-color: #fff;
    padding: 0
}

    .pt_order .orderdetails .order-shipment-table .line-item .line-item-details, .pt_order .orderdetails .order-shipment-table .line-item .line-item-price, .pt_order .orderdetails .order-shipment-table .line-item .line-item-quantity {
        width: 100%;
        text-align: left
    }

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-shipment-table .line-item .line-item-details {
        width: 70%
    }
}

.pt_order .orderdetails .order-shipment-table .line-item .line-item-details .label {
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) {
    .pt_order .orderdetails .order-shipment-table .line-item .line-item-price, .pt_order .orderdetails .order-shipment-table .line-item .line-item-quantity {
        width: 14%
    }
}

.pt_order .orderdetails .order-shipment-table .line-item .line-items {
    padding-top: 0
}

#dispatchtrack-result iframe {
    border: none
}

.swatch-black a {
    background-color: #000 !important
}

.swatch-beige a {
    background-color: beige !important
}

.swatch-blue a {
    background-color: blue !important
}

.swatch-purple a {
    background-color: purple !important
}

.swatch-red a {
    background-color: red !important
}

.swatch-brown a {
    background-color: #783201 !important
}

.swatch-green a {
    background-color: green !important
}

.swatch-grey a {
    background-color: #8f979d !important
}

.swatch-pink a {
    background-color: #fe249a !important
}

.swatch-orange a {
    background-color: orange !important
}

.swatch-white a {
    background-color: #fff !important
}

.swatch-yellow a {
    background-color: #ff0 !important
}

.swatch-navy a {
    background-color: navy !important
}

.swatch-miscellaneous a {
    background: url(../images/interface/icon-color-swatch-misc.png) no-repeat scroll 0 0 transparent
}

.unselectable.swatch-miscellaneous a {
    background: url(../images/interface/icon-color-swatch-misc-unselectable.png) no-repeat scroll 0 0 transparent !important
}

.product-tile {
    position: relative;
    color: #999;
    text-align: center
}

    .product-tile:after {
        content: "";
        display: table;
        clear: both
    }

    .product-tile.show-compare {
        padding-bottom: .9375rem
    }

    .product-tile .product-tile-info-offset {
        padding: 0 .9375rem 0 0;
        text-align: left
    }

    .product-tile .product-image {
        position: relative;
        padding-top: 45%;
        margin-bottom: .9375rem;
        overflow: hidden
    }

@media only screen and (min-width:1025px) {
    .product-tile .product-image {
        padding-top: 80%
    }

        .product-tile .product-image:hover .alternate-image {
            opacity: 1;
            top: 50%
        }

        .product-tile .product-image:hover .primary-image {
            opacity: 0
        }
}

.product-tile .product-image .alternate-image {
    opacity: 0;
    top: 10%
}

.product-tile .product-image img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.product-tile .product-image .thumb-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.product-tile .product-image .quickview {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 40px;
    letter-spacing: .05em;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(51,102,204,.6);
    opacity: 0;
    transform: translateY(10%);
    transition-timing-function: ease-in-out;
    transition: opacity .3s,transform .25s,background-color .2s
}

    .product-tile .product-image .quickview.show-up-animation {
        opacity: 1;
        transform: translateY(0)
    }

    .product-tile .product-image .quickview:hover {
        background-color: rgba(51,102,204,.45)
    }

    .product-tile .product-image .quickview.small {
        min-height: 32px;
        line-height: 32px;
        font-size: 12px;
        font-size: .75rem
    }

    .product-tile .product-image .quickview i {
        display: none
    }

.product-tile .product-swatches-all {
    cursor: pointer;
    font-size: .9em
}

.product-tile .name-set, .product-tile .price-set {
    font-size: 12px;
    font-weight: 100;
    white-space: nowrap
}

.product-tile .product-swatches {
    position: relative
}

    .product-tile .product-swatches ul {
        padding: 0;
        margin: 0;
        list-style: none outside none;
        overflow: hidden
    }

        .product-tile .product-swatches ul.swatch-toggle {
            background: none repeat scroll 0 0 #fff;
            top: 1.875rem;
            position: absolute;
            padding: 5px 0 0 5px;
            box-shadow: 1px 3px 5px 1px #e8e8e8
        }

            .product-tile .product-swatches ul.swatch-toggle:before {
                height: 0;
                width: 0;
                border: 15px solid transparent;
                border-bottom-color: #fff;
                content: "";
                display: block;
                position: absolute;
                bottom: 100%;
                left: 22%
            }

        .product-tile .product-swatches ul.swatch-hidden {
            display: none
        }

    .product-tile .product-swatches li {
        float: left;
        padding-bottom: 0
    }

    .product-tile .product-swatches .swatch {
        display: block;
        color: #919090;
        border: 1px solid transparent;
        line-height: 22px;
        line-height: 1.375rem;
        height: 1.375rem;
        width: 1.375rem;
        border-radius: 50%;
        margin: 0 .125rem .3125rem 0;
        padding: 1px;
        font-size: 12px;
        font-size: .75rem;
        text-align: center;
        white-space: nowrap;
        text-decoration: none;
        outline: none;
        transition: all .3s
    }

        .product-tile .product-swatches .swatch:hover {
            transform: scale(1.1)
        }

        .product-tile .product-swatches .swatch.selected {
            border-color: #36c;
            animation: d 1.2s ease-in infinite alternate
        }

        .product-tile .product-swatches .swatch img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-sizing: border-box;
            vertical-align: unset
        }

    .product-tile .product-swatches .selected img {
        border-color: transparent
    }

.product-tile .product-flag {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    letter-spacing: .025em;
    text-transform: uppercase;
    margin-bottom: .25rem
}

.product-tile .product-name {
    margin-bottom: .4375rem
}

    .product-tile .product-name a {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.14286em;
        text-decoration: none
    }

    .product-tile .product-name a, .product-tile .product-pricing {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        color: #000
    }

.product-tile .product-pricing {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem;
    margin-bottom: .4375rem
}

@media only screen and (min-width:768px) {
    .product-tile .product-pricing {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.product-tile .product-pricing del {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18182em;
    color: #999;
    text-decoration: line-through;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem
}

@media only screen and (min-width:768px) {
    .product-tile .product-pricing del {
        font-size: 16px;
        font-size: 1rem
    }
}

.product-tile .product-pricing .product-standard-price-block {
    display: block
}

.product-tile .product-pricing .type-producttile-range-label {
    position: relative;
    bottom: 2px
}

.product-tile .local-pricing-check {
    display: block
}

    .product-tile .local-pricing-check a {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.14286em;
        color: #999
    }

.product-tile .product-promo {
    font-size: .8em;
    margin: 0 0 .4375rem;
    text-transform: uppercase
}

    .product-tile .product-promo p {
        margin: 0
    }

.product-tile .promotion-details {
    display: none
}

.product-tile .homestore-logo {
    max-width: 9.375rem;
    padding-bottom: .875rem
}

.product-tile .delivery-method {
    margin-bottom: .625rem
}

.product-tile .delivery-method-hd, .product-tile .delivery-method-hd a {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    letter-spacing: .025em;
    color: #999;
    text-decoration: none
}

.product-tile .delivery-method-panel {
    display: none;
    position: absolute;
    padding: 1em;
    top: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f2f2f2;
    overflow: hidden;
    color: #000;
    z-index: 40
}

    .product-tile .delivery-method-panel.active {
        display: block
    }

    .product-tile .delivery-method-panel h3 {
        margin-top: 1.1em
    }

    .product-tile .delivery-method-panel .close-icon {
        float: right;
        fill: #919090;
        cursor: pointer
    }

.product-tile .delivery-method-ds, .product-tile .delivery-method-ds a {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    letter-spacing: .025em;
    color: #000;
    text-decoration: none;
    font-weight: 700
}

.product-tile .more-options {
    margin-bottom: .625rem;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1.18182em
}

.product-tile .AR-icon {
    max-width: 1.875rem
}

.product-tile .product-compare {
    display: none;
    height: 1.25rem
}

@media only screen and (min-width:768px) {
    .product-tile .product-compare {
        display: block
    }
}

.product-tile .product-compare .field-wrapper {
    position: absolute;
    bottom: .9375rem
}

.product-tile .product-compare label {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.16667em;
    color: #999
}

.product-tile .product-review {
    margin-bottom: 1em
}

    .product-tile .product-review .rating-title {
        display: inline-block;
        margin-right: 1em
    }

    .product-tile .product-review .rating {
        display: inline-block
    }

.wide-tiles .product-tile .product-image {
    float: left;
    padding-right: 2em
}

.wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .product-review, .wide-tiles .product-tile .product-swatches {
    float: left;
    text-align: left;
    width: 65%
}

.wide-tiles .product-tile .product-name {
    font-size: 1.5em;
    height: auto;
    margin-top: 0
}

.wide-tiles .product-tile .product-pricing {
    font-size: 1.3em
}

.wide-tiles .product-tile .product-swatches {
    margin-bottom: 1em
}

    .wide-tiles .product-tile .product-swatches:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (max-width:767px) {
    .wide-tiles .product-tile .product-image {
        width: 41%
    }

    .wide-tiles .product-tile .pr_stars, .wide-tiles .product-tile .product-name, .wide-tiles .product-tile .product-pricing, .wide-tiles .product-tile .product-promo, .wide-tiles .product-tile .product-swatches {
        float: right
    }

        .wide-tiles .product-tile .product-name h2 {
            margin-top: 0
        }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .wide-tiles .product-tile .product-name h2 {
        margin-top: 10px
    }

    .wide-tiles .product-tile .product-image {
        width: 38%
    }
}

.capture-product-id {
    left: -999em;
    position: absolute
}

.pt_content-search-result .slot-grid-header.banner-styles, .pt_product-search-noresult .slot-grid-header.banner-styles, .pt_product-search-result .slot-grid-header.banner-styles {
    margin-bottom: 1.4em
}

.no-hits-search-term, .no-hits-search-term-suggest {
    color: #36c
}

.no-hits-search-term {
    text-transform: capitalize
}

.no-hits-search .input-text {
    width: 60%;
    display: inline-block;
    height: 40px;
    vertical-align: top
}

@media only screen and (max-width:479px) {
    .no-hits-search .input-text {
        width: 50%
    }
}

.no-hits-search button {
    display: inline-block;
    height: 2.5rem;
    line-height: 38px;
    line-height: 2.375rem;
    min-height: 0;
    padding: 0 1em;
    margin-left: -4px
}

.no-hits-search label {
    font-weight: 400
}

.no-hits-help, .no-hits-search label {
    font-family: Open Sans,Arial,sans-serif
}

.no-hits-help {
    font-weight: 700
}

    .no-hits-help .content-asset p {
        margin-bottom: .3em
    }

    .no-hits-help .content-asset ul {
        margin-top: .3em
    }

        .no-hits-help .content-asset ul li {
            list-style: disc outside none;
            padding-bottom: .3em
        }

.no-hits-footer {
    margin: 1.25rem 0
}

.form-row.btn-articles {
    text-align: center
}

@media only screen and (min-width:768px) {
    .form-row.btn-articles {
        text-align: left
    }
}

.pt_product-search-noresult h1 {
    margin-top: .5em
}

.pt_gift-registry .primary-content .pt_product-search-noresult h3, .pt_product-search-noresult .pt_gift-registry .primary-content h3, .pt_product-search-noresult .section-header {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    text-transform: none;
    text-align: center
}

.pt_product-search-result .primary-content h1.content-header {
    margin-bottom: 0;
    font-size: 24px;
    font-size: 1.5rem
}

.category-main-banner img {
    max-width: 100%
}

.search-result-bookmarks {
    margin: 0 1em 2.5rem 0;
    font-size: 12px;
    font-size: .75rem
}

    .search-result-bookmarks .first {
        border-right: 1px solid #919090;
        padding-right: .3125rem;
        margin-right: .25rem
    }

.search-result-options {
    margin: .625rem 0 .9375rem;
    overflow: hidden;
    float: right
}

    .search-result-options.search-result-options-bottom .pagination {
        margin-top: 0;
        vertical-align: super
    }

    .search-result-options .sort-by {
        display: block;
        float: left;
        width: 15.625rem;
        margin-right: 2.8125rem
    }

@media only screen and (min-width:768px) {
    .search-result-options .sort-by {
        display: block;
        width: 13.4375rem;
        margin-right: 1.375rem
    }
}

@media only screen and (max-width:767px) {
    .search-result-options .sort-by {
        width: auto
    }
}

.search-result-options .items-per-page {
    display: inline-block;
    width: 4.375rem
}

    .search-result-options .items-per-page.view-all {
        width: 7.5rem
    }

@media only screen and (min-width:768px) {
    .search-result-options .items-per-page {
        display: inline-block
    }
}

@media only screen and (max-width:767px) {
    .search-result-options .items-per-page {
        display: none
    }
}

.search-result-options .pagination {
    display: inline-block;
    margin-top: 1.5625rem
}

@media only screen and (min-width:768px) {
    .search-result-options .pagination {
        margin-top: 0
    }
}

.items-per-page fieldset, .sort-by fieldset {
    min-width: 4.5em
}

.items-per-page label, .sort-by label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.items-per-page button, .sort-by button {
    background: none repeat scroll 0 0 #666;
    border: 0 none;
    color: #363534;
    font-size: .9em;
    padding: .3em;
    width: auto
}

.sort-by-mobile-view {
    width: auto;
    margin: 1.25rem .625rem .9375rem
}

@media only screen and (min-width:768px) {
    .sort-by-mobile-view {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

.pagination {
    text-align: center
}

    .pagination ul {
        display: inline-block;
        margin: 0;
        padding: 0
    }

    .pagination li {
        display: block;
        padding: 0 .25rem;
        float: left;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22222em;
        list-style: none
    }

@media only screen and (min-width:768px) {
    .pagination li {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 600;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.28571em
    }
}

.pagination li.current-page {
    color: #363534
}

.pagination li a {
    display: inline-block;
    vertical-align: top;
    color: #999
}

.pagination li .page-switcher {
    height: 1.3125rem
}

@media only screen and (min-width:768px) {
    .pagination li .page-switcher {
        height: 1.125rem
    }
}

.pagination li .page-switcher span {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: .38889em;
    color: #363534;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .pagination li .page-switcher span {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: .4em
    }
}

.results-hits-wrap {
    display: none;
    margin-bottom: 1.125rem
}

@media only screen and (min-width:768px) {
    .results-hits-wrap {
        display: block
    }
}

.results-hits-wrap .results-hits {
    float: left
}

.results-hits {
    font-size: 12px;
    font-size: .75rem;
    color: #999
}

.search-result-items {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0
}

    .search-result-items li {
        list-style: none outside none
    }

    .search-result-items .grid-tile {
        display: inline-block;
        position: relative;
        width: 100%;
        padding-bottom: .625rem;
        vertical-align: top;
        border-bottom: 2px solid #e8e8e8
    }

@media only screen and (min-width:768px) {
    .search-result-items .grid-tile {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .search-result-items .grid-tile {
        width: 33.3%
    }
}

@media only screen and (min-width:1280px) {
    .search-result-items .grid-tile {
        width: 33.3%
    }
}

.search-result-items .invisible {
    display: none
}

.wide-tiles .search-result-items .grid-tile {
    width: 91%
}

.wide-tiles .search-result-items .product-tile .product-swatches {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    margin-top: .3125rem
}

    .wide-tiles .search-result-items .product-tile .product-swatches li {
        float: left
    }

@media only screen and (min-width:768px) {
    .search-result-items {
        padding-left: 20%
    }
}

.search-result-content {
    clear: both;
    border-bottom: 1px solid #e8e8e8
}

    .search-result-content .search-result-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1.25rem 0 0 1.875rem
    }

    .search-result-content .in-grid-advertisement-empty {
        display: none
    }

    .search-result-content .grid-row {
        width: 100%;
        display: none
    }

@media only screen and (min-width:1280px) {
    .search-result-content .grid-row.max {
        display: block
    }
}

@media only screen and (min-width:1025px) and (max-width:1279px) {
    .search-result-content .grid-row.desktop {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .search-result-content .grid-row.large {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .search-result-content .grid-row.medium-down {
        display: block
    }
}

.search-result-content .grid-row.in-grid-advertisement-empty {
    display: none
}

@media only screen and (min-width:1280px) {
    .search-result-content {
        width: 80%;
        display: inline-block
    }
}

.search-promo {
    padding: 1.25rem 0;
    float: left
}

#results-content {
    padding-top: 2.5rem;
    margin-bottom: 1em
}

.pt_content-search-result .search-results-header {
    font-size: 22px;
    font-size: 1.375rem
}

    .pt_content-search-result .search-results-header span {
        color: #36c
    }

.pt_content-search-result .results-title {
    margin-top: 2.5em;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem
}

.folder-refinement .top-folder {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none
}

.folder-refinement .view-all-articles {
    display: block;
    margin-bottom: 1em;
    text-transform: capitalize
}

.folder-content-list {
    padding: .5em 0 2em;
    margin: 0;
    clear: both;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .folder-content-list li {
        box-sizing: border-box;
        list-style: none outside none;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: .5em 2% 1.5em 0;
        padding: 0 .5em 0 0
    }

@media only screen and (min-width:1025px) {
    .folder-content-list li {
        display: inline-block;
        width: 47%;
        vertical-align: top;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

.folder-content-list a.content-title {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    color: #000;
    text-decoration: none;
    margin-bottom: .3em;
    line-height: normal
}

.folder-content-list a.readmore {
    display: block;
    margin-top: .3em;
    text-decoration: none
}

.no-results {
    padding: 1.25rem
}

.toggle-grid {
    display: block;
    float: left;
    margin-right: .5em
}

    .toggle-grid i {
        cursor: pointer;
        margin-right: .3em
    }

    .toggle-grid.wide [data-option=wide], .toggle-grid [data-option=column] {
        color: #24b337
    }

    .toggle-grid.wide [data-option=column] {
        color: #000
    }

.local-pricing-container {
    display: inline-block
}

.local-pricing-status {
    padding: 0 .9375rem;
    margin-bottom: 1.25rem;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .local-pricing-status {
        margin-bottom: 1.5625rem
    }
}

.local-pricing-status .local-pricing-icon {
    display: inline-block;
    margin-right: .4375rem;
    line-height: 32px;
    line-height: 2rem;
    vertical-align: middle
}

@media only screen and (min-width:768px) {
    .local-pricing-status .local-pricing-icon {
        vertical-align: top;
        margin-top: 6px
    }
}

.local-pricing-status .local-pricing-info {
    display: inline-block;
    font-size: 14px;
    font-size: .875rem
}

.local-pricing-status .local-pricing-part {
    display: inline;
    margin-bottom: 0
}

@media only screen and (min-width:1025px) {
    .local-pricing-status .local-pricing-part, .local-pricing-status .local-pricing-part .local-pricing-link-popup, .local-pricing-status .local-pricing-part .local-pricing-link-stores {
        display: block
    }
}

.local-pricing-status .local-pricing-label {
    color: #000;
    text-decoration: none
}

    .local-pricing-status .local-pricing-label.bold {
        font-weight: 600
    }

.local-pricing-status .local-pricing-zip-code {
    padding: 0 .125rem;
    color: #f68c2c;
    font-size: 14px;
    font-size: .875rem
}

.local-pricing-status .local-pricing-link, .local-pricing-status .local-pricing-link-popup, .local-pricing-status .local-pricing-link-stores {
    text-decoration: underline
}

.zip-code-entry-form {
    min-width: 230px
}

    .zip-code-entry-form h4 {
        margin-bottom: .625rem;
        text-align: center
    }

.infinite-scroll .search-result-content .infinite-scroll-loading {
    text-align: center;
    background: url(../images/infinite-loading-indicator.gif) 50% no-repeat;
    height: 35px;
    width: 100%
}

.disable-infinite-scroll .search-result-content .page-element {
    display: none
}

.pt_product-compare h1 {
    padding: 0 .9375rem;
    margin: 0 0 .5rem
}

.compare-clp-title {
    margin-bottom: .625rem
}

@media only screen and (min-width:1025px) {
    .compare-clp-title {
        margin-bottom: .9375rem
    }
}

.compare-clp-title h3, .compare-clp-title p {
    display: inline-block;
    margin: 0
}

.compare-clp-title i, .compare-clp-title p {
    color: #999
}

.compare-clp-title i {
    margin: 0 .25rem
}

.compare-items {
    display: none;
    clear: both;
    margin: 2.1875rem 0 2.5rem
}

@media only screen and (min-width:768px) {
    .compare-items {
        display: block
    }
}

.compare-items h2 {
    margin: .5em 0
}

.compare-items-panel {
    display: inline-block;
    width: 100%;
    margin-bottom: .9375rem;
    vertical-align: middle
}

    .compare-items-panel:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .compare-items-panel {
        width: calc(100% - 335px);
        margin: 0 6.5% 0 0
    }
}

.compare-item {
    position: relative;
    float: left;
    width: 29.25%;
    padding-top: 21.5%;
    margin-right: 6%;
    border: 2px solid #e8e8e8;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center
}

    .compare-item:last-of-type {
        margin-right: 0
    }

    .compare-item.active {
        border-style: solid
    }

        .compare-item.active .compare-item-remove {
            display: block
        }

    .compare-item .compare-item-remove {
        background: url(../images/svg-icons/close-icon.svg) 0 0 no-repeat;
        height: .6875rem;
        width: .6875rem;
        display: none;
        position: absolute;
        right: .5rem;
        top: .5rem;
        z-index: 1;
        cursor: pointer
    }

.compare-item-image {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.compare-buttons {
    width: 100%
}

    .compare-buttons:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:1025px) {
    .compare-buttons {
        width: auto;
        display: inline-block;
        vertical-align: middle
    }
}

.compare-buttons .compare-items-button {
    float: right
}

@media only screen and (min-width:1025px) {
    .compare-buttons .compare-items-button {
        display: block;
        float: none;
        margin-bottom: 1.25rem
    }
}

.compare-buttons .clear-compared-items {
    float: right;
    margin: 1.125rem 1.25rem 0 0;
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28571em;
    cursor: pointer;
    text-decoration: underline
}

@media only screen and (min-width:1025px) {
    .compare-buttons .clear-compared-items {
        float: none;
        margin: 0
    }
}

.compare-page-title {
    padding: 0 .9375rem;
    margin-bottom: 1.875rem;
    text-align: center
}

    .compare-page-title .back {
        float: left;
        margin: .4375rem 0 0;
        color: #000;
        text-decoration: none
    }

    .compare-page-title .print {
        float: right;
        font-style: normal;
        cursor: pointer
    }

        .compare-page-title .print svg {
            margin-right: .3125rem;
            vertical-align: bottom
        }

    .compare-page-title .category-switch {
        display: inline-block;
        text-align: left
    }

    .compare-page-title .category-switch-title {
        margin-right: 10px;
        vertical-align: middle
    }

    .compare-page-title .category-switch-choose {
        display: inline-block;
        width: 300px;
        vertical-align: middle
    }

.compare-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 12.5rem;
    border-top: 2px solid #e8e8e8;
    text-align: center
}

    .compare-table td, .compare-table th {
        width: 20%
    }

    .compare-table th {
        overflow: hidden;
        padding: .5em
    }

    .compare-table td {
        overflow: hidden
    }

@media only screen and (min-width:768px) and (max-width:1024px) {
    .compare-table td .product-tile {
        width: 4.9375rem
    }
}

.compare-table a:hover {
    text-decoration: underline
}

.compare-table .attribute-row:nth-child(odd) {
    background-color: #f2f2f2
}

.compare-table .attribute-row td {
    padding: 1.1875rem .875rem;
    border-right: 2px solid #999
}

    .compare-table .attribute-row td:last-of-type {
        border-right: none
    }

.compare-table .product-attribute {
    border-right: 1px solid #f2f2f2;
    word-break: break-all
}

.compare-table .action {
    display: block;
    padding: .5em 0
}

.compare-table .remove-link {
    background: url(../images/svg-icons/close-icon.svg) 0 0 no-repeat;
    height: .6875rem;
    width: .6875rem;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
    color: #999
}

.compare-table .add-to-cart-form {
    margin-top: 1.875rem
}

.compare-table .wishlist-save-cta {
    padding: 1.5625rem 0 1.875rem
}

.compare-table .product {
    position: relative;
    padding-top: 2.5rem;
    font-weight: 400;
    text-align: center;
    vertical-align: top
}

.compare-table .value .value-item:after {
    content: ", "
}

.compare-table .value .value-item:last-child:after {
    content: ""
}

.compare-table .product-tile .product-name {
    height: auto;
    margin: .2em 0 .4375rem
}

.compare-table .product-tile .swatch-list {
    display: inline-block
}

.compare-table .product-image, .compare-table .product-image img {
    height: auto
}

.compare-table .pt_gift-registry .primary-content h3, .compare-table .section-header, .pt_gift-registry .primary-content .compare-table h3 {
    font-size: .9em;
    padding: 1em;
    text-transform: none
}

.compare-table .selectcategory label {
    display: block;
    font-size: .9em;
    margin: 1em 0;
    text-transform: none
}

.compare-table .selectcategory select {
    margin: 0;
    width: 100px
}

.compare-table .comparelists {
    padding: 0
}

.compare-table .compare-lists label, .compare-table .compare-lists select {
    float: none;
    text-align: left;
    width: 100%
}

@media only screen and (max-width:767px) {
    .pt_categorylanding .category-header, .pt_product-search-result .category-header {
        margin-bottom: .625rem
    }
}

.pt_categorylanding .results-info-bar, .pt_product-search-result .results-info-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

    .pt_categorylanding .results-info-bar .results-info-bar-left, .pt_product-search-result .results-info-bar .results-info-bar-left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        margin-bottom: 1rem
    }

        .pt_categorylanding .results-info-bar .results-info-bar-left .local-pricing-status, .pt_product-search-result .results-info-bar .results-info-bar-left .local-pricing-status {
            margin-bottom: 0
        }

    .pt_categorylanding .results-info-bar .results-info-bar-right, .pt_product-search-result .results-info-bar .results-info-bar-right {
        display: none;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

@media only screen and (min-width:768px) {
    .pt_categorylanding .results-info-bar .results-info-bar-right, .pt_product-search-result .results-info-bar .results-info-bar-right {
        display: -ms-flexbox;
        display: flex
    }
}

.pt_categorylanding .results-info-bar .results-info-bar-right .results-hits-wrap, .pt_product-search-result .results-info-bar .results-info-bar-right .results-hits-wrap {
    display: inline-block;
    margin: 0;
    line-height: 2rem
}

    .pt_categorylanding .results-info-bar .results-info-bar-right .results-hits-wrap .results-hits, .pt_product-search-result .results-info-bar .results-info-bar-right .results-hits-wrap .results-hits {
        font-size: 1rem;
        color: #000
    }

.pt_categorylanding .results-info-bar .results-info-bar-right .paging-button, .pt_product-search-result .results-info-bar .results-info-bar-right .paging-button {
    display: inline-block
}

    .pt_categorylanding .results-info-bar .results-info-bar-right .paging-button a, .pt_product-search-result .results-info-bar .results-info-bar-right .paging-button a {
        display: inline-block;
        margin: 0 .25rem;
        font-size: 2rem;
        border: 2px solid #f2f2f2;
        border-radius: 4px;
        width: 2rem;
        height: 2rem;
        line-height: 1.35rem;
        color: #000;
        box-sizing: border-box
    }

.pt_categorylanding .filter-sort-bar, .pt_product-search-result .filter-sort-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.4em
}

    .pt_categorylanding .filter-sort-bar .category-header, .pt_product-search-result .filter-sort-bar .category-header {
        font-size: 18px
    }

@media only screen and (max-width:767px) {
    .pt_categorylanding .filter-sort-bar .category-header, .pt_product-search-result .filter-sort-bar .category-header {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .pt_categorylanding .filter-sort-bar, .pt_product-search-result .filter-sort-bar {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0
    }
}

.pt_categorylanding .filter-sort-bar .facet-bar, .pt_product-search-result .filter-sort-bar .facet-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1 1 90px;
    flex: 1 1 90px
}

@media only screen and (min-width:480px) {
    .pt_categorylanding .filter-sort-bar .facet-bar, .pt_product-search-result .filter-sort-bar .facet-bar {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media only screen and (min-width:1025px) {
    .pt_categorylanding .filter-sort-bar .facet-bar, .pt_product-search-result .filter-sort-bar .facet-bar {
        -ms-flex: 1 1 75%;
        flex: 1 1 75%
    }
}

.pt_categorylanding .filter-sort-bar .search-result-options, .pt_product-search-result .filter-sort-bar .search-result-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1 1 14rem;
    flex: 1 1 14rem;
    margin: 0
}

@media only screen and (min-width:480px) {
    .pt_categorylanding .filter-sort-bar .search-result-options, .pt_product-search-result .filter-sort-bar .search-result-options {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media only screen and (min-width:768px) {
    .pt_categorylanding .filter-sort-bar .search-result-options, .pt_product-search-result .filter-sort-bar .search-result-options {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (min-width:1025px) {
    .pt_categorylanding .filter-sort-bar .search-result-options, .pt_product-search-result .filter-sort-bar .search-result-options {
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
}

.pt_categorylanding .filter-sort-bar .search-result-options .sort-by, .pt_product-search-result .filter-sort-bar .search-result-options .sort-by {
    margin-right: 1rem
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pt_categorylanding .filter-sort-bar .search-result-options .sort-by, .pt_product-search-result .filter-sort-bar .search-result-options .sort-by {
        width: 10rem
    }
}

@media only screen and (min-width:1025px) {
    .pt_categorylanding .filter-sort-bar .search-result-options .sort-by, .pt_product-search-result .filter-sort-bar .search-result-options .sort-by {
        width: 16rem
    }
}

@media only screen and (max-width:767px) {
    .pt_categorylanding .filter-sort-bar .search-result-options .sort-by, .pt_product-search-result .filter-sort-bar .search-result-options .sort-by {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex: 1 1 14rem;
        flex: 1 1 14rem
    }
}

.pt_categorylanding .filter-sort-bar .search-result-options .sort-by select, .pt_product-search-result .filter-sort-bar .search-result-options .sort-by select {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.1rem;
    height: 1.7rem
}

@media only screen and (min-width:480px) {
    .pt_categorylanding .filter-sort-bar .search-result-options .sort-by select, .pt_product-search-result .filter-sort-bar .search-result-options .sort-by select {
        font-size: 1rem;
        line-height: 1.2rem;
        height: 30px
    }
}

.category-product-grid {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px;
    width: 100%;
    margin-bottom: .5rem;
    background-color: #f2f2f2
}

@media only screen and (min-width:768px) {
    .category-product-grid {
        margin-bottom: .9375rem
    }
}

.category-product-grid .category-product-grid-tiles {
    padding: 1.5625rem 1.875rem 1.875rem;
    margin: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .category-product-grid .category-product-grid-tiles.slick-loading:before {
        content: none
    }
}

@media only screen and (min-width:768px) {
    .category-product-grid .category-product-grid-tiles {
        padding: 1.25rem 1% 2%;
        white-space: normal
    }
}

.category-product-grid .category-product-grid-tile {
    width: 100%;
    padding: .9375rem .625rem;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #fff;
    list-style: none outside none;
    white-space: normal
}

@media only screen and (min-width:768px) {
    .category-product-grid .category-product-grid-tile {
        width: 32.3%;
        padding: .9375rem .625rem;
        margin: .5%
    }
}

@media only screen and (min-width:1025px) {
    .category-product-grid .category-product-grid-tile {
        width: 24%
    }
}

@media only screen and (min-width:1280px) {
    .category-product-grid .category-product-grid-tile {
        width: 19%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .category-product-grid .category-product-grid-tile:nth-of-type(9) ~ .category-product-grid-tile {
        display: none
    }
}

@media only screen and (min-width:1025px) and (max-width:1279px) {
    .category-product-grid .category-product-grid-tile:nth-of-type(12) ~ .category-product-grid-tile {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .category-product-grid .category-product-grid-tile:nth-of-type(15) ~ .category-product-grid-tile {
        display: none
    }
}

.category-product-grid h2 {
    padding: 1.25rem 1.25rem 0;
    margin: 0;
    text-align: center
}

.category-product-grid .quickview {
    display: none !important
}

@media only screen and (min-width:768px) {
    .has-category-refinements .category-product-grid .category-product-grid-tile {
        width: 49%
    }
}

@media only screen and (min-width:1025px) {
    .has-category-refinements .category-product-grid .category-product-grid-tile {
        width: 32.3%
    }
}

@media only screen and (min-width:1280px) {
    .has-category-refinements .category-product-grid .category-product-grid-tile {
        width: 24%
    }
}

.recommend-slider {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px;
    width: 100%;
    position: relative;
    margin-bottom: .5rem;
    background-color: #f2f2f2
}

@media only screen and (min-width:768px) {
    .recommend-slider {
        margin-bottom: .9375rem
    }
}

.recommend-slider .slick-slider {
    padding: 1.5625rem 1.875rem 1.875rem;
    margin: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .recommend-slider .slick-slider {
        padding: 1.25rem 1.875rem 1.875rem
    }
}

.recommend-slider .slide {
    height: 100%;
    width: 100%;
    padding: .9375rem .625rem;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #fff;
    list-style: none outside none;
    white-space: normal
}

@media only screen and (min-width:768px) {
    .recommend-slider .slide {
        width: calc(50% - 10px);
        padding: .9375rem .625rem
    }
}

@media only screen and (min-width:1025px) {
    .recommend-slider .slide {
        width: calc(33.3% - 10px)
    }
}

@media only screen and (min-width:1280px) {
    .recommend-slider .slide {
        width: calc(25% - 10px)
    }
}

.recommend-slider h3 {
    padding: .5rem 1.25rem;
    margin: 0;
    text-align: center;
    color: #fff;
    background-color: #363534
}

.recommend-slider .quickview {
    display: none !important
}

.store-locator-header {
    background: url(../images/interface/icon-double-line-header.png) repeat-x scroll 0 0 transparent;
    font-size: 1.75em;
    font-style: italic;
    font-weight: 600;
    margin: 1.25rem 0 0;
    padding: 1.25rem 0
}

.store-information {
    background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 1px solid #fff
}

.store-name {
    font-weight: 700;
    margin: 0 0 .625rem
}

.store-map {
    border-bottom: 1px solid #919090
}

.pt_store-locator thead {
    display: none
}

@media only screen and (min-width:480px) {
    .pt_store-locator thead {
        display: table-header-group
    }
}

.pt_store-locator .item-list tr {
    display: block
}

@media only screen and (min-width:480px) {
    .pt_store-locator .item-list tr {
        display: table-row
    }
}

.pt_store-locator .item-list td {
    display: block
}

@media only screen and (min-width:480px) {
    .pt_store-locator .item-list td {
        display: table-cell
    }
}

.store-locator-details {
    float: left
}

    .store-locator-details img {
        max-width: 100%
    }

    .store-locator-details h1, .store-locator-details p {
        margin: .25em 0
    }

@media only screen and (min-width:480px) {
    .store-locator-details {
        width: 44%
    }
}

.store-locator-details-map {
    float: right
}

    .store-locator-details-map img {
        max-width: 100%
    }

@media only screen and (min-width:480px) {
    .store-locator-details-map {
        width: 50%
    }
}

.homepage-wrapper #main {
    max-width: 82.1875rem
}

    .homepage-wrapper #main .margin-bottom {
        margin-bottom: 1.875rem
    }

@media only screen and (min-width:1280px) {
    .homepage-wrapper #main .margin-rl {
        margin-right: .875rem;
        margin-left: .875rem
    }
}

.homepage-wrapper #main h2 {
    margin-left: .875rem;
    margin-bottom: .625rem
}

    .homepage-wrapper #main h2 a {
        color: #000;
        text-decoration: none
    }

.homepage-wrapper #main .flex-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.homepage-wrapper #main .video-container {
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .video-container {
        max-width: 48rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .video-container {
        max-width: 20rem
    }
}

.homepage-wrapper #main .video-container embed, .homepage-wrapper #main .video-container iframe, .homepage-wrapper #main .video-container object {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.homepage-wrapper #main .homepage-slider-main img {
    width: 100%
}

.homepage-wrapper #main .homepage-slider-main .slide + .slide {
    display: none
}

    .homepage-wrapper #main .homepage-slider-main .slide + .slide.slick-slide {
        display: block
    }

.homepage-wrapper #main .b1 a, .homepage-wrapper #main .f1 a {
    cursor: pointer
}

.homepage-wrapper #main .b1 img, .homepage-wrapper #main .f1 img {
    width: 100%
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .b1 div, .homepage-wrapper #main .f1 div {
        text-align: center
    }
}

.homepage-wrapper #main .c1-c10 .category-item {
    max-width: 14.25rem;
    max-height: 17.5rem;
    overflow: hidden;
    margin: 0 1rem 1rem
}

    .homepage-wrapper #main .c1-c10 .category-item a {
        display: block;
        text-decoration: none;
        position: relative;
        cursor: pointer;
        font-size: .8125rem
    }

        .homepage-wrapper #main .c1-c10 .category-item a img {
            width: 72%;
            height: auto;
            margin: 10px auto 0;
            display: block;
            position: relative;
            transition: all .4s cubic-bezier(.22,.61,.36,1)
        }

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .c1-c10 .category-item a img {
        width: 85%
    }
}

.homepage-wrapper #main .c1-c10 .category-item a:before {
    content: "";
    display: inline-block;
    height: 10.3125rem;
    width: 10.3125rem;
    background: #efefef;
    top: 10px;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    left: -9999px;
    right: -9999px;
    transition: all .4s cubic-bezier(.22,.61,.36,1)
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .c1-c10 .category-item a:before {
        height: 8.75rem;
        width: 140px
    }
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .c1-c10 .category-item a:before {
        display: none
    }
}

.homepage-wrapper #main .c1-c10 .category-item a:hover:before {
    height: 10.9375rem;
    width: 10.9375rem;
    top: 5px
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .c1-c10 .category-item a:hover:before {
        height: 9.375rem;
        width: 150px
    }
}

.homepage-wrapper #main .c1-c10 .category-item .category-name {
    display: block;
    color: #000;
    text-align: center;
    padding: .625rem 0 .5rem
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .c1-c10 .category-item {
        max-width: 12.0625rem;
        max-height: 17.5rem;
        margin: 0 .5rem .5rem
    }
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .c1-c10 .category-item {
        max-width: 9rem
    }
}

.homepage-wrapper #main .d1-d2 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 .875rem
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .d1-d2 {
        margin: 0
    }
}

.homepage-wrapper #main .d1-d2 a {
    cursor: pointer
}

.homepage-wrapper #main .d1-d2 div {
    background: #999;
    margin: 0 1.09375rem
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .d1-d2 div {
        margin: 0 .5rem;
        width: 50vw
    }
}

.homepage-wrapper #main .e1-e3 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 1.875rem .875rem
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .e1-e3 {
        margin: 1.875rem 0
    }
}

.homepage-wrapper #main .e1-e3 a {
    cursor: pointer
}

.homepage-wrapper #main .e1-e3 div {
    max-width: 23.5rem;
    margin: 0 1.09375rem;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .e1-e3 div {
        margin: 0 .5rem;
        width: 33.333vw
    }
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .e1-e3 div {
        margin: 0;
        max-height: none;
        max-width: none;
        width: 100%
    }
}

.homepage-wrapper #main .e1-e3 div picture img {
    width: 100%
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .e1-e3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1rem
    }

        .homepage-wrapper #main .e1-e3 div {
            width: 100%;
            margin-bottom: .875rem
        }
}

.homepage-wrapper #main .g1-g4 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 .875rem
}

@media only screen and (max-width:1279px) {
    .homepage-wrapper #main .g1-g4 {
        margin: 1.875rem 0
    }
}

.homepage-wrapper #main .g1-g4 .slot:first-child div {
    margin-left: 0
}

.homepage-wrapper #main .g1-g4 .slot:last-child div {
    margin-right: 0
}

.homepage-wrapper #main .g1-g4 .slot div {
    max-width: 20rem;
    margin: 0 1.09375rem;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .homepage-wrapper #main .g1-g4 .slot div {
        margin: 0 .5rem;
        max-width: 25vw
    }
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .g1-g4 .slot div {
        margin: 0 0 .875rem;
        max-width: 100%
    }
}

.homepage-wrapper #main .g1-g4 .slot div picture img {
    width: 100%
}

@media only screen and (max-width:479px) {
    .homepage-wrapper #main .g1-g4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 1rem
    }
}

.slot-benefit-boxes {
    box-sizing: border-box;
    max-width: 64.0625rem;
    margin: .625rem auto
}

    .slot-benefit-boxes:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:768px) {
    .slot-benefit-boxes {
        padding: 0 1.25rem;
        margin: 1.25rem auto
    }
}

@media only screen and (min-width:1025px) {
    .slot-benefit-boxes {
        padding: 0 2.5rem
    }
}

.slot-benefit-boxes div {
    float: left;
    position: relative;
    width: 50%;
    padding-top: 50%
}

@media only screen and (min-width:768px) {
    .slot-benefit-boxes div {
        width: 25%;
        padding-top: 24%
    }
}

.slot-benefit-boxes div:nth-of-type(3) {
    clear: left
}

@media only screen and (min-width:768px) {
    .slot-benefit-boxes div:nth-of-type(3) {
        clear: none
    }
}

.slot-benefit-boxes img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.slot-pinned-banner {
    position: relative;
    margin-bottom: .9375rem
}

    .slot-pinned-banner:after {
        content: "";
        display: table;
        clear: both
    }

@media only screen and (min-width:768px) {
    .slot-pinned-banner {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:1025px) {
    .slot-pinned-banner {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (min-width:1280px) {
    .slot-pinned-banner {
        margin-bottom: 2.1875rem
    }
}

@media only screen and (min-width:1025px) {
    .slot-pinned-banner.position-right .bg {
        padding-right: 100px
    }
}

@media only screen and (min-width:1280px) {
    .slot-pinned-banner.position-right .bg {
        padding-right: 265px
    }
}

@media only screen and (min-width:768px) {
    .slot-pinned-banner.position-right .banner {
        right: 0;
        text-align: right
    }
}

.slot-pinned-banner.position-right .banner img {
    right: 0
}

@media only screen and (min-width:1025px) {
    .slot-pinned-banner.position-left .bg {
        padding-left: 100px
    }
}

@media only screen and (min-width:1280px) {
    .slot-pinned-banner.position-left .bg {
        padding-left: 265px
    }
}

@media only screen and (min-width:768px) {
    .slot-pinned-banner.position-left .banner {
        left: 0;
        text-align: left
    }
}

.slot-pinned-banner.position-left .banner img {
    left: 0
}

.slot-pinned-banner img {
    width: 100%
}

.slot-pinned-banner .bg {
    box-sizing: border-box
}

.slot-pinned-banner .banner {
    width: 100%;
    position: absolute;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .slot-pinned-banner .banner.mobile-offset {
        box-sizing: border-box;
        padding: 0 .625rem 1.875rem
    }
}

@media only screen and (min-width:768px) {
    .slot-pinned-banner .banner {
        max-width: 45%;
        top: 20%;
        bottom: 15%
    }
}

@media only screen and (min-width:1025px) {
    .slot-pinned-banner .banner {
        max-width: 40%;
        top: 20%;
        bottom: 20%
    }
}

@media only screen and (min-width:768px) {
    .slot-pinned-banner .banner > a {
        position: relative;
        display: inline-block;
        height: 100%;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .slot-pinned-banner .banner img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.slot-image {
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 30px);
    max-width: 1280px;
    width: 100%;
    margin-bottom: .9375rem
}

@media only screen and (min-width:768px) {
    .slot-image {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:1025px) {
    .slot-image {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (min-width:1280px) {
    .slot-image {
        margin-bottom: 2.1875rem
    }
}

.slot-image img {
    width: 100%
}

.border {
    display: -ms-flexbox;
    display: flex
}

.closest-store-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px auto;
    border: 1px solid grey;
    padding: 10px
}

@media only screen and (max-width:1024px) {
    .closest-store-wrapper {
        display: none
    }
}

.closest-store-wrapper img {
    max-height: 210px
}

.closest-store-wrapper .closest-store-heading {
    font-weight: 700
}

    .closest-store-wrapper .closest-store-heading .local-pricing-link.js-local-pricing-link {
        margin-left: 10px
    }

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .closest-store-details {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem
    }
}

.closest-store-wrapper .closest-store-details .store-name-homepage {
    margin-top: 15px
}

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .closest-store-details .store-name-homepage {
        margin-top: 5px
    }
}

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .closest-store-details #store-phone {
        margin: 5px 0 10px
    }
}

.closest-store-wrapper .closest-store-details .store-phone {
    font-weight: 700
}

.closest-store-wrapper .closest-store-details > div:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5em
}

    .closest-store-wrapper .closest-store-details > div:last-child a {
        color: #d0421a;
        text-decoration: none
    }

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .closest-store-hours {
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem
    }
}

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .closest-store-hours h3 {
        font-size: .875rem
    }
}

.closest-store-wrapper .closest-store-hours .closest-store-hours-closed, .closest-store-wrapper .closest-store-hours .closest-store-hours-open {
    text-transform: uppercase
}

.closest-store-wrapper .closest-store-hours .store-hours .today {
    color: #f78d2d
}

.closest-store-wrapper .closest-store-hours .store-hours > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width:1280px) {
    .closest-store-wrapper .closest-store-hours .store-hours > div {
        margin: 5px 0
    }
}

.closest-store-wrapper .closest-store-hours .store-hours > div span:first-of-type {
    margin-right: 50px
}

.closest-store-wrapper .blurred-map {
    position: relative
}

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .blurred-map {
        width: 27%
    }
}

.closest-store-wrapper .blurred-map button {
    position: absolute;
    left: 31%;
    top: 43%;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 1rem;
    padding: .5rem 1.5rem;
    min-height: 0
}

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .blurred-map button {
        left: 31%;
        top: 43%
    }
}

.closest-store-wrapper .ashley-homestore-exterior-image {
    max-width: 20%
}

@media only screen and (max-width:1279px) {
    .closest-store-wrapper .ashley-homestore-exterior-image {
        max-width: 22%
    }
}

.closest-store-wrapper .ashley-homestore-exterior-image, .closest-store-wrapper .closest-store-details, .closest-store-wrapper .closest-store-hours {
    margin-right: 50px
}

#scheduleAppointment {
    text-transform: uppercase;
    font-size: 12px;
    background-color: #36c;
    color: #fff;
    padding: .5em 2em;
    text-decoration: none
}

.contentImage {
    width: 300px;
    height: 300px
}

@media only screen and (max-width:767px) {
    .contentImage .desktop {
        display: none
    }
}

@media only screen and (min-width:480px) {
    .contentImage .mobile {
        display: none
    }
}

h1.contactus {
    margin-top: 20px
}

    h1.contactus .dialog-required {
        display: none
    }

.contactus-section {
    border-top: 1px solid #919090
}

    .contactus-section:last-child {
        border-bottom: 1px solid #919090
    }

    .contactus-section h3 {
        cursor: pointer;
        padding: 10px 25px 10px 0;
        position: relative
    }

        .contactus-section h3:after {
            content: " ";
            background: url(../images/svg-icons/arrow-down-icon.svg) no-repeat 100%;
            width: 25px;
            height: 25px;
            display: inline-block;
            position: absolute;
            top: 50%;
            margin-top: -12.5px;
            right: 0
        }

    .contactus-section.active h3:after {
        background: url(../images/svg-icons/arrow-up-icon.svg) no-repeat 100%
    }

    .contactus-section .dialog-required {
        margin: 10px 0;
        display: block;
        font-family: Open Sans,Arial,sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: .75rem
    }

        .contactus-section .dialog-required .required-indicator, .contactus-section .dialog-required em {
            color: #000;
            text-transform: inherit;
            font-family: Open Sans,Arial,sans-serif;
            font-weight: 400;
            font-size: 12px;
            font-size: .75rem;
            line-height: 20px;
            line-height: 1.25rem
        }

    .contactus-section form {
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease-out
    }

    .contactus-section .form-row {
        position: relative;
        margin: 0 0 20px
    }

        .contactus-section .form-row.no-indent {
            margin-left: 0;
            width: 100%
        }

    .contactus-section .form-field-tooltip {
        background: url(../images/svg-icons/tooltip-icon.svg) no-repeat 0;
        width: 20px;
        float: left
    }

        .contactus-section .form-field-tooltip a, .contactus-section .form-field-tooltip a:hover, .contactus-section .form-field-tooltip a:link, .contactus-section .form-field-tooltip a:visited {
            color: transparent;
            display: inline-block;
            overflow: hidden;
            width: 0;
            height: 20px;
            padding-left: 20px
        }

    .contactus-section .form-row-button {
        margin-left: 0
    }

@media only screen and (min-width:768px) {
    .contactus-section fieldset {
        max-width: 768px
    }

    .contactus-section .form-row:not(.form-row-button) {
        display: inline-block;
        width: 40%;
        margin-right: 5%
    }

        .contactus-section .form-row:not(.form-row-button).no-indent {
            margin-left: 0;
            width: 100%
        }

        .contactus-section .form-row:not(.form-row-button) label {
            width: 100%;
            float: inherit
        }

        .contactus-section .form-row:not(.form-row-button) .field-wrapper {
            padding-left: 0;
            width: 90%
        }

    .contactus-section .form-row:nth-child(2n) {
        clear: right
    }

    .contactus-section .form-row.textarea {
        width: 90%;
        clear: both
    }
}

.pt_error #primary {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e8e8e8
}

.pt_error .error-promo-mobile {
    margin-bottom: 1.875rem
}

.pt_error h1 {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 400;
    font-size: 26px;
    font-size: 1.625rem
}

.pt_error .error-page-search input {
    width: 74%;
    max-width: 37.5rem;
    font-size: 18px;
    font-size: 1.125rem
}

.pt_error .error-page-search button {
    width: 25%;
    max-width: 6.25rem;
    min-height: 0;
    height: 32px;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 5px
}

@media only screen and (min-width:768px) {
    .pt_error #primary {
        border-bottom: 0
    }

    .pt_error .error-page-footer-asset {
        padding-bottom: 20px
    }
}

.redirect-error {
    text-align: center
}

    .redirect-error img {
        width: 100%;
        max-width: 1025px
    }

.main.askashley {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

    .main.askashley p {
        font-size: 18px
    }

    .main.askashley h2 {
        font-size: 24px;
        font-weight: 400;
        padding-bottom: 10px;
        margin-bottom: 0;
        border-bottom: 1px solid #999
    }

    .main.askashley h3 {
        font-size: 16px;
        font-weight: 400;
        margin: 16px 0
    }

    .main.askashley .ask-logo-section {
        text-align: center;
        margin-bottom: 2rem
    }

        .main.askashley .ask-logo-section .ask-logo a {
            text-decoration: none
        }

            .main.askashley .ask-logo-section .ask-logo a .aa-logo {
                max-width: 270px;
                margin-top: 20px;
                margin-bottom: 20px
            }

        .main.askashley .ask-logo-section .ask-search-main {
            width: 50%;
            margin: 0 auto;
            position: relative
        }

@media screen and (max-width:980px) {
    .main.askashley .ask-logo-section .ask-search-main {
        width: 100%
    }
}

.main.askashley .ask-logo-section .ask-search-main .ask-search {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #000;
    padding: 10px 25px;
    height: auto;
    text-align: center;
    font-size: 14px;
    color: #999
}

    .main.askashley .ask-logo-section .ask-search-main .ask-search:focus + .ask-search-button {
        background: url(../images/ask-ashley/magnify-search-orange.svg) no-repeat 50%
    }

    .main.askashley .ask-logo-section .ask-search-main .ask-search:focus {
        outline-color: #dc6901;
        border: 1px solid #dc6901
    }

.main.askashley .ask-logo-section .ask-search-main .ask-search-button {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 0;
    right: 20px;
    padding: 1px 6px;
    min-height: 42px;
    background: url(../images/ask-ashley/magnify-search.svg) no-repeat 50%;
    width: 26px
}

.main.askashley .main-content .ask-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding-left: 15px;
    padding-right: 15px
}

    .main.askashley .main-content .ask-row .section-main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        text-align: center
    }

@media screen and (min-width:980px) {
    .main.askashley .main-content .ask-row .section-main .ask-card {
        width: 25%
    }
}

@media screen and (min-width:620px) and (max-width:980px) {
    .main.askashley .main-content .ask-row .section-main .ask-card {
        width: 50%
    }
}

@media screen and (max-width:620px) {
    .main.askashley .main-content .ask-row .section-main .ask-card {
        width: 100%
    }
}

.main.askashley .main-content .ask-row .section-main .ask-card .img-fluid {
    max-width: 125px;
    height: auto;
    vertical-align: middle
}

.main.askashley .main-content .ask-row .section-main .ask-card .img-findStore {
    max-width: 100px;
    padding-top: 8px
}

.main.askashley .main-content .ask-row .section-main .ask-card a {
    cursor: pointer;
    color: #000;
    text-decoration: none
}

.main.askashley .main-content .aa-cc-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width:980px) {
    .main.askashley .main-content .aa-cc-section {
        margin-bottom: 0
    }
}

.main.askashley .main-content .aa-cc-section .section-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
    background-color: #fcfcfc
}

    .main.askashley .main-content .aa-cc-section .section-main .ask-card {
        width: 33.3%;
        height: auto;
        margin: 10px 0
    }

@media screen and (max-width:980px) {
    .main.askashley .main-content .aa-cc-section .section-main .ask-card {
        width: 100%
    }
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .tel {
    font-size: 18px;
    font-weight: 700
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .title {
    color: #dc6901;
    font-size: 20px
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .cc-title {
    margin-bottom: 16px
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .service-title {
    font-size: 18px
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .btn {
    font-size: 14px;
    color: #fff;
    display: block;
    max-width: 235px;
    margin: 0 auto;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    background: #363434
}

    .main.askashley .main-content .aa-cc-section .section-main .ask-card .btn:hover {
        color: #fff;
        text-decoration: none
    }

.main.askashley .main-content .aa-cc-section .section-main .ask-card a {
    cursor: pointer;
    color: #000;
    text-decoration: none
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .img-cc {
    max-width: 150px;
    height: 100%;
    vertical-align: middle
}

.main.askashley .main-content .aa-cc-section .section-main .ask-card .external-link-light {
    width: 22px
}

.main.askashley .main-content .pp-Claim-section .section-main .ask-card {
    width: 33.3%;
    height: auto;
    margin: 10px 0
}

@media screen and (max-width:980px) {
    .main.askashley .main-content .pp-Claim-section .section-main .ask-card {
        width: 100%
    }
}

.main.askashley .main-content .pp-Claim-section .section-main .ask-card .img-pp-logo {
    height: 75px;
    max-width: none
}

.main.askashley .main-content .pp-Claim-section .section-main .ask-card .external-link-dark {
    width: 20px
}

.resultDetails {
    margin-bottom: 1.5rem;
    text-align: center
}

    .resultDetails span {
        font-size: 14px;
        font-weight: 700
    }

.askashley-faqs-wrapper {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:767px) {
    .askashley-faqs-wrapper {
        display: block
    }
}

@media only screen and (max-width:1024px) {
    .askashley-faqs-wrapper {
        display: block
    }
}

.askashley-faqs-wrapper .askashley-faqs-left-help {
    width: 24%
}

@media only screen and (max-width:767px) {
    .askashley-faqs-wrapper .askashley-faqs-left-help {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .askashley-faqs-wrapper .askashley-faqs-left-help {
        width: 100%
    }
}

.askashley-faqs-wrapper .askashley-faqs-left-help .category-section a {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

    .askashley-faqs-wrapper .askashley-faqs-left-help .category-section a:after {
        content: " ";
        top: 15px
    }

    .askashley-faqs-wrapper .askashley-faqs-left-help .category-section a:hover {
        color: #36c
    }

.askashley-faqs-wrapper .askashley-faqs-left-help .category-section .collapse {
    display: block
}

.askashley-faqs-wrapper .askashley-faqs-left-help .category-section .category-expand {
    padding: 0 40px
}

    .askashley-faqs-wrapper .askashley-faqs-left-help .category-section .category-expand a.sub-category-link {
        cursor: pointer;
        text-decoration: none;
        display: block;
        padding: 3px 0
    }

        .askashley-faqs-wrapper .askashley-faqs-left-help .category-section .category-expand a.sub-category-link label.sub-category {
            cursor: pointer;
            font-weight: 400;
            font-size: 15px;
            margin-bottom: 0
        }

        .askashley-faqs-wrapper .askashley-faqs-left-help .category-section .category-expand a.sub-category-link:last-child {
            margin-bottom: 15px
        }

        .askashley-faqs-wrapper .askashley-faqs-left-help .category-section .category-expand a.sub-category-link:hover {
            color: #36c
        }

.askashley-faqs-wrapper .askashley-faqs-right-qa {
    width: 74%;
    margin-left: 2%
}

@media only screen and (max-width:767px) {
    .askashley-faqs-wrapper .askashley-faqs-right-qa {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width:1024px) {
    .askashley-faqs-wrapper .askashley-faqs-right-qa {
        width: 100%;
        margin-left: 0
    }
}

.askashley-faqs-wrapper h2 {
    font-weight: 400;
    font-size: 24px
}

@media only screen and (max-width:767px) {
    .askashley-faqs-wrapper h2 {
        padding-top: 20px
    }
}

@media only screen and (max-width:1024px) {
    .askashley-faqs-wrapper h2 {
        padding-top: 20px
    }
}

.askashley-faqs-wrapper .askashley-faqs-section, .askashley-faqs-wrapper .category-section {
    border-bottom: 1px solid #919090
}

    .askashley-faqs-wrapper .askashley-faqs-section:last-child, .askashley-faqs-wrapper .category-section:last-child {
        border-top: none
    }

    .askashley-faqs-wrapper .askashley-faqs-section a.main-category-link, .askashley-faqs-wrapper .askashley-faqs-section h3, .askashley-faqs-wrapper .category-section a.main-category-link, .askashley-faqs-wrapper .category-section h3 {
        cursor: pointer;
        text-decoration: none;
        padding: 15px 20px;
        position: relative;
        font-size: 18px;
        font-weight: 400;
        display: block
    }

        .askashley-faqs-wrapper .askashley-faqs-section a.main-category-link label.main-category, .askashley-faqs-wrapper .askashley-faqs-section h3 label.main-category, .askashley-faqs-wrapper .category-section a.main-category-link label.main-category, .askashley-faqs-wrapper .category-section h3 label.main-category {
            cursor: pointer;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 0
        }

            .askashley-faqs-wrapper .askashley-faqs-section a.main-category-link .activeMainCategory, .askashley-faqs-wrapper .askashley-faqs-section a.main-category-link label.main-category:hover, .askashley-faqs-wrapper .askashley-faqs-section a.main-category-link label.sub-category:hover, .askashley-faqs-wrapper .askashley-faqs-section h3 .activeMainCategory, .askashley-faqs-wrapper .askashley-faqs-section h3 label.main-category:hover, .askashley-faqs-wrapper .askashley-faqs-section h3 label.sub-category:hover, .askashley-faqs-wrapper .category-section a.main-category-link .activeMainCategory, .askashley-faqs-wrapper .category-section a.main-category-link label.main-category:hover, .askashley-faqs-wrapper .category-section a.main-category-link label.sub-category:hover, .askashley-faqs-wrapper .category-section h3 .activeMainCategory, .askashley-faqs-wrapper .category-section h3 label.main-category:hover, .askashley-faqs-wrapper .category-section h3 label.sub-category:hover {
                color: #36c
            }

        .askashley-faqs-wrapper .askashley-faqs-section a.collapse:after, .askashley-faqs-wrapper .askashley-faqs-section h3:after, .askashley-faqs-wrapper .category-section a.collapse:after, .askashley-faqs-wrapper .category-section h3:after {
            content: " ";
            background: url(../images/ask-ashley/plus.svg) no-repeat 50%;
            background-size: 12px;
            width: 26px;
            height: 26px;
            display: inline-block;
            position: absolute;
            top: 29%;
            right: 12px
        }

    .askashley-faqs-wrapper .askashley-faqs-section.active, .askashley-faqs-wrapper .category-section.active {
        background: #fcf0e6
    }

        .askashley-faqs-wrapper .askashley-faqs-section.active a.main-category-link, .askashley-faqs-wrapper .askashley-faqs-section.active h3, .askashley-faqs-wrapper .category-section.active a.main-category-link, .askashley-faqs-wrapper .category-section.active h3 {
            font-weight: 700
        }

            .askashley-faqs-wrapper .askashley-faqs-section.active a.main-category-link:after, .askashley-faqs-wrapper .askashley-faqs-section.active h3:after, .askashley-faqs-wrapper .category-section.active a.main-category-link:after, .askashley-faqs-wrapper .category-section.active h3:after {
                width: 26px;
                background: url(../images/ask-ashley/x-mark.svg) no-repeat 50%;
                background-size: 12px
            }

    .askashley-faqs-wrapper .askashley-faqs-section .askashley-faq-expand, .askashley-faqs-wrapper .askashley-faqs-section p, .askashley-faqs-wrapper .category-section .askashley-faq-expand, .askashley-faqs-wrapper .category-section p {
        margin-top: 0;
        font-size: 15px;
        text-align: left;
        padding: 0 20px 0 10px;
        line-height: 1.5
    }

        .askashley-faqs-wrapper .askashley-faqs-section .askashley-faq-expand .required-indicator, .askashley-faqs-wrapper .askashley-faqs-section .askashley-faq-expand em, .askashley-faqs-wrapper .askashley-faqs-section p .required-indicator, .askashley-faqs-wrapper .askashley-faqs-section p em, .askashley-faqs-wrapper .category-section .askashley-faq-expand .required-indicator, .askashley-faqs-wrapper .category-section .askashley-faq-expand em, .askashley-faqs-wrapper .category-section p .required-indicator, .askashley-faqs-wrapper .category-section p em {
            color: #000;
            text-transform: inherit;
            line-height: 20px;
            line-height: 1.25rem
        }

    .askashley-faqs-wrapper .askashley-faqs-section .askashley-faq-expand, .askashley-faqs-wrapper .askashley-faqs-section .category-expand, .askashley-faqs-wrapper .category-section .askashley-faq-expand, .askashley-faqs-wrapper .category-section .category-expand {
        max-height: 0;
        overflow: hidden
    }

.askashley-faqs-wrapper .askashley-faqs-section {
    padding: 10px 0
}

    .askashley-faqs-wrapper .askashley-faqs-section h3 {
        font-size: 16px;
        padding: 20px 36px 20px 20px;
        margin: 0
    }

div.email-details .ui-icon-closethick {
    height: .9375rem;
    width: .9375rem
}

div.email-details .ui-dialog-titlebar-close {
    height: 1.6875rem;
    width: 1.4375rem
}

div.email-details h2 {
    margin: .0625rem .0625rem .9375rem;
    font-weight: 400;
    font-size: 20px
}

div.email-details h3 {
    margin: 15px 0 24px;
    color: #333;
    font-size: 18px
}

div.email-details .back-btn, div.email-details .primary-btn {
    cursor: pointer
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext {
    margin-left: 14px;
    color: #333;
    line-height: 18px;
    overflow: auto
}

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext p {
        font-size: 16px;
        line-height: 25px
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .contactus-myquestion {
        font-size: 14px;
        line-height: 28px;
        font-weight: 700
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext hr {
        margin-right: 10px
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-purchase-step1 {
        display: block;
        text-align: left;
        white-space: normal;
        margin-bottom: 3.75rem
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step2 {
        display: none;
        text-align: left;
        white-space: normal;
        margin-bottom: 10px
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step3 {
        display: none;
        text-align: left;
        white-space: normal
    }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step3 .previous-step {
            cursor: pointer;
            font-size: 14px
        }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step9 {
        margin-bottom: 10px
    }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step9 .modal-btn-Container .primary-btn {
            text-transform: none;
            font-weight: 600
        }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step11 {
        margin-bottom: 10px
    }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step11 .back-btn {
            padding-top: 35px
        }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step4, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step7, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step12, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-step16 {
        margin-bottom: 10px
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext hr.bottom-hr-step2, div.email-details .modal-email-content .email-modal-text .email-modal-innertext hr.bottom-hr-step3 {
        margin-top: 3.125rem;
        margin-bottom: 1.25rem
    }

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form {
        margin-bottom: 10px
    }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .field-wrapper {
            float: left
        }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-storename {
            width: 100%;
            display: inline-block
        }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-city, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-firstname, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-phone, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-productname {
            width: 275px;
            display: inline-block
        }

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-city, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-firstname, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-phone, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-productname {
        width: 95%
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-myquestion, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-webissue {
    width: 275px;
    display: inline-block;
    margin-right: 150px
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-myquestion, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-webissue {
        width: 95%;
        margin-right: 0;
        float: none
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-email, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-lastname {
    width: 275px;
    display: inline-block;
    margin-left: 48px
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-email, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-lastname {
        width: 95%;
        margin-left: 0
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-productissue {
    width: 275px;
    float: right
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-productissue {
        width: 95%;
        float: none
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-state {
    width: 150px;
    float: right;
    margin-right: 132px
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-state {
        width: 95%;
        margin-right: 0;
        float: none
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-month {
    width: 150px;
    height: 86px;
    display: inline-block
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-month {
        width: 95%
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-year {
    width: 275px;
    height: 86px;
    float: right
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-year {
        width: 95%;
        margin-right: 0;
        float: none
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-year input {
    width: 150px
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .storecity-year label {
    float: left
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .form-row.form-row-button {
    text-align: center
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .form-row .email-submit {
    width: 250px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .email-form .form-row .email-submit {
        width: 95%
    }
}

div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container {
    margin-bottom: 60px
}

    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn {
        background-color: #333;
        border: 1px solid #333;
        color: #fff;
        cursor: pointer;
        width: 250px;
        margin-right: 10px;
        text-align: center;
        text-transform: uppercase;
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        font-family: 650
    }

        div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn.other, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn.product, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn.website {
            width: 190px;
            margin-right: 5px
        }

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn.other, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn.product, div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn.website {
        width: 95%
    }
}

@media only screen and (max-width:767px) {
    div.email-details .modal-email-content .email-modal-text .email-modal-innertext .modal-btn-Container .primary-btn {
        width: 95%;
        margin-bottom: 10px
    }
}