/****************************************************
    FOUNDATION STYLES
****************************************************/
:root {
    /* COLORS */
    --c-WHITE: #ffffff;
    --c-SECONDARY: #f1f1f1;
    --c-OFFWHITE: #F7F7F7;
    --c-OFFWHITE-DARKER: #dddddd;

    --c-BLACK: #333333;
    --c-OFFBLACK-SEMI: #3A3A3A;
    --c-OFFBLACK: #666666;
    --c-OFFBLACK-LIGHT: #999999;
    --c-OFFBLACK-LIGHTER: #e5e5e5;

    --c-ALERT: #FFFBCD;
    --c-ALERT-TXT: #AE921C;

    --c-WARNING: #FF3C3A;
    --c-ERROR: #CC0000;
    --c-SUCCESS: #0B865C;
    --c-DEFAULT: #B05B00;

    --c-BRAND: #007AC9;
    --c-BRAND-DARK: #006EB5;
    --c-BRAND-LIGHT: #459ED8;
    --c-BRAND-LIGHTER: #9ACEF0;
    --c-BRAND-LIGHTEST: #f0f6fc;

    --c-COPPER: #E8A072;
    --c-COPPER-DARK: #D88853;
    --c-COPPER-LIGHT: #F5BA96;
    --c-COPPER-LIGHTER: #FCD5BE;
    --c-COPPER-LIGHTEST: #FFF1E9;

    --c-TIER-CYAN: #2AD9D9;
    --c-TIER-MAGENTA: #FF00FF;
    --c-TIER-YELLOW: #FFFF00;
    --c-TIER-BLACK: #000000;

    /* Z INDEX */
    --z-MESSAGE: 1000;
    --z-DRAWER: 5000;
    --z-HEADER: 6000;
    --z-MODAL-SNEEZEGUARD: 8000;
    --z-MODAL: 9000;
    --z-ALERT: 9100;
    --z-TOP: 9999;

    /* SPACING VARIBLE */
    --spacing: 10px;

    /* BORDER RADIUS */
    --radius-small: 4px;
    --radius-medium: 8px;
    --radius-large: 16px;
    --radius-xlarge: 24px;

    /* PADDING */
    --padding-xxsmall: 4px;
    --padding-xsmall: 8px;
    --padding-small: 12px;
    --padding-medium: 16px;
    --padding-large: 20px;
    --padding-xlarge: 24px;
    --padding-xxlarge: 28px;
    --padding-xxxlarge: 40px;
    --padding-xxxmlarge: 48px;
    --padding-xxxxlarge: 80px;

    /* FONT VARIABLES */
    --f-ICONS: 'Icomoon';
    --f-SANS-COND: 'urw-din-semi-condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
    --f-SANS: 'urw-din','Helvetica Neue', Helvetica, Arial, sans-serif; /* font-weight: 300 */
    --f-SANS-ALT: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --f-SERIF: 'linotype-didot', Georgia, serif;
    --f-SLAB: 'arvo', Georgia, serif;
    --f-IVY: 'ivyjournal', sans-serif;

    /* MAX WIDTH */
    --MAX-WIDTH: 1440px;
}
/* MEDIA QUERIES */
/* DIN Next W01 === din-2014
DIN Condensed === din-condensed */
/****************************************************
    BASE STYLES
****************************************************/
/* Global Includes */
#hide-cart { display: none; }
/* Hiding Collaterate core delivered cart markup */
/* Old Global Styles reset */
.globalHeader ul,
.globalHeader ul li {
    padding-left: 0;
    list-style: none;
    font-weight: normal;
}
.globalHeader {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: var(--z-HEADER);
    display: flex;
    min-height: 60px;
    background-color: var(--c-BRAND);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.2);
    max-height: 60px;
}
.globalHeader_canva {
    position: static;
}
.globalHeader > * {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    transition: all 0.3s ease-in-out;
}
.globalHeader-menuTrigger {
    display: flex;
    max-width: 50px;
    cursor: pointer;
    /* background-color: green; */
}
@media screen and (min-width: 1140px) {
    .globalHeader-menuTrigger {
        display: none;
    }
}
.globalHeader-menuTrigger-inner {
    position: relative;
    height: 2px;
    width: 24px;
    margin: 0 auto;
    background-color: var(--c-BRAND);
    transition: all 0.3s ease-in-out;
}
.globalHeader-menuTrigger-inner:after,
.globalHeader-menuTrigger-inner:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
}
.globalHeader-menuTrigger-inner:after {
    background-color: var(--c-BRAND);
    bottom: calc(50% - 11px);
}
.globalHeader-menuTrigger-inner:before {
    background-color: var(--c-BRAND);
    top: calc(50% - 11px);
}
.globalHeader-menuTrigger.menuIsOpen > .globalHeader-menuTrigger-inner { background-color: transparent; }
.globalHeader-menuTrigger.menuIsOpen > .globalHeader-menuTrigger-inner::before {
    width: 130%;
    left: 1px;
    top: calc(50% - 12px);
    transform: rotate(45deg);
    transform-origin: top left;
}
.globalHeader-menuTrigger.menuIsOpen > .globalHeader-menuTrigger-inner:after {
    width: 130%;
    left: 1px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}
.globalHeader-logo {
    max-width: calc(220px - var(--spacing) * 4);
    padding: calc(var(--spacing) * 1) calc(var(--spacing) * 0.5);
    justify-content: flex-start;
    flex-direction: row;
    flex-grow: 0;
    transition: opacity 0.2s ease-in-out;
    box-sizing: unset; /* Overwriting global reset */
}
.globalHeader-logo:hover,
.globalHeader-logo:active,
.globalHeader-logo:focus {
    opacity: 0.65;
}
.globalHeader-logo-mark,
.globalHeader-logo-type {
    display: flex;
    align-self: center;
}
.globalHeader-logo-mark {
    align-content: flex-start;
    height: 32px;
    width: 38px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0AviewBox='0 0 105.72 100.09' style='enable-background:new 0 0 105.72 100.09;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%0A.st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M94.5,80.24c-1.45,0-2.62,1.17-2.62,2.62h0c0,3.29-1.33,6.25-3.48,8.41c-2.16,2.16-5.12,3.48-8.41,3.48%0AH17.13c-3.29,0-6.25-1.33-8.41-3.48c-2.16-2.16-3.48-5.12-3.48-8.41v-44.7l58.34,32.78l-9.84,5.28c-1.64,0.88-3.46,1.3-5.32,1.3%0Ac-1.71,0-3.44-0.44-5.04-1.3l-14.05-7.53c-1.28-0.68-2.86-0.2-3.55,1.07c-0.68,1.28-0.2,2.86,1.07,3.55l0,0l14.05,7.53%0Ac2.33,1.25,4.9,1.92,7.52,1.92c2.65,0,5.34-0.61,7.79-1.92l12.37-6.63c0.62-0.33,1.12-0.83,1.45-1.41%0Ac0.33-0.57,0.48-1.2,0.48-1.83c0-0.61-0.15-1.23-0.47-1.8c-0.31-0.56-0.8-1.07-1.4-1.4L3.9,31.4c-0.04-0.02-0.08-0.03-0.12-0.05%0Ac-0.08-0.04-0.17-0.08-0.26-0.11c-0.08-0.03-0.16-0.05-0.24-0.08c-0.08-0.02-0.16-0.04-0.24-0.05c-0.09-0.02-0.19-0.02-0.28-0.03%0Ac-0.04,0-0.09-0.01-0.13-0.01c-0.03,0-0.07,0.01-0.1,0.01c-0.09,0-0.19,0.01-0.28,0.03C2.16,31.12,2.08,31.13,2,31.15%0Ac-0.08,0.02-0.16,0.05-0.24,0.08c-0.08,0.03-0.16,0.06-0.24,0.09c-0.08,0.04-0.15,0.08-0.22,0.12c-0.07,0.04-0.14,0.08-0.21,0.13%0Ac-0.07,0.05-0.13,0.11-0.2,0.16c-0.06,0.06-0.12,0.11-0.18,0.17c-0.06,0.06-0.11,0.12-0.16,0.19c-0.06,0.07-0.11,0.15-0.16,0.23%0Ac-0.02,0.03-0.04,0.05-0.06,0.08c-0.02,0.04-0.03,0.08-0.05,0.12c-0.04,0.08-0.08,0.17-0.11,0.26c-0.03,0.08-0.05,0.16-0.08,0.24%0Ac-0.02,0.08-0.04,0.16-0.05,0.24c-0.02,0.09-0.02,0.19-0.03,0.28C0.01,33.6,0,33.64,0,33.69l0,49.18c0,4.72,1.92,9.02,5.02,12.12%0Ac3.09,3.1,7.39,5.02,12.12,5.02h62.85c4.72,0,9.02-1.92,12.12-5.02c3.1-3.09,5.02-7.39,5.02-12.12%0AC97.12,81.42,95.95,80.24,94.5,80.24z'/%3E%3Cpath class='st0' d='M92.1,5.02C89.01,1.92,84.71,0,79.99,0H17.13C12.41,0,8.11,1.92,5.02,5.02C1.92,8.11,0,12.41,0,17.13%0Ac0,1.45,1.17,2.62,2.62,2.62c1.45,0,2.62-1.17,2.62-2.62h0c0-3.29,1.33-6.25,3.48-8.41c2.16-2.16,5.12-3.48,8.41-3.48h62.85%0Ac3.29,0,6.25,1.33,8.41,3.48c2.16,2.16,3.48,5.12,3.48,8.41v44.7L33.54,29.05l9.84-5.28c1.61-0.86,3.37-1.3,5.11-1.3%0Ac1.82,0,3.62,0.43,5.25,1.3l14.05,7.53c1.28,0.68,2.86,0.2,3.55-1.07c0.68-1.28,0.2-2.86-1.07-3.55h0l-14.05-7.53%0Ac-2.42-1.3-5.09-1.92-7.73-1.92c-2.62,0-5.23,0.66-7.59,1.92l-12.37,6.63c-0.62,0.33-1.12,0.83-1.45,1.4%0Ac-0.33,0.57-0.48,1.2-0.48,1.83c0,0.61,0.15,1.23,0.47,1.8c0.31,0.56,0.81,1.07,1.4,1.4l64.75,36.38%0Ac0.04,0.02,0.08,0.03,0.12,0.05c0.08,0.04,0.17,0.08,0.26,0.11c0.08,0.03,0.16,0.05,0.24,0.07s0.16,0.04,0.25,0.05%0Ac0.09,0.02,0.19,0.02,0.28,0.03c0.05,0,0.09,0.01,0.13,0.01c0.03,0,0.07-0.01,0.1-0.01c0.09,0,0.19-0.01,0.28-0.03%0Ac0.08-0.01,0.16-0.02,0.24-0.04c0.08-0.02,0.16-0.05,0.24-0.07c0.08-0.03,0.16-0.06,0.24-0.09c0.08-0.03,0.15-0.08,0.22-0.12%0Ac0.07-0.04,0.14-0.08,0.21-0.13c0.07-0.05,0.13-0.11,0.2-0.16c0.06-0.06,0.13-0.11,0.18-0.17c0.06-0.06,0.11-0.12,0.16-0.19%0Ac0.06-0.07,0.11-0.15,0.16-0.23c0.02-0.03,0.04-0.05,0.06-0.08c0.02-0.04,0.03-0.08,0.05-0.12c0.04-0.08,0.08-0.17,0.11-0.26%0Ac0.03-0.08,0.05-0.16,0.07-0.24c0.02-0.08,0.04-0.16,0.05-0.25c0.02-0.09,0.02-0.19,0.03-0.28c0-0.05,0.01-0.09,0.01-0.13%0Al0-49.18C97.12,12.41,95.2,8.11,92.1,5.02z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M102.7,96.79l0.96,1.38c0.03,0.06,0.05,0.12-0.03,0.12h-0.56c-0.06,0-0.1-0.01-0.14-0.08L102,96.84h-0.87%0Av1.38c0,0.04-0.03,0.07-0.07,0.07h-0.51c-0.03,0-0.07-0.03-0.07-0.07v-3.78c0-0.04,0.03-0.08,0.07-0.08h1.62%0Ac0.38,0,0.71,0.06,0.97,0.24c0.29,0.21,0.46,0.55,0.46,1c0,0.4-0.16,0.72-0.45,0.95C103.02,96.67,102.87,96.74,102.7,96.79z%0AM101.14,94.91v1.39h0.93c0.25,0,0.44-0.02,0.61-0.12c0.17-0.1,0.28-0.28,0.28-0.57c0-0.28-0.1-0.47-0.27-0.57%0Ac-0.16-0.1-0.35-0.13-0.56-0.13H101.14z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M101.96,100.09c-2.07,0-3.76-1.69-3.76-3.76c0-2.07,1.69-3.76,3.76-3.76s3.76,1.69,3.76,3.76%0AC105.72,98.41,104.04,100.09,101.96,100.09z M101.96,93.07c-1.8,0-3.26,1.46-3.26,3.26c0,1.8,1.46,3.26,3.26,3.26%0As3.26-1.46,3.26-3.26C105.22,94.53,103.76,93.07,101.96,93.07z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.globalHeader-logo-mark_holiday {
    position: relative;
    top: -3px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 110 120' style='enable-background:new 0 0 110 120%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%231D7ABF%3B%7D.st1%7Bfill:%230071CE%3B%7D%3C/style%3E%3Cg%3E%3Cg id='LOGO_STANDARD_-_Horizontal_Lockup'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M103.76 115.72l0.96 1.38c0.03 0.06 0.05 0.12-0.04 0.12h-0.56c-0.06 0-0.1-0.01-0.14-0.08l-0.93-1.37h-0.87v1.38c0 0.04-0.04 0.07-0.07 0.07h-0.51c-0.03 0-0.07-0.03-0.07-0.07v-3.78c0-0.04 0.04-0.08 0.07-0.08h1.62c0.38 0 0.71 0.06 0.97 0.24c0.29 0.21 0.46 0.55 0.46 1c0 0.4-0.16 0.72-0.45 0.95C104.07 115.61 103.92 115.68 103.76 115.72z M102.19 113.85v1.39h0.93c0.25 0 0.44-0.02 0.61-0.12c0.17-0.1 0.28-0.28 0.28-0.57c0-0.28-0.1-0.47-0.27-0.57c-0.16-0.1-0.35-0.13-0.56-0.13H102.19z'/%3E%3C/g%3E%3Cpath class='st0' d='M103.02 119.03c-2.07 0-3.76-1.69-3.76-3.76s1.69-3.76 3.76-3.76s3.76 1.69 3.76 3.76S105.09 119.03 103.02 119.03z M103.02 112.01c-1.8 0-3.26 1.46-3.26 3.26s1.46 3.26 3.26 3.26s3.26-1.46 3.26-3.26S104.82 112.01 103.02 112.01z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M95.5 99.1c-1.44 0-2.6 1.17-2.6 2.6h0c0 3.27-1.32 6.21-3.46 8.36c-2.15 2.14-5.08 3.46-8.36 3.46H18.62c-3.27 0-6.21-1.32-8.36-3.46c-2.14-2.15-3.46-5.08-3.46-8.36l0-44.42l57.97 32.58L55 95.11c-1.63 0.87-3.44 1.29-5.29 1.29c-1.7 0-3.42-0.44-5.01-1.29l-13.96-7.48c-1.27-0.68-2.85-0.2-3.52 1.06c-0.68 1.27-0.2 2.85 1.06 3.52l0 0l13.96 7.48c2.31 1.24 4.87 1.91 7.47 1.91c2.63 0 5.31-0.6 7.75-1.91l12.29-6.59c0.61-0.33 1.12-0.83 1.44-1.4c0.33-0.57 0.48-1.19 0.48-1.81c0-0.61-0.15-1.22-0.46-1.78c-0.31-0.56-0.8-1.06-1.39-1.39L5.48 50.57c-0.04-0.02-0.08-0.03-0.12-0.05c-0.08-0.04-0.17-0.08-0.26-0.11c-0.08-0.03-0.16-0.05-0.24-0.07c-0.08-0.02-0.16-0.04-0.24-0.05c-0.09-0.02-0.19-0.02-0.28-0.03c-0.04 0-0.09-0.01-0.13-0.01c-0.03 0-0.06 0.01-0.1 0.01c-0.09 0-0.19 0.01-0.28 0.03c-0.08 0.01-0.16 0.02-0.24 0.04c-0.08 0.02-0.16 0.05-0.24 0.08c-0.08 0.03-0.16 0.06-0.23 0.09c-0.08 0.04-0.15 0.08-0.22 0.12c-0.07 0.04-0.14 0.08-0.21 0.13c-0.07 0.05-0.13 0.11-0.2 0.16c-0.06 0.06-0.12 0.11-0.18 0.17c-0.06 0.06-0.11 0.12-0.16 0.19c-0.06 0.07-0.11 0.15-0.16 0.23c-0.02 0.03-0.04 0.05-0.06 0.08c-0.02 0.04-0.03 0.08-0.05 0.12c-0.04 0.08-0.08 0.17-0.11 0.26c-0.03 0.08-0.05 0.16-0.07 0.24c-0.02 0.08-0.04 0.16-0.05 0.24c-0.02 0.09-0.02 0.19-0.03 0.28c0 0.04-0.01 0.09-0.01 0.13l0 48.87c0 4.69 1.91 8.97 4.99 12.04c3.07 3.08 7.35 4.99 12.04 4.99h62.45c4.69 0 8.97-1.91 12.04-4.99c3.08-3.07 4.99-7.35 4.99-12.04C98.11 100.27 96.94 99.1 95.5 99.1z'/%3E%3Cpath class='st1' d='M4.2 39c1.44 0 2.6-1.17 2.6-2.6h0c0-3.27 1.32-6.21 3.46-8.36c2.15-2.14 5.08-3.46 8.36-3.46h20.51l-15.3 9c-1.19 0.7-1.59 2.23-0.89 3.42c0.47 0.79 1.3 1.23 2.16 1.23c0.43 0 0.87-0.11 1.27-0.35l21.75-12.79L61.57 35.1c1.11 0.83 2.68 0.6 3.5-0.51c0.82-1.11 0.6-2.67-0.51-3.5l-8.75-6.51h25.28c3.27 0 6.21 1.32 8.36 3.46c2.14 2.15 3.46 5.08 3.46 8.36v44.42L34.93 48.23l9.78-5.24c1.6-0.86 3.35-1.29 5.08-1.29c1.81 0 3.6 0.43 5.22 1.29l13.96 7.48c1.27 0.68 2.85 0.2 3.52-1.06c0.68-1.27 0.2-2.85-1.06-3.52h0L57.46 38.4c-2.41-1.29-5.05-1.91-7.68-1.91c-2.61 0-5.2 0.65-7.54 1.91l-12.29 6.59c-0.61 0.33-1.12 0.83-1.44 1.4c-0.33 0.57-0.48 1.19-0.48 1.81c0 0.61 0.15 1.22 0.46 1.78c0.31 0.56 0.8 1.06 1.39 1.39l64.34 36.15c0.04 0.02 0.08 0.03 0.12 0.05c0.08 0.04 0.17 0.08 0.26 0.11c0.08 0.03 0.16 0.05 0.24 0.07c0.08 0.02 0.16 0.04 0.24 0.05c0.09 0.02 0.19 0.02 0.28 0.03c0.04 0 0.09 0.01 0.13 0.01c0.03 0 0.07-0.01 0.1-0.01c0.09 0 0.18-0.01 0.28-0.03c0.08-0.01 0.16-0.02 0.24-0.04c0.08-0.02 0.16-0.05 0.24-0.07c0.08-0.03 0.16-0.06 0.24-0.09c0.08-0.03 0.15-0.08 0.22-0.12c0.07-0.04 0.14-0.08 0.21-0.13c0.07-0.05 0.13-0.11 0.2-0.16c0.06-0.06 0.12-0.11 0.18-0.17c0.05-0.06 0.1-0.12 0.15-0.19c0.06-0.07 0.11-0.15 0.16-0.23c0.02-0.03 0.04-0.05 0.06-0.08c0.02-0.04 0.03-0.08 0.05-0.12c0.04-0.08 0.08-0.17 0.11-0.26c0.03-0.08 0.05-0.16 0.07-0.24c0.02-0.08 0.04-0.16 0.05-0.24c0.02-0.09 0.02-0.19 0.03-0.28c0-0.04 0.01-0.09 0.01-0.13l0-48.86c0-4.69-1.91-8.97-4.99-12.04c-3.07-3.08-7.35-4.99-12.04-4.99h-2.87c1.34-1.9 2.13-4.21 2.13-6.7c0-4.9-2.96-9.19-7.55-10.93C68.21 0 63.15 1.25 59.9 4.93L48.28 18.07L36.67 4.93C33.42 1.25 28.36 0 23.78 1.74s-7.55 6.02-7.55 10.93c0 2.5 0.8 4.81 2.14 6.72c-4.59 0.07-8.77 1.95-11.79 4.97C3.51 27.43 1.6 31.7 1.6 36.39C1.6 37.83 2.76 39 4.2 39z M63.65 8.24c2.25-2.55 5.28-2.61 7.37-1.82c2.09 0.79 4.32 2.85 4.32 6.25c0 3.68-3 6.68-6.68 6.68H53.83L63.65 8.24z M25.55 6.42c0.72-0.27 1.56-0.45 2.44-0.45c1.65 0 3.46 0.61 4.93 2.27l9.81 11.1H27.92c-3.68 0-6.68-3-6.68-6.68C21.24 9.26 23.47 7.21 25.55 6.42z'/%3E%3C/g%3E%3C/svg%3E");
}
.globalHeader-logo-type {
    display: none;
    margin-left: 4px;
    height: 12px;
    width: 139px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 99%; /*to support IE11 cropping edges*/
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22139%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cimage%20x%3D%2260%22%20y%3D%2226%22%20width%3D%22139%22%20height%3D%2211%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAncAAAA0CAYAAADomR6JAAAABGdBTUEAALGOfPtRkwAAGU9JREFUeAHtXU122zgSdvrNfjgnaPoErayybPoELZ8g9Alib7WxvcnWygnMnCDKCcwstQpzgrBPMOwTzHyfy4wkmsQPRfBPqPfKJFGFQqGqABRBin5z1gWstkuIWQD%2FBIYviEMtpCjNgT%2BA6dnHdxmOHk7dAqttBBMQfweGwCrkKPgbmAIzxE2BowdvAW8Bb4FxWmC1DaFYBOSxL8gxNyZ9NWbUjs8Pzs5WW%2BZHEbDMkXjdBMyJuL59AzJHSnG0hjfWNcoK4rD3uFyWRS2P7MQG%2BLltJ1q2a1ZNnLLfx9bGNmuwJZfouUDt8EXC%2BAZ5tWvHxRBj5itwM7lETyZ9xhQHegDsAnII4Q0T7cHz%2FkH6dYuGw%2F4b17b4CXZhzPQHMiY5Ry46bDSDrNLPRYdyuxHlNrY597L%2F4wa5UeU4iAZSNIGdrgZqW5o9bm7fV50xvgGOMz%2FY17R6vhv%2FS5DCKtnymjawWu%2FeWDbADDRGHVcTeA7Zn4AMTjp1WFhtH6DAdYMSYuwh75IkeD5AvyUwqNEzQ9nFKGy5r1y3MVRANGNmPbp%2B7veZ57vkJ66SOr6m35nMJB3LbRYnffsOhro4bK7XL%2BWqF5vI4v6IroWOu7eBfPo5ddyOXnx%2FsZ1DmXvgOG%2Fq1GuG3o7dcVwiLhgf%2FUK3c3tV9xwF48kPqtqV126T%2BwLN0K%2F38G9eNll3NE%2FuJBNnshPWCeq4jB0YdsEWBz0Z9CsHDw2dGPB2w2IXPMPfxZW9drvoMWa4eDPwxwcy6XH8BD0ql6Otm15sstoymYmBY4YCtviPUwWHWdxT9ImxnzvtW5NwWRvo%2F3nGdlO%2F98tXW%2Fad68Viv3jAc65Jd721f2r5QZ1h5QaH4yCqIzsoSyCTfs7rZOuTOwnaL6gc1QlwXFZAPhenxHE7r8WvtncovH1NaCzJQOEEy6MbEF9Qp2uLBnLodG7B74a1v0Vvgw7QD4WbjrSQKokdB%2F1QkKBhjiN3Nlltn9BGBBw7vHU2RodNcOnb%2FufK4WN7HON9teUauRxR8PeT3J1qflB1tH2%2BUJVwzPUalelvzgG%2F4LdfZ3Unko3%2FBCmqI%2FdQFqCNRzzOenp5pNVDk62bWKDmd%2Bh53VqCqqI8gv0OFlv5oUqscxoH%2F2rbRu%2B2qi1RkfFCfwwPoseQiR1tEANpk4AXJw6Fk%2F7LzUvsRLaZUPqWc2V%2FsTaO2F6i38PGtiS41GNMkDtXxucHfNWmXN9undu7uYFrkH5Cl4MYbE7uJEnh3UjQLLM3SoSWmDgdKN9b63YNPTxPsF0upDJ5MEEK7VQZmFts8AQtFj1rwvY44ffdbl03OYbGAKVNAkfKfHYkt0uxKe5u8y4FPsuSOLvuXG47gfHz%2FNOurm2t%2FhJJtWauY1vdut0THp2sLuh8FSfpQlCjDJ8fMLFj3P0E8jg0BFDgC3R6KBWpfyzb%2FvFCCsHfgBmwAFaBRvgDyCOxDfDF%2BZs2Fa3qHL%2FNmqG9i%2BpWqZUOZO7icebHd%2FV%2BtlbGokL7xC5FK7TdP3ut%2FRvnjJdor8zktAATH8PlJsyd8wz%2FyKquS0xwLuoIR5d1EatHK9EogDF16SQWxvdIjkbgqwkJT5zAqcV2kxHN7MB5iPHnGnI08M2p39kDnx%2FQBktYgjc3AU1iAYyDFPgDmAOrEKKA%2BCcwArYBtnGxW%2FS5GPOZrb3jKOgT0O7XS%2FLy4RL13gMXQBtg0pTaVLDmPT65Y5PPRn62q7UCqGDvi%2FpWhknuuGNF%2F5pACqbPQH0MyaD6AN4IaALH%2BcCkhSYe%2FaJfoGoC3E9km6Spyn8HMQKGQBPgu1lrE0ZrHrmbjVAvsK6rntByyGOMtAEmtGmbito6chPzXw1fDnpb3fdF%2F4GLCGhiW8aWuxsbs9jeQIe%2FgceAbWzfw9d3xzRoVVc%2FRyeQx%2FFGf0wf9P2t9jFDwbzyA7OEft8O9D1twB3VfJ%2BgPJe5JQIPc6Slkvc1MXlzUGaX0NBpDNr0QEabC7tff7IF97t3drZQ9Zp2YjJaqJhe0bpr%2FwxtH%2Fr5VWMdF8iW%2FYOB1Bw8V61iSGKGbSwM2nEfL3VKrLb%2Fqyt%2BKWM8MC4YH92AuU3Y9rl1THajZbMUdcy723Fs1khP0U%2F0nNCv9IIMOWTCj8F9Cww0tdzZbNyx7S6prRpc3ideVItfrt3Zv6FBp8Xq8VltmvPa%2FPIDuXl9Qt90Y4%2F2KICfMP7veHEUyGZYDBkfgEZt%2F%2FarQVGaE4YJ0GkcQKkJs5aHcuRR0QV4TWSGWpluGagjJ2w6TwcLMDzqmA7osmCY%2BmKNupcH9Ye8kCA0SewSqNk%2BhiRm3kLGvUF3r7ELGhnwdceib49jKOuuQUja2STRyA1AN%2FGRRownwwKhwgoFaDcKuj2JN4my68rY18VP5CTuh43ttcZojG3TuVMjyoi8UHB9VtCmRfL5QekvruWMMR1swMAb6DsdoxGdO34i6xz8iUGdYJfcmQ2IHEK5IK8NhNuz7JI8ToiFQsA3Ba0fkrzPQkOnBg0uMcneGfDxUewCfCbJIO3DnR%2BdrYya7ZDJRHcmNldAlY%2FNVJKAvzJgNtHLQExHLC7fh5KdonuNpozJQMPjycdZIOskxut04GTP8a9P8N7XVXda5ja2Od9NJbZzp3buV%2FitQXPs73zzA9l0WRjYgWvbpZOxLzd3XO90N3epJHcyyS81SmcvjuPRLUjy2DRxsf3ErQKG0sXQ1NNEn1sspmobix%2BeDFqnDXhXkBrw9scid%2FSRpkE%2BIl1reOzIspgw4FUQwv6ximFWNEl6U0WfAtDU8aio7EkjsIDcHF1Ck0KhTTy7JF5ie6Pos49thXGsST4%2FKE32V3nScOQ4ZHKbNNC7K5anPk25B%2FW4KXfuFppWyewmE21qeKf8PVjSF%2BQ5d6uoz3hAdkoSA4UeNRMtd5cCjZwM9PHZQJTm%2BwAq4ON33nl3DzKg1hrBJnefGhGTIusS3j8n1Ruv7GsLyA7ep9eEg5Lo4GoeF7p5RLcQz8MK%2FfRioWmmAP0U8gOdHbhjl2ls1R15t4vHG7wNMAUmQOYH2b9wYgIBmPjdsHtUSkwqdMIjSdxdJ7JcC2GCt9qylVjRFO34BciM%2BxDkRwjLw8JXVxlKxpnY6e%2FuCujOIHQJTP5pw7ChEe7eLXodgA2K9FLMhX%2B13aAt2qQOorpCXzY5C6yhserGZQE642A%2BoI9t9tlDPxYI0IzPD%2BQ7c2vYgnlS0Y%2Fp0Yr8y81Ntb1y5y6rEmquQ5Rx5%2BknMKqh%2ByLZwXtl5IphItgvPiiTHyGoJmeyM1j6vTs6UFJ7EWs4PjkPeBlQTPBU8F5FnCHtq6JPoYLmSVOxgMS9at6Z6w6tj%2B1%2BYtTnB2JnEztcg5U50l0%2FrmluRZI7mRySZrYDSogrZunExQHFX9ACV0BdEPC%2FWAR75nrA%2Bf71HunXKXfs8l9X4ztRLSAF1F33orLsLOeKtpYK2hxJKlucVeJwjv0%2FlT79OJWO7vUz3zt%2FfSo3za%2FLfYmdBXx%2BUNrrc3miOQag32JuZZIXa3idkcudOzZwA%2BQibAoRGPkvwR6BoWml2fPJQGCCpwJxPjlkF1SXcHCbN1MJHAEtUuiwcb5rd9j4p8PLg6sQNqf9TwV0cbM4FUP4fs7MAvoflIUz6%2FGQ3fH5gTz%2BTCycEIKX%2BRHzpMiiXiesu%2BROkpILSC0sJcfgp%2FJ3J7ZoNptJEjEOBhXw22shGB5VTKDxRwh3Gp5hydIPVcL0tWcFU017p5TQ6Pqaa2zlyd4C47SA%2FsmR7Vo2zn6OQSufH5Re4Lq%2BKS8Mj5yDn7DeE0PDOkez7ZI7ipKk5BxntsoHqHML%2FAnlr3H0IJ%2F7SDWG%2BA56qOApQNPtAiqq90YKNS2lGnq3ZP0u56LbBkctjWOzGcb9qL9Zb0%2BpWuD3asEJXIfKPurnAWV1T6xYwOcHzJEK4CUscw%2Fk%2BmwDEZiZIz0C1fOyjdQG3sPkjkw75S9wlbLIAqgw3ydjB5YW9ebKqtu90zmYP0LIJ2CcUKmj3PUpWRwQU4VMnd0VVSdHUn0Sophcb7zCTRZYNhFQniloUyb52O7bez4%2FEIvL07RzXCQtXBCjDnMkp087Xyd3paa7%2FxbBLDUviw2PIfi%2BQPknYGRYZ35scqezbtmxHIndXcu6fVcLFQ3OdWFRdHkkJP3nadKRaOrVOMYC8tJ2oBDxQ0GbJkkf237ecelZnx%2BUG2F8ssYkL7U0N8dr%2BbQztqxrxK7%2Fzl35DRV53EplVJNItdEIBRESvARH%2Figgx%2FHU4B4djoE2dqONWG8OUMyhExPtg268fptov7zapQUkyaGfVZCqiBOl6WL76wj6xadYXc5%2FHK%2FJqNZRnx8wycvhl4uXjSzGZQQ0BeYFfEzLeleQlZpW1PE179xVa8o7ZOcobpN0xKjHbUgGOztzOiCPJD9ZdjiFkxPLOp7dW2BnAdnNud4V1J5takt94ZQs8AhlQ4XCnEtyBX16pOnE9gLGjTpEJgDfsYZS7rjA5wdM8jjWLuCYK2Bu6aAQ%2FHzSSezEv%2BbJHTWV5%2B13ODsHJkBbuEYFJnl3thUnzr%2BG%2FoVFH%2B4teD2rt8ChBWTx46KvgmR2i76qt3Oj8SaZL2Y3%2F%2FeRssefy5NZHH1sB%2FDjl1H60ucH4hZuzHx8xxyJ67jNus%2F6EZAJ%2FCMwxHlrsEvuymZ4Jyj%2FjeEtitKy2PDI4LyF4kzyYsM602az273LYNt02h322g9iAU4Gqy0nfl1iR%2FX8DcQgTuqgUXmP%2BTskxRppnEsSDc80yHaxbfukZBo22GkZ7k5HeObzA3HK7kcX6xZeilFHNsJaPu3Uv3On0kp%2BMFA%2Ba%2BaCEqrYKzTyMjt9jyPfx0txnDPQwR%2BATG5VMPeJSdV3T7OxgAz6BaqEwL%2BAS6AJrDHechNGzzMCC8hjGs4bEZB%2Bps9N4MaEaZQ8x8V2Nso%2BdakUk92xj2GfH5zBRwXcfoM8h%2Bv6LTAG2gDrfEB95khrm4rHJXdlS5KYnUOBGEUPwKAkGRwj8PBHFymOfKEwx3F%2BQCfLD0uuFZ3jjmiioE%2BRRN%2F%2Bb4qKO9V5OJtk6JfftXPq3F%2FCh4x9JvDpL036PPGx7draXCdy1410Jt%2FnB0zy6K8rrIWfcWTCFgFNIQAjf6%2FwAccbyNqYVGz3WLZJsiQm5yBz8Sia2BrKI5RzG5K7eezMHEG3K6ejz9Emvk%2F9WYBj8hKTg%2B3Y7E9D31IXFkjg45suBE1IBmOamwNzj20ZwxNyzC9VfX7AJC8FXsAml8D8l23MTkKwfUF%2B9ASMdFW62bnbb0UG1x0aX6OYu3jxPtngnPxL1Geiw7vP%2BQxWZu%2ByQxmhb1VgP5Nqob%2F2FujIAoyvC4ynvCN5Xsw4LcDE7mqcqjnTqoztzFkL7QQnqPZ3u6qNtejfvJE6doLPD8RD3XxCZgNh3MnL69zefXJXtiJO5DYkd%2FEegVFJMjgG4OHW5fvn%2BvN6VMk76icg%2B7gPdFKxX%2BDPvQU6skAGOUzsfHx1ZNCRiuHNMOeXUwLGNnej8xF2%2BjP0Skeo1%2FAq%2BfxAfMD36Hava%2FGxa2DhnCV4uRG2xvG%2BOr93%2B1i2TisOOtmG5FZkVseiKAtB42Pan8BIwTcdkrxk%2BhYK0yEpMAFy4eXRg7dAlxYoIIyD%2Fm114HfZiJc1uAVyaMA55JQSu%2F3YZv89TNECPj84e56b5Ze1zAuSFm68Rh3mSHf7dd3t3O23wnO5g3kLBWJccVcuBJpCCMYn1E1x5F0aB%2FZ0Qe4yT2kinq6vpqv5BqpzNzifbhe85hoL0LdM3hMN39zIPrbn5lGfHzBHyuFWPu38hCNfaYuAphCA8RZ13%2BN4BVmp%2B527qmqciI7%2FwB874sFbwFug2QLBy2TRzOEpU7RACqXXQO7GngMTnJ8a%2BNieq8ePzw%2B4CTTt%2FIBP93ZPO3NLV4fgpw3i%2FnbuqhpyG1KeFXMX77pKVlyHoH0B8jGvh%2FFbIIOKQ%2BxS8s5nMWLztI1fTlwfgJGmb%2FwMxwMmiSFsr1HtZMhdxX4BP1LWVMDH9lQ8NVY92%2BcHnPPnkR%2FIbmb5iTnbp50Ph8nd7r02Zo6Fc79LG%2BUH%2FrgYLw3b5MIVQcfUkN%2BzDWcBLkz9%2B6nbf9jdvfWOs8kG8X8NpThmVHANvm%2Bw%2F0bF5GnOLDBM7DvrjqFgH9uGhpoYm88PzjCfLuC1AJhjXs178SB3M1dbzuHXQN7Ys30dBPJYdrXlLy7%2BC%2B6nF%2FyJ61hXuzM6jfTx3SXk8Y4vNZQbGfJ5Nm%2BB%2BVlAvlZ%2BZdCxR4zl0IDPs3gLjMMCPrbH4YdSC58fMKkLgMyPvgN5ZI7EudUk0Sot2f7IjbDdvzNLTAT9BuVCMD4C95XkORWPcewPeMfX%2FgN%2F%2FenpW%2FIWGIMF5H2rG40qMpY1TJ7sLTAqC5jH9pdR6T03ZXx%2BUHqUcRaVFy%2FHGMen3hI8NipJHm%2Fqz4EpsBG4c7cE7id2%2B8xM8Jj49QvyGCntt1HfmrfABC0guxyJRnO%2BxnCn4fFkb4FxWcAsthc%2Btp26zecHkuBGDVZeoJwJXthAd1Msj4Q%2Fq4QzuWtK7Mp6MRT%2F3pvysv3JLDkuFWg45g3lvthb4NQswN27TNPpW4zhSMPjyd4CY7OAj%2B1hPeLzA%2F1n25jgMUda9uYqeedaufHG5C43UKhU%2FtqAtz2LvKzI59k6IxXg2bRvyNf0FpiRBeSHSdyq57hQAf8vYaBi8DRvgVFZYNqxPYexlhvEwwI8TG6uDXjbswyXH2QGStPXnF%2FdzrGy%2BcWk7kGnE5O7DdBU%2BQcoTydGOsHWdHls9B31FgZ1%2BeHOwoDPs3gLnIYF5FMZ95rOBqD3%2B46IRiFP9hbQWkBi2%2BTd0iFiW7UO%2FaXt2%2FgZNlAxM1CTc8s88wPJNdYGNiDLEvgTOdIdkDbpDiTvYo4UGwjFR4xF8QswZwYVyLIAchARYxYcBZTBfy8m%2F7XCRNQGOq9NGD2Pt8BJWUDGxUbTZ47fx84nHk2jnuwtcJQF5AcWJrHNdSk4qi27ypmCnWsbx9t0wecH4jv5Xmhi6EjG3y3wJ%2FzPJC80rFfPxqROfqnLp5omsgrwXcl37ujA1ZYJHiubBmMEXjbK7cEN8CuQv3alYDVIwL8HUwwM1MwH1AxXVwcl%2FsJbwFtg3wIcHwtguF9YOV8%2B01db%2FpsajikP3gJTsIBJbDP2meD1Fdtc9yKF8fikKwH9s4KnO9Jx3xis18PnB2KXj%2B%2F4r8EKXFzXG%2BpVaYASJnm3qLfBscyRcpyrQRLCJZiYJy3UzAfUAlcXmNfz3UeMdw5kshYfsKsvghd%2BqbPaZrhmA9%2BA%2B%2FA7LkJgBGwDlEulKduDt4C3QJ0FZBxfgsTtexUsQOTCk%2BLIscobM5578BYYpwV2sf0EBQOFkmVsZ%2BApF9RUwX8MaYPKXDNVEINIdA%2BSfDCxpV7dgc8PxJbcwVttf%2BCCPg8sDLwEL%2FHsJUHMcEb8h0V78CfOwxfcKzY6LcDFHIlyz3bJHa8kcWJ2ysneVnlKICzk0DqJe6l%2BcEig29VBib%2FwFvAWqLcABzd3LuT7lfU8u9IIp0TeXfpxBkN4GLEFJLZvoOGjgZZci4juYpufpJCdudhAnz5YAjTyBTqdY83MO23Q5wdiTvmPERkuGIOLFjamj6IXbFG9tgr1YVLP4zP8Vp4cHOX9hrcoSw%2FK%2B78o0CQV9old%2F7b3LU7ZAjKG15ZdiLEoRJZ1PLu3QL8WaB%2FbsSNFmWxyrRoTxM6U8fkBN8IyIHOke2d2NhecgPXXjl1ZrT65I5VZ%2F7D%2FLSKFFm%2BhQ4KjB28BbwFbC9i9BFxKj8oTf%2FQWGK0F2sX2H076IztaF5A9tgTPSXefhfr8QGy7%2B5dgqTtjN0rOQblEjsQNsFex15zclfL47P7ju3NccvcsL4sdHtkGFWYmyvMxwitDjlHJF5360LWPNmxNPEadbPtwPL%2FseifHC%2BpFwtx8lvditVNtRGJ7bdH9wILXjlUeh40pwetnLPn8YH8jjP5P7QKnFTd9ew%2Fk5temSYI%2BuStrcgdtl%2BSlZXGHR8pkBnquUrjD9nSicgXDVwVtCFKmaLTR%2BYo6tiRVG7mtsI74VT5S2auj5p9fli0ahKns1VDliGJZBHlz1qTPvvB8%2F6Lnc5Vdsp51MW0uVzB%2BU9CmTKIvmmJJ5cPu%2Byw7eKax7dYfkuCdo5NJ9x21kkjf9KvD6eUHrx3CH6TJ004%2BrqX9m8bI67pmJTnY7oHMke6ASvlvzGTWcO1%2BqstfdyxrOEyKMjBxEWbimJtU6JVH%2Fq9uXGmzfNZeKR74Ur45WH3JmM5ndp87104%2BiXNdaSfDNXdgqUf%2FwA9uv37hlbF21YsyzT6hTWibfkHG7C0ajRsa7s82DQrgnT%2F%2BkGtccdSka1leP0%2FwicdlyTK74%2FhiO4CNGTtxg637je3d%2BvgX9FkAqV8fsEEjN4i9vI%2FGGtvY9X%2B%2B%2BUFj5%2FcI8i%2FJGAMRMATaQo4KKfArfErfGkP75K7ahHy7boHiEPgHMABWIUPBP8AUyCSpwHHcIJMYnUOggZPnszH%2BkZfh30O1EFgmzf3ZeOj263wytP8ObfINKq4Hj3v5yOsSuoRATr458NtoYvvQZv3HMYxhDUPHmbXCHVQ49NNYY5vz37jn7Q5cMXoRc80PbAwvCe8CVYj%2FfjlWJeQo%2BBuYPeMRSfr%2FAZLg6lZmmwCHAAAAAElFTkSuQmCC%22%20transform%3D%22translate(-60%20-26)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    filter: brightness(0) invert(1); 
}
.globalHeader-breadcrumb {
    position: relative;
    font: 15px/15px var(--f-SANS);
    font-weight: 300;
    letter-spacing: .17em;
    margin-left: 20px;
}
.globalHeader-breadcrumb:before {
    content: "\f3d3";
    display: block;
    position: absolute;
    left: -25px;
    font-family: var(--f-ICONS);
    font-size: 30px;
    color: var(--c-OFFBLACK-LIGHTER);
}
.globalHeader-breadcrumb-link {
    display: flex;
    align-items: center;
    height: 100%;
    width: fit-content;
    padding-top: 4px; /* Pushing pixels for vertical alignment with globalHeader navigation links */
    text-decoration: none;
    color: var(--c-OFFBLACK);
}
.globalHeader-breadcrumb-link:hover { color: var(--c-BRAND); }
.globalHeader-nav {
    position: fixed;
    top: 60px;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.97);
    transition: all 0.3s ease-in-out;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
@media screen and (min-width: 1140px) {
    .globalHeader-logo {
        padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
    }
    .globalHeader-logo-type {
        display: block;
        flex-grow: 1;
    }
    .globalHeader-nav {
        padding: 0 calc(var(--spacing) * 2 0 0);
        max-height: 60px;
        border-top: none;
    } /* drawer on mobile and peusdo element(s) for mobile menu icons  */
    .globalHeader-logo-mark_holiday { top: -2px; }
}
@media screen and (min-width: 1200px) {
    .globalHeader-nav { padding-left: calc(var(--spacing) * 2); }
}
.globalHeader-nav.menuIsOpen {
    left: 0;
    z-index: -1;
}
.menuIsOpen .globalHeaderDrawer { overflow-x: scroll; }
@media screen and (min-width: 1140px) {
    .globalHeader-nav.menuIsOpen { z-index: 0; }
}
.globalHeader-nav-links {
    position: relative;
    top: -15%;
    overflow: scroll;
    padding-bottom: 60px;
    min-height: 60px;
}
@media (max-height: 395px) {
    .globalHeader-nav-links { top: 0; }
}
.globalHeader-nav-links > * > button {
    border-radius: 0;
    border: none;
    background: none;
    padding: unset;
    border-bottom: 4px solid transparent;
}
.globalHeader-nav-links > * > button:hover {
    color: var(--c-BRAND);
    cursor: pointer;
}
.globalHeader-nav-links > * > button,
.globalHeader-nav-links > * > a,
.globalHeaderDrawer > ul a {
    font: 15px/15px var(--f-SANS);
    font-weight: 300;
    text-decoration: none;
    color: var(--c-OFFBLACK);
    transition: opacity 0.3s ease-in-out;
}
.globalHeader-nav-links > * > button,
.globalHeader-nav-links > * > a { letter-spacing: 0.17em; }
.globalHeaderDrawer > ul a { letter-spacing: 0.03em; }
.globalHeader-nav-links * > a:hover,
.globalHeader-nav-links * > a:active,
.globalHeader-nav-links * > a:focus {
    color: var(--c-BRAND);
}
.globalHeader-nav-links > * > button,
.globalHeader-nav-links > * > a,
.globalHeaderDrawer > * > a {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.globalHeader-nav-links > * + * {
    margin-left: 0;
    margin-top: calc(var(--spacing) * 4);
}
@media screen and (min-width: 1140px) {
    .globalHeader-nav {
        position: static;
        height: inherit;
        width: initial;
        background: var(--c-WHITE);
    }

    .globalHeader-nav_mobileTrigger { display: none; }

    .globalHeader-nav-links {
        position: static;
        overflow: hidden;
        padding-bottom: 0;
        margin: 0;
        height: 100%;
    }

    .globalHeader-nav-links > * {
        display: inline-block;
        height: 100%;
    }
    .globalHeader-nav-links > * > button,
    .globalHeader-nav-links > * > a,
    .globalHeaderDrawer > * > a {
        text-transform: none;
        display: flex;
        align-items: center;
        height: 100%;
        box-sizing: border-box;
        padding-top: 4px;
    }

    .globalHeader-nav-links > * + * {
        margin-left: calc(var(--spacing) * 1);
        margin-top: 0;
    }
    .globalHeader-search { max-width: 280px; }

    .globalHeader-nav-links > * > button.drawerIsOpen {
        border-bottom: 4px solid var(--c-BRAND);
        height: calc(100% - 4px);
    }
}
@media screen and (min-width: 1200px) {
    .globalHeader-nav-links > * + * { margin-left: calc(var(--spacing) * 2); }
}
.globalHeader-nav-links-drawer { position: relative; }
.globalHeaderDrawer {
    position: fixed;
    z-index: var(--z-TOP);
    box-sizing: border-box;
    height: 100vh;
    width: 0;
    top: 60px;
    left: -105%;
    background-color: var(--c-WHITE);
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
    text-align: left;
    padding: calc(var(--spacing) * 7) calc(var(--spacing) * 4) calc(var(--spacing) * 13);
    transition: all 0.5s ease-in-out;
}
.globalHeaderDrawer_flush { padding: 0 0 calc(var(--spacing) * 6) 0; }
.globalHeaderDrawer-close {
    position: absolute;
    height: 20px;
    width: 20px;
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    display: block;
    cursor: pointer;
}
.globalHeaderDrawer-close:before,
.globalHeaderDrawer-close:after {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: var(--c-OFFBLACK);
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: middle middle;
    transition: all 0.3s ease-in-out;
    transition-delay: .5s;
    opacity: 0;
}
.globalHeaderDrawer.isOpen > .globalHeaderDrawer-close:before,
.globalHeaderDrawer.isOpen > .globalHeaderDrawer-close:after { opacity: 1; }
.globalHeaderDrawer.isOpen > .globalHeaderDrawer-close:before { transform: rotate(45deg); }
.globalHeaderDrawer.isOpen > .globalHeaderDrawer-close:after { transform: rotate(-45deg); }
.globalHeaderDrawer-close:hover:before,
.globalHeaderDrawer-close:hover:after {
    transition-delay: 0;
    background-color: var(--c-BRAND);
}
.globalHeaderDrawer.isOpen {
    left: 0;
    width: 100vw;
}
.globalHeaderDrawer_rtl {
    right: -150%;
    left: unset;
}
.globalHeaderDrawer_rtl.isOpen {
    right: 0;
    left: unset;
}
@media screen and (min-width: 1140px) {
    .globalHeaderDrawer { max-width: 540px; }
    .globalHeader-account .globalHeaderDrawer { max-width: 380px; }
    .globalHeaderDrawer_rtl::after {
        right: 100%;
        left: unset;
    }
}
.globalHeaderDrawer_full {
    max-width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden;
}
.mix-allProductsList { margin-bottom: 60px }
.globalHeaderDrawer-hdg {
    font: 35px/43px var(--f-SERIF);
    text-transform: capitalize;
}
.globalHeaderDrawer-hdg:after {
    content: '';
    display: block;
    height: 4px;
    width: 60px;
    background-color: var(--c-OFFBLACK-LIGHTER);
    margin: calc(var(--spacing) * 3) 0;
}
.mix-allProductsList > li {
    flex-direction: column;
    align-self: flex-start;
}
.mix-allProductsList > li .hdg { margin: calc(var(--spacing)*2) 0; }
.mix-allProductsList > li ul > li { margin-bottom: 15px; }
.accordionItem { border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER); }
.accordionItem-trigger {
    position: relative;
    cursor: pointer;
}
.accordionItem-trigger:before,
.accordionItem-trigger:after {
    content: '';
    height: 2px;
    width: 22px;
    display: block;
    background-color: var(--c-OFFBLACK);
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    transform-origin: middle middle;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}
.accordionItem-trigger:before { transform: rotate(-90deg); }
.accordionItem-trigger:after { transform: rotate(0deg); }
.accordionItem-trigger.isOpen:before { transform: rotate(0deg); }
/* Overiding global.css styles. TODO: Remove when global.css is sunset */
ul.accordionItem-target { padding-left: 0; }
ul.accordionItem-target li { list-style: none; }
.accordionItem-target {
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.5s ease-in-out;
}
.accordionItem-target.isOpen {
    opacity: 1;
    max-height: 100%;
    overflow: visible;
    padding-bottom: 10px;
}
.mix-allProductsList > li { width: 100%; }
@media screen and (min-width: 1140px) {
    .mix-allProductsList_pushLeft { margin-left: 4vw; }

    .accordionItem { border: none; }

    .accordionItem-trigger:after,
    .accordionItem-trigger:before { display: none; }

    .accordionItem-trigger { cursor: default; }

    .accordionItem-target {
        height: auto;
        max-height: 100%;
        opacity: 1;
        overflow: visible;
    }
    .mix-allProductsList > li .hdg { margin: 0 0 calc(var(--spacing)*2) 0; }

    .mix-allProductsList > li ul { margin-bottom: calc(var(--spacing)*4); }

    .mix-allProductsList > li + li {
        padding-left: 40px;
        box-sizing: border-box;
    }

    .mix-allProductsList > li { width: 25%; }
}
.globalHeaderDrawer-links > * + *,
.globalHeader #nav_services > * + * { margin-top: calc(var(--spacing) * 4) }
.globalHeader-search {
    max-width: 50px;
    position: relative;
    display: none;
}
.globalHeader-search-input,
.globalHeader-search-input:focus {
    margin-bottom: none;
    box-shadow: none;
}
input[type="search"].globalHeader-search-input::-webkit-search-cancel-button { -webkit-appearance: none; }
.globalHeader-search-input {
    padding: 2px calc(var(--spacing) * 3) 2px 0;
    min-height: 42px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-bottom: 2px solid var(--c-BRAND);
    font: 14px/14px var(--f-SERIF);
    font-style: italic;
    text-indent: 3px;
    letter-spacing: 0.05em;
    transition: all 0.3s ease-in-out;
    color: var(--c-BRAND-LIGHT);
    background-color: var(--c-WHITE) !important;
    -webkit-appearance: unset;
}
.globalHeader-search.error {
    border: none !important;
	animation: errorShake .5s linear;
}
.globalHeader-search.error .globalHeader-search-input { border-bottom: 4px solid var(--c-ERROR); }
@-webkit-keyframes errorShake {
8%, 41% { -webkit-transform: translateX(-10px); }
25%, 58% { -webkit-transform: translateX(10px); }
75% { -webkit-transform: translateX(-5px); }
92% { -webkit-transform: translateX(5px); }
0%, 100% { -webkit-transform: translateX(0); }
}
.globalHeader-search-input::placeholder {
    color: var(--c-BRAND-LIGHT);
    transition: all 0.3s ease-in-out;
}
.globalHeader-search-input:focus::placeholder { color: var(--c-OFFBLACK-LIGHTER); }
.globalHeader-search-input:hover::placeholder { color: var(--c-OFFBLACK-LIGHTER); }
.globalHeader-search-input:focus,
.globalHeader-search-input:hover {
    outline: none;
    padding-bottom: 0;
    border: none;
    border-bottom: 4px solid var(--c-BRAND);
    box-shadow: none;
}
.globalHeader-search-input:hover {
    cursor: pointer;
    color: var(--c-OFFBLACK-LIGHTER);
}
.globalHeader-search-input:focus { color: var(--c-BRAND-LIGHT); }
/* Resetting Colaterate Core styles */
button.globalHeader-search-submit {
    padding: none;
    color: transparent;
    font-weight: normal;
    text-transform: none;
    border: none;
    background-color: transparent !important;
}
.globalHeader-search-submit {
    position: absolute;
    top: 10px;
    right: 0;
    width: 40px;
    height: 37px;
    display: inline-block;
    border: none;
    font-size: 0 !important; /* resetting Colaterate Core styles */
    overflow: hidden;
    cursor: pointer;
    outline: 0 !important; /* resetting Colaterate Core styles */
}
.globalHeader-search-submit::after,
.globalHeader-search-submit::before {
    content: '';
    font-family: var(--f-ICONS);
    font-size: 24px;
    padding: calc(var(--spacing)) 2px;
    line-height: .75;
    color: var(--c-BRAND-LIGHT);
    position: absolute;
    /* height: 20px; */
    height: 17px;
    width: 20px;
    right: 0;
    top: -60px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.globalHeader-search-submit::before {
    content: '\f3d6';
    top: -60px;
    opacity: 0;
}
.globalHeader-search-submit::after {
    content: '\f4a5';
    top: 0;
    opacity: 1;
}
.globalHeader-search:hover .globalHeader-search-submit::after { color: var(--c-OFFBLACK-LIGHTER); }
.globalHeader-mobileSearch {
    display: flex;
    max-width: unset;
}
.globalHeader-mobileSearch-trigger {
    position: relative;
    height: 44px;
    width: 44px;
    align-self: flex-end;
    font-size: 0;
    cursor: pointer;
}
.globalHeader-mobileSearch-trigger:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 9px;
    background: var(--c-OFFBLACK);
    bottom: 12px;
    right: 12px;
    transform: rotate(45deg);
    transform-origin: bottom right;
    transition: all 0.3s ease-in-out;
}
.globalHeader-mobileSearch-trigger:after {
    content: '';
    position: absolute;
    height: 13px;
    width: 13px;
    left: 12px;
    bottom: 16px;
    border: 1px solid var(--c-OFFBLACK);
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    transform-origin: bottom left;
}
.globalHeader-mobileSearch-trigger.isOpen:before,
.globalHeader-mobileSearch-trigger.isOpen:after {
    height: 2px;
    width: 47%;
    bottom: 15px;
}
.globalHeader-mobileSearch-trigger.isOpen:before {
    right: 15px;
    background-color: var(--c-BRAND);
}
.globalHeader-mobileSearch-trigger.isOpen:after {
    left: 15px;
    background-color: var(--c-BRAND);
    border: none;
    border-radius: 0;
    transform: rotate(-45deg);
}
.globalHeader-mobileSearch-trigger:hover:before { background-color: var(--c-BRAND); }
.globalHeader-mobileSearch-trigger:hover:after { border-color: var(--c-BRAND); }
.globalHeader-mobileSearch-target.globalHeader-search {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: unset;
}
.globalHeader-mobileSearch .globalHeaderDrawer {
    padding-right: calc(var(--spacing) * 4);
    box-sizing: border-box;
    width: 100%;
}
.globalHeader-mobileSearch .globalHeader-search-submit:after { top: -7px; }
@media screen and (min-width: 1140px) {
    .globalHeaderDrawer_full {
        padding-left: 80px;
    }
    .globalHeader-search {
        display: flex;
    }
    .globalHeader-mobileSearch {
        display: none;
    }
}
.globalHeader-cart {
    position: relative;
    width: 42px;
    max-width: 42px;
    padding: calc(var(--spacing) * 1);
    box-sizing: border-box;
    text-decoration: none;
}
.globalHeader-cart a .text { color: white; }
.globalHeader-cart::before {
    content: '\f3f7';
    font-family: var(--f-ICONS);
    font-size: 24px;
    position: absolute;
    display: block;
    color: var(--c-OFFBLACK);
}
/* Need to target specifcally due to how Collaterate generates the cart count */
.globalHeader-cart #cartButton {
    display: none;
    padding: 0;
}
.globalHeader-cart #cartContents {
    background: none;
    padding: 0;
    font-size: 0;
}
.globalHeader-cart .cartCount {
    position: absolute;
    font: 11px/19px var(--f-SANS);
    font-weight: 400;
    background: var(--c-BRAND);
    border-radius: 50%;
    letter-spacing: .05em;
    display: block;
    height: 17px;
    width: 17px;
    text-align: center;
    padding: 0;
    color: var(--c-WHITE);
    top: 10px;
    right: 5px;
}
.globalHeader-cart:hover::before { color: var(--c-BRAND); }
.globalHeader-signIn {
    display: block;
    text-decoration: none;
    width: 60px;
    max-width: 60px;
    max-height: 60px;
    background-color: var(--c-OFFWHITE);
    padding: calc(var(--spacing) * 2.4) calc(var(--spacing) * 2);
    font: 0/14px var(--f-SANS);
    font-weight: 300;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    box-sizing: border-box;
    letter-spacing: 0.075em;
}
.globalHeader-signIn:hover { background-color: var(--c-OFFBLACK-LIGHTER); }
.globalHeader-signIn::before {
    content: '\f47d';
    font-family: var(--f-ICONS);
    font-size: 27px;
    font-weight: normal;
    display: inline-block;
    margin-right: calc(var(--spacing) * 1);
    vertical-align: middle;
    margin-top: -1px;
}
.globalHeader-account {
    max-width: 70px;
    max-height: 60px;
    background-color: var(--c-OFFWHITE);
    box-sizing: border-box;
    text-decoration: none;
}
.globalHeader-account:hover { background-color: var(--c-OFFBLACK-LIGHTER); }
.globalHeader-account-avatar {
    cursor: pointer;
    padding: 17px 10px 20px;
    overflow: hidden;
}
a.globalHeader-account-avatar { text-decoration: none; }
.globalHeader-account-avatar_desktop { display: none; }
.globalHeader-account-avatar_mobile { display: block; }
.globalHeader-account-avatar > * {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
}
.globalHeader-account-avatar-email { font-size: 0; }
.globalHeader-account-avatar-label {
    font: 0/15px var(--f-SANS);
    font-weight: 400;
    font-weight: 800;
    text-transform: uppercase;
    width: 0;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.075em;
    position: relative;
}
.globalHeader-account-avatar-label::after,
.globalHeader-account-avatar-label::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 10px;
    background-color: var(--c-OFFBLACK);
    top: 5px;
    transition: all 0.3s ease-in-out;
}
.globalHeader-account-avatar-label::before {
    transform: rotate(45deg);
    transform-origin: top left;
    left: -6px;
}
.globalHeader-account-avatar-label::after {
    transform: rotate(-45deg);
    transform-origin: top right;
    right: -6px;
}
.globalHeader-account-avatar.isOpen .globalHeader-account-avatar-label::before,
.globalHeader-account-avatar.isOpen .globalHeader-account-avatar-label::after {
    top: 0px;
    background-color: var(--c-BRAND);
}
.globalHeader-account-avatar.isOpen .globalHeader-account-avatar-label::before { width: 20px; }
.globalHeader-account-avatar.isOpen .globalHeader-account-avatar-label::after {
    width: 20px;
    right: -7px;
}
@media screen and (min-width: 1140px) {

    .globalHeader-account-avatar_desktop { display: block; }

    .globalHeader-account-avatar_mobile { display: none; }
}
.globalHeader-account-avatar-image {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    /* box-shadow: 0 0 4px 1px rgba(0,0,0,.2); */
    margin-right: calc(var(--spacing) * 1);
    overflow: hidden;
}
.globalHeader-account-avatar-image { border: 2px solid transparent; }
.mix-ppTierCyan .globalHeader-account-avatar-image { border-color: var(--c-TIER-CYAN); }
.mix-ppTierMagenta .globalHeader-account-avatar-image { border-color: var(--c-TIER-MAGENTA); }
.mix-ppTierYellow .globalHeader-account-avatar-image { border-color: var(--c-TIER-YELLOW); }
.mix-ppTierBlack .globalHeader-account-avatar-image { border-color: var(--c-TIER-BLACK); }
.globalHeader-account-avatar-image > img {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 1400px) {
    .globalHeader-account { max-width: 160px; }

    .globalHeader-account-avatar-label { font-size: 14px; }

    .globalHeader-account-avatar-label::before,
    .globalHeader-account-avatar-label::after { content: none; }

    .globalHeader-account-avatar { padding: 17px 0 20px 15px; }
}
.accountAside-user {
    background-color: var(--c-OFFWHITE);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
}
.accountAside-user-points {
    padding: 20px 0 20px 10px;
    text-align: left;
    border-left: 1px solid var(--c-OFFBLACK);
}
.accountAside-user-points { text-align: center; }
.accountAside-user-name {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
    margin-right: 10px;
    box-sizing: border-box;
}
.accountAside-user-name > .hdg {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    overflow-wrap: break-word;
}
.accountAside-user-logOut {
    display: flex;
    align-self: stretch;
    align-items: center;
    padding: 15px 34px;
    box-sizing: border-box;
    font: 14px/14px var(--f-SANS);
    font-weight: 300;
    /* font-weight: bold; */
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: var(--c-OFFBLACK);
    background-color: var(--c-OFFWHITE);
    border-left: 1px solid var(--c-OFFBLACK-LIGHTER);
    transition: all 0.3s ease-in-out;
}
.accountAside-user-logOut:hover {
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    cursor: pointer;
}
.accountAside-user-logOut:before {
    content: '\f266';
    font: 14px/14px var(--f-ICONS);
    margin-top: -3px; /* shim for veritcal alingment */
    margin-right: calc(var(--spacing) * 1);
    color: var(--c-OFFBLACK);
    transition: all 0.3s ease-in-out;
}
.accountAside-user-logOut:hover:before { color: var(--c-WHITE); }
ul.accountAside-actions { padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 2) calc(var(--spacing) * 2); }
.accountAside-actions > * > a {
    display: block;
    position: relative;
    font: 18px/18px var(--f-SANS);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--c-OFFBLACK);
    text-decoration: none;
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
    padding-bottom: calc(var(--spacing) * 1.5);/* bottom pad shim for vertical alignment */
    transition: all 0.3s ease-in-out;
}
.accountAside-actions > * + * > a { padding: calc(var(--spacing) * 2) 0 calc(var(--spacing) * 1.5); /* bottom pad shim for vertical alignment */ }
.accountAside-actions > * > a:after {
    content: '\f3d3';
    font-family: var(--f-ICONS);
    text-align: right;
    position: absolute;
    right: 0;
    color: var(--c-OFFBLACK-LIGHTER);
    transition: all 0.3s ease-in-out;
}
.accountAside-actions > * > a:hover,
.accountAside-actions > * > a:hover:after { color: var(--c-BRAND); }
.accountAside-actions > * > a:before {
    font-family: var(--f-ICONS);
    margin-right: calc(var(--spacing) * 1);
    display: inline-block;
    vertical-align: text-top;
}
.accountAside-actions-orders > a:before { content: '\e90f'; }
.accountAside-actions-myProducts > a:before { content: '\e915'; }
.accountAside-actions-settings > a:before { content: '\e09a'; }
.accountAside-actions-notificationsCount {
    position: absolute;
    right: 40px;
    bottom: calc(50%);
}
.accountAside-actions-notificationsCount > * {
    display: block;
    font: 13px/13px var(--f-SANS);
    font-weight: 300;
    color: #fff;
    text-align: center;
    height: 20px;
    width: 20px;
    letter-spacing: 0;
    padding: 5px 3px;
    border-radius: 50%;
    background: #c00;
    pointer-events: none;
    box-sizing: border-box;
}
@media screen and (min-width: 1140px) {
    .globalHeader-search { max-width: 250px; }

    .globalHeader-signIn {
        font: 14px/14px var(--f-SANS);
        font-weight: 400;
        width: 125px;
        max-width: 125px;
    }
    .globalHeader-signIn::before { margin-right: calc(var(--spacing) * 1); }

    .globalHeader-notifications .globalHeaderDrawer {
        max-width: 350px;
        overflow: scroll;
    }
}
.globalHeader-notifications { max-width: max-content; }
.globalHeader-notifications-count {
    border-left: 1px solid var(--c-OFFBLACK-LIGHTER);
    display: flex !important; /* Compensating for inline styles: display block  */
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    background-color: var(--c-OFFWHITE);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.globalHeader-notifications-count:hover,
.globalHeader-notifications-count:focus { background-color: var(--c-OFFBLACK-LIGHTER); }
.globalHeader-notifications-count.isEmpty { display: none !important; }
.globalHeader-notifications-count > * {
    display: block;
    font: 13px/13px var(--f-SANS);
    font-weight: 300;
    color: #fff;
    text-align: center;
    height: 20px;
    width: 20px;
    padding: 5px 3px;
    border-radius: 50%;
    background: #c00;
    pointer-events: none;
    box-sizing: border-box;
    margin: 0 calc(var(--spacing) *2);
}
.globalNotificationsList { padding-top: calc(var(--spacing) * 4); }
.notification-category-header {
    display: block !important; /* overwriting inline css in markup */
    margin: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
    font: 12px/12px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.1em;
    color: var(--c-OFFBLACK);
    text-transform: uppercase;
}
.notification-category-files::before { content: 'Need Print Files ('; }
.notification-category-action:before { content: 'Requires Action ('; }
.notification-category-review::before { content: 'Pending Review ('; }
.notification-category-header::after,
.notification-category-action::after,
.notification-category-review::after { content: ')'; }
.notificationList { margin-bottom: calc(var(--spacing) * 3); }
.notificationList-item:first-of-type { border-top: 1px solid var(--c-OFFBLACK-LIGHTER); }
.notificationList-item { border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER); }
.notificationList-item a {
    display: block;
    font: 15px/15px var(--f-SANS);
    font-weight: 300;
    padding: calc(var(--spacing) *  1) calc(var(--spacing) * 2);
    text-decoration: none;
    letter-spacing: 0.04em;
    color: var(--c-BRAND);
    transition: all 0.3s ease-in-out;

}
.notificationList-item a:hover {
    color: var(--c-OFFBLACK);
    background-color: var(--c-BRAND-LIGHTEST);
}
.notificationList-item * { margin: 0; }
.notificationList-item-wrapper p { font-size: unset; }
.order-number { line-height: 1.5; }
.item-number {
    font: 12px/15px var(--f-SERIF);
    color: var(--c-OFFBLACK);
    font-style: italic;
}
.item-name { padding-top: var(--spacing); }
.ifSignedIn,
.ifNotSignedIn {
    display: none;
}
.globalSubHeader {
    background-color: #f7f7f7;
    padding: 10px 20px;
    z-index: var(--z-HEADER);
}
.globalSubHeader-content {
    display: flex;
    justify-content: space-between;
}
.gFooter { background-color: var(--c-OFFWHITE); }
.gFooter-brand { 
    display: flex;
    gap: var(--padding-large);
}
.gFooter-brand-address {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
    text-transform: uppercase;
}
.gFooter-affiliation { 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--padding-large);
}
.gFooter-affiliation-bbb a {
    text-align: center;
    color: #005E85;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.12px;
    text-decoration: none;
    display: block;
}
.gFooter-affiliation-trustpilot a {
    color: var(--c-BLACK);
    text-decoration: none;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}
.gFooter-affiliation-google a { text-decoration: none; }
.gFooter-affiliation-google-review {
    width: 137px;
    height: 47px;
    box-sizing: border-box;
    background-color: var(--c-WHITE);
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 6px 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    font-family: 'Roboto', Arial, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gFooter-affiliation-google-review-line {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}
.gFooter-affiliation-google-review-line-rating {
    color: #f5a623;
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px;
}
.gFooter-affiliation-google-review-line--stars {
    display: block; 
    width: 80px;
    height: 16px;       
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f5a623' d='M50 0 L60.5 37 L99 37 L68.5 59.5 L79.5 98 L50 78 L20.5 98 L31.5 59.5 L1 37 L39.5 37 Z'/%3E%3C/svg%3E"), 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f5a623' d='M50 0 L60.5 37 L99 37 L68.5 59.5 L79.5 98 L50 78 L20.5 98 L31.5 59.5 L1 37 L39.5 37 Z'/%3E%3C/svg%3E"), 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f5a623' d='M50 0 L60.5 37 L99 37 L68.5 59.5 L79.5 98 L50 78 L20.5 98 L31.5 59.5 L1 37 L39.5 37 Z'/%3E%3C/svg%3E"), 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f5a623' d='M50 0 L60.5 37 L99 37 L68.5 59.5 L79.5 98 L50 78 L20.5 98 L31.5 59.5 L1 37 L39.5 37 Z'/%3E%3C/svg%3E"), 
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f5a623' d='M50 0 L60.5 37 L99 37 L68.5 59.5 L79.5 98 L50 78 L20.5 98 L31.5 59.5 L1 37 L39.5 37 Z'/%3E%3C/svg%3E");
    background-size: 16px 16px; /* Size of each individual star is now 16x16px */
    background-repeat: no-repeat;
    background-position: 0 0, 16px 0, 32px 0, 48px 0, 64px 0;
    position: relative;
    top: -1px;  
}
.gFooter-affiliation-google-review-source {
    color: #5f6368;
    font-size: 11px;
}
.gFooter-connect-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    padding-bottom: var(--padding-xsmall);
}
.gFooter-connect-social {
    display: flex;
    flex-direction: row;
    gap: var(--padding-xlarge);
    align-items: center;
}
.gFooter-connect-social-fill { fill:var(--c-OFFBLACK-LIGHT) }
.gFooter-connect-social a:hover .gFooter-connect-social-fill { fill: var(--c-BRAND) }
.gFooter-content {
    padding: var(--padding-large) var(--padding-large) 64px var(--padding-large);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--padding-xxxlarge) var(--padding-large);
    font-family: var(--f-SANS);
    color: #666;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    max-width: calc(1440px - 80px);
    margin: auto;
}
.gFooter-content > div { grid-column: span 4; }
.gFooter-reference {
    padding: var(--padding-xxxlarge) 0;
    display: flex;
    flex-direction: column;
    gap: var(--padding-xxxlarge);
    border-top: 1px solid var(--c-OFFWHITE-DARKER);
}
.gFooter-reference-copyright { text-transform: uppercase; }
.gFooter-reference-copyright,
.gFooter-reference-policies {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.12px;
}
#footer-menu-policies {
    display: flex;
    flex-direction: column;
    gap: var(--padding-large);
    list-style: none;
    padding-left: 0;
}
#footer-menu-policies a {
    color: var(--c-OFFBLACK);
    text-decoration: none;
    transition: color .3s;
}
#footer-menu-policies a:hover { color: var(--c-BRAND); }
.gFooter-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--padding-xxxlarge);
    padding-top: var(--padding-xxxlarge);
    border-top: 1px solid var(--c-OFFWHITE-DARKER);
}
.gFooter-links-section,
#footer-menu-support,
#footer-menu-services,
#footer-menu-products {
    display: flex;
    flex-direction: column;
    gap: var(--padding-large);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.12px;
    padding-left: 0;
}
.gFooter-links-section-link {
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.64px;
    font-size: 16px;
    list-style: none;
    text-transform: capitalize;
}
.gFooter-links-section-link a,
#footer-menu-support a,
#footer-menu-services a,
#footer-menu-products a {
    text-decoration: none;
    color: var(--c-OFFBLACK);
    transition: color .3s;
}
.gFooter-links-section-link a:hover,
#footer-menu-support a:hover,
#footer-menu-services a:hover,
#footer-menu-products a:hover { color: var(--c-BRAND) }
/* quarantine CMS IDs */
#footer-menu-support li,
#footer-menu-services li,
#footer-menu-products li {
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.64px;
    font-size: 16px;
    list-style: none;
    text-transform: capitalize;
}
.gFooter-emailSignUp-title {
    color: var(--c-BLACK);
    font-family: var(--f-SANS-COND);
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: var(--padding-large);
}
.gFooter-emailSignUp-content {
    color: var(--c-BLACK);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
}
.gFooter-emailSignUp-content-cta {
    justify-content: center;
    padding: var(--padding-medium) 0 var(--padding-xsmall) 0;
    cursor: pointer;
}
.gFooter-emailSignUp-content-cta a {
    color: var(--c-BRAND);
    font-weight: 500;
    letter-spacing: 0.56px;
    display: inline-flex;
    gap: var(--padding-xsmall);
    text-decoration: none;
    padding: var(--padding-xxsmall) var(--padding-xsmall) 0 var(--padding-xsmall);
    border-radius: var(--radius-xlarge);
}
.gFooter-emailSignUp-content-cta a:after {
    padding-top: 5px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 1.37518C14.7634 1.3753 18.625 5.2368 18.625 10.0002C18.6249 14.7635 14.7633 18.6251 10 18.6252C5.23661 18.6252 1.3751 14.7636 1.375 10.0002C1.375 5.23673 5.23654 1.37518 10 1.37518ZM10 2.62518C5.9269 2.62518 2.625 5.92708 2.625 10.0002C2.6251 14.0732 5.92696 17.3752 10 17.3752C14.0729 17.3751 17.3749 14.0731 17.375 10.0002C17.375 5.92716 14.073 2.6253 10 2.62518ZM15.0508 10.0002L10.8896 14.1613L10.0059 13.2775L12.6582 10.6252H5V9.37518H12.6582L10.0059 6.72382L10.8896 5.84003L15.0508 10.0002Z' fill='%23999999'/%3E%3C/svg%3E");
}
.gFooter-emailSignUp-content-cta a:hover { background-color: var(--c-SECONDARY); }
@media (min-width: 480px) {
    .gFooter-affiliation { flex-direction: row; }
}
@media (min-width: 768px) {
    .gFooter-content {
        padding: var(--padding-large) var(--padding-large) 0px var(--padding-large);
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .gFooter-content > div { grid-column: span 8; }

    .gFooter-content .gFooter-affiliation {
        flex-direction: column;
        align-items: start;
    }

    .gFooter-content .gFooter-affiliation,
    .gFooter-content .gFooter-connect { grid-column: span 4; }

    .gFooter-reference { gap: var(--padding-large); }

    .gFooter-reference-copyright { text-align: center; }

    #footer-menu-policies {
        flex-direction: row;
        justify-content: center;
        max-width: 450px;
        margin: auto;
        flex-wrap: wrap;
        gap: 8px var(--padding-large);
    }

    .gFooter-links {
        grid-template-columns: 1fr 1fr;
        gap: var(--padding-xxxlarge) var(--padding-large);
    }

    .gFooter-links-section:nth-child(1),
    .gFooter-links-section:nth-child(3) { order: 0; }

    .gFooter-links-section:nth-child(2),
    .gFooter-links-section:nth-child(4) { order: 1; }

    .gFooter-affiliation-trustpilot a { flex-direction: column; }
}
@media (min-width: 1024px) {
    .gFooter-content {
        padding: var(--padding-xxxlarge) var(--padding-xxxlarge) 0px var(--padding-xxxlarge);
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    
    .gFooter-content > div { grid-column: span 12; }

    .gFooter-content .gFooter-brand {
        grid-column: span 3;
        grid-row: span 3;
    }

    .gFooter-content .gFooter-emailSignUp,
    .gFooter-content .gFooter-affiliation,
    .gFooter-content .gFooter-connect {
        grid-column: span 9;
        grid-row: span 1;
    }

    .gFooter-content .gFooter-affiliation {
        flex-direction: row;
        align-items: center;
        gap: var(--padding-xxxlarge);
    }

    #footer-menu-policies { max-width: 940px; }

    .gFooter-links { grid-template-columns: 1fr 1fr 1fr 1fr; }

    .gFooter-links-section:nth-child(1), 
    .gFooter-links-section:nth-child(2), 
    .gFooter-links-section:nth-child(3), 
    .gFooter-links-section:nth-child(4) { order: 0; }

    .gFooter-brand { flex-direction: column; }
}
@media (min-width: 1400px) {
    .gFooter-content .gFooter-brand {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gFooter-content .gFooter-emailSignUp {
        grid-column: span 5;
        grid-row: span 2;
    }

    .gFooter-content .gFooter-affiliation,
    .gFooter-content .gFooter-connect {
        grid-column: span 5;
        grid-row: span 1;
    }
}
@media only screen and (min-width: 1480px) {
    .gFooter-content {
        padding: var(--padding-xxxlarge) 0 0 0;
        max-width: 1440px;
    }
}
/* Lists */
ul.hList { margin: 0; }
.hList { padding-left: 0; }
.mix-hList_inlineBlock { display: inline-block; }
.hList > * {
    list-style: none;
    display: inline-block;
}
.hList_spread > * + * { margin-left: 40px; }
.hList_spreadWide > * + * { margin-left: 80px; }
.hList_piped > * + *:before {
    content: '|';
    font-size: 16px;
    font-family: sans-serif;
    font-weight: lighter;
    color: #cccccc;
    display: inline-block;
    padding: 0 10px;
}
.hList_alignRight { text-align: right; }
.vList {
    padding-left: 0;
    margin: 0;
}
.vList > * { list-style: none; }
.vList_spread > * + * { margin-top: 20px; }
.vList_ruleBelow > * + * { border-top: 1px solid var(--c-OFFBLACK); }
.vList_bullets { padding-left: 20px; }
.vList_bullets > * { list-style: disc; }
/* Typography */
.hdg {
    font: 40px/43px var(--f-SANS);
    letter-spacing: -0.0111em;
    color: var(--c-BLACK);
    margin: 0; /* Reset without resetting all other heading tags in theme that are leveraging user-agent styles. */
}
.hdg_marquee {
    font: bold 69px/63px var(--f-SANS);
    letter-spacing: -0.0452em;
}
.mix-hdg_smThenStd.hdg_marquee { font: bold 39px/44px var(--f-SANS); }
.hdg_1 { font: 70px/73px var(--f-SANS); }
.hdg_2 { font: 42px/48px var(--f-SANS); }
.hdg_3 {
    font: 28px/33px var(--f-SANS);
    color: var(--c-BLACK);
}
.hdg_4 {
    font: 36px/43px var(--f-SANS);
    color: var(--c-BLACK);
}
.hdg_heavy {
    font-weight: 600;
    letter-spacing: -0.72px;
}
.hdg_5 {
    font: 30px/37px var(--f-SANS);
    color: var(--c-BLACK);
}
.hdg_55 {
    font: 28px/32px var(--f-SANS);
    font-weight: 600;
    letter-spacing: -0.56px;
    color: var(--c-BLACK);
}
.hdg_6 {
    font: 20px/28px var(--f-SANS);
    color: var(--c-BLACK);
}
.hdg_marqueeAdapt {
    font: 16vw/17vw var(--f-SANS-COND);
    text-transform: uppercase;
    max-width: 50vw;
}
.hdg_marqueeAdapt_MOD {
   max-width: 70vw;
   font-size: 8vw;
   line-height: 10vw;
   padding-top: 5px;
}
.hdg_cond { font-family: var(--f-SANS-COND) !important; }
.mix-hdg_condensed {
    font: 90px/82px var(--f-SANS-COND);
    text-transform: uppercase;
    letter-spacing: -.03em;
    margin-left: -5px; /* Shim for condensed font */
}
.hdg_slab {
    font-family: var(--f-SLAB);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
@media (min-width: 480px) {
    .hdg_marquee { font: bold 127px/108px var(--f-SANS); }

    .hdg_2 { font: 64px/72px var(--f-SANS); }

    .hdg_3 {
        font: 60px/67px var(--f-SANS);
        color: var(--c-BLACK);
    }

    .mix-hdg_smThenStd.hdg_marquee { font: bold 54px/60px var(--f-SANS); }

    .hdg_6 {
        font: 26px/30px var(--f-SANS);
        color: var(--c-BLACK);
    }

    .hdg_marqueeAdapt {
        font-size: 13.75vw;
        line-height: 12vw;
    }
    .hdg_marqueeAdapt_MOD {
        font-size: 8vw;
        line-height: 8vw;
        padding-top: 25px;
    }
}
@media (min-width: 1024px) {
    .hdg_marqueeAdapt {
        line-height: 1;
        font-size: 40px;
    }
    
    .hdg_marqueeAdapt_MOD {
        font-size: 6vw
    }

    .hdg_marquee { font: bold 147px/126px var(--f-SANS); }

    .mix-hdg_smThenStd.hdg_marquee { font: bold 147px/126px var(--f-SANS); }

    .mix-hdg_condensed { font: 7vw/6.5vw var(--f-SANS-COND); }
}
@media (min-width: 1200px) {
    .hdg_marqueeAdapt_MOD {
        font-size: 80px;
        max-width: 1000px;
    }
}
.hdg_emphasis {
    font-style: italic;
    color: #666666;
    overflow-wrap: break-word;
}
.hdg_centered { text-align: center; }
.hdg_right  { text-align: right; }
.hdg_bold { font-weight: bold; }
.hdg_brand { color: var(--c-BRAND); }
.hdg_white { color: var(--c-WHITE); }
.hpd2, 
.hpd2 a {
    font-family: var(--f-SANS-COND) !important;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    color: var(--c-BLACK);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
/* homepage design h2 bottom border */
.hpd2-bb {
    border-bottom: 2px solid var(--c-OFFWHITE-DARKER);
    padding-bottom: var(--padding-xsmall);
    margin-bottom: var(--padding-large);
}
/* homepage design h2 white centered zebra */
.hpd2__wcz {
    color: var(--c-WHITE) !important;
    text-align: center;
}
.dsp__wz {
    color: var(--c-WHITE) !important;
    line-height: 30px;
    padding: var(--padding-medium) 0 var( --padding-xlarge) 0;
}
.hpd2-p20 {
    margin-bottom: var(--padding-xxxlarge) !important;
}
.bdcpy {
    font: 16px/28px var(--f-SANS);
    font-weight: 400;
    color: var(--c-BLACK);
    letter-spacing: 0.16px;
}
.bdcpy_sm {
    font: 11px/17px var(--f-SANS);
    font-weight: 300;
}
.bdcpy_md {
    font: 14px/20px var(--f-SANS);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.14px;
}
.bdcpy_lg { font: 20px/30px var(--f-SANS); }
.mix-bdcpy_pre { white-space: pre-line; }
.bdcpy_center {
    text-align: center;
    width: 100%;
    margin: 0;
    line-height: 18px;
}
.bdcpy_flush { margin: 0; }
.bdcpy_reversed { color: var(--c-WHITE); }
/* design system paragraph */
.dsp {
    color: var(--c-BLACK);
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: 0.8px;
}
.dsp_v2 {
    line-height: 28px;
    letter-spacing: 0.16px;
    padding-bottom: 15px;
}
.dsp_v2 a {
    color: var(--c-BRAND);
}
.dsp_v2 a:hover {
    color: var(--c-BRAND);
    text-decoration: none;
}
.dsp_lh28 {
    color: var(--c-BLACK);
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.16px;
    padding-top: var(--padding-large);
}
.lbl {
    font: 12px/20px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--c-OFFBLACK);
    margin: 0;
}
span.lbl + span.lbl { margin-left: 10px; }
.lbl_sm  { font-size: 12px; }
.lbl_lg  { font-size: 14px; }
.lbl_xl  { font-size: 18px; }
.lbl_cond { font-family: var(--f-SANS-COND); }
.lbl_thin {
    font-family: var(--f-SANS);
    font-weight: 300;
    text-transform: unset;
}
.lbl_bold { font-weight: 700; }
.lbl_tight { letter-spacing: 0.02em; }
.lbl_footnote {
    font: italic 13px/20px 'Didot', Georgia, serif;
    letter-spacing: 0;
    text-transform: unset;
    color: var(--c-OFFBLACK);
}
.lbl_brand { color:var(--c-BRAND); }
.lbl_reversed { color: var(--c-WHITE); }
.lbl_serif {
    font-family: 'Didot', Georgia, serif;
    font-style: italic;
    text-transform: none;
}
.lbl_heavy { font-weight: 700; }
.lbl_lowercase { text-transform: lowercase; }
.lbl_smThenStd,
.lbl_smThenLg { font-size: 10px; }
@media (min-width: 480px) {
    .lbl_smThenStd { font-size: 12px; }
    .lbl_smThenLg { font-size: 14px; }
}
/* UI */
.btn {
    display: inline-block;
    font: 14px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.28em;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    min-width: 150px;
    padding: calc(var(--spacing)*1.5);
    border: 2px solid var(--c-BRAND);
    border-radius: var(--radius-xlarge);
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
}
.btn_fullWidth { width: 100%; }
.btn_reversed,
.btn_reversed-altHover {
    background-color: transparent;
    color: var(--c-BRAND);
}
.btn_white {
    color: var(--c-WHITE);
    border-color: var(--c-WHITE);
}
.btn_cta {
    position: relative;
    margin-right: 50px;
    width: calc(100% - 46px); /* Width of :after psuedo element */
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.btn_ctaCentered {
    padding-left: 61px; /* compensating for :after psuedo width to visually center text alignment */
}
.btn_ctaInline {
    width: initial;
}
.btn_cta:after {
    content:"\f3d3"; /* ion-ios-arrow-right */
    font-family: 'Icomoon';
    font-style: normal;
    font-size: 24px;
    line-height: 42px;
    color: var(--c-WHITE);
    position: absolute;
    top: -2px; /* compensating for the border width*/
    right: -50px;
    height: 100%;
    width: 46px;
    border-top-right-radius: var(--radius-xlarge);
    border-bottom-right-radius: var(--radius-xlarge);
    text-indent: 5px;
    text-align: center;
    border: 2px solid var(--c-BRAND);
    border-left-color: var(--c-WHITE);
    background-color: var(--c-BRAND);
    transition: all 0.2s ease-in-out;
}
.btn[disabled],
.btn_cta[disabled],
.btn_cta[disabled]:after {
    opacity: 1; /* overridding old global styles */
    background-color: #cccccc !important; /* overridding old global styles */
    border-color: #cccccc !important; /* overridding old global styles */
    pointer-events: none;
}
.btn_cta[disabled]:after {
    border-left-color: var(--c-WHITE) !important;
}
.btn:not([disabled]):hover,
.btn_cta:not([disabled]):hover:after {
    background-color: transparent;
    color: var(--c-BRAND);
    border-color: var(--c-BRAND);
    cursor: pointer;
}
.btn_reversed:not([disabled]):hover {
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
}
.btn_reversed-altHover:not([disabled]):hover {
    background-color: var(--c-SECONDARY);
    color: var(--c-BRAND);
}
.btn_white:not([disabled]):hover {
    background-color: var(--c-WHITE);
    color: var(--c-BRAND);
}
.btn_ctaReversed:not([disabled]),
.btn_ctaReversed:not([disabled]):after,
.btn_ctaReversed:not([disabled]):hover,
.btn_ctaReversed:not([disabled]):hover:after {
    border-color: var(--c-WHITE);
}
.btn_ctaReversed:not([disabled]):hover,
.btn_ctaReversed:not([disabled]):hover:after {
    color: var(--c-WHITE);
}
.btn_ctaReversed:not([disabled]):hover, .btn_ctaReversed:not([disabled]):hover:after {
    background: var(--c-WHITE);
    color: var(--c-BRAND);
    border-color: var(--c-BRAND);
}
.btnShop {
    color: var( --c-BRAND);
    font-family: var( --f-SANS);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 6px 11px 9px 35px;
    border-radius: var(--radius-xlarge);
    background-color: var(--c-WHITE);
    transition: background-color .3s;
}
.btnShop_noIcon { padding-left: 11px }
.btnShop:hover { background-color: var(--c-OFFWHITE); }
.btnShop:before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Outline/Cart' clip-path='url(%23clip0_1583_5071)'%3E%3Cg id='Vector'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.73163 4.96462C4.85035 4.8204 5.02736 4.73684 5.21417 4.73684H18.3062C18.4929 4.73684 18.6699 4.82036 18.7886 4.96452C18.9073 5.10869 18.9554 5.29839 18.9196 5.48169L17.4996 12.7497C17.4422 13.0435 17.1845 13.2553 16.8852 13.2548L6.63319 13.2388C6.33468 13.2384 6.07818 13.0269 6.02081 12.7339L4.60081 5.48194C4.56492 5.29862 4.6129 5.10885 4.73163 4.96462ZM5.97342 5.98684L7.14881 11.9896L16.3716 12.004L17.5472 5.98684H5.97342Z' fill='%23999999'/%3E%3Cpath d='M9.68217 18.4338C9.68217 19.0966 9.14491 19.6338 8.48217 19.6338C7.81942 19.6338 7.28217 19.0966 7.28217 18.4338C7.28217 17.7711 7.81942 17.2338 8.48217 17.2338C9.14491 17.2338 9.68217 17.7711 9.68217 18.4338Z' fill='%23999999'/%3E%3Cpath d='M15.3222 18.4338C15.3222 19.0966 14.7849 19.6338 14.1222 19.6338C13.4594 19.6338 12.9222 19.0966 12.9222 18.4338C12.9222 17.7711 13.4594 17.2338 14.1222 17.2338C14.7849 17.2338 15.3222 17.7711 15.3222 18.4338Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.993164 2.43384C0.993164 2.08866 1.27299 1.80884 1.61816 1.80884H4.45416C4.75335 1.80884 5.01057 2.02086 5.06767 2.31454L7.57406 15.2045L15.3707 15.2609C15.7158 15.2633 15.9936 15.5452 15.9911 15.8904C15.9887 16.2355 15.7068 16.5133 15.3617 16.5108L7.05365 16.4508C6.75617 16.4487 6.50144 16.2371 6.44465 15.9451L3.93899 3.05884H1.61816C1.27299 3.05884 0.993164 2.77902 0.993164 2.43384Z' fill='%23999999'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1583_5071'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.0180664 0.529785)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    position: absolute;
    margin-left: -25px;
    padding-right: 5px;
}
.btnShop_noIcon:before { content: none; }
@media screen and (min-width: 480px) {
    .btn { min-width: 200px; }
}
.imgHero {
    background-color: var(--c-SECONDARY);
    aspect-ratio: 2/1;
    width: 100%;
    border-radius: var(--radius-medium);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.link {
    font: 16px/17px var(--f-SANS);
    color: #007AC9;
    text-decoration: none;
    letter-spacing: 0.02em;
    font-weight: lighter;
    transition: all 0.2s ease-in-out;
}
.link_em { font-style: italic; }
/* Reseting Button Styles from Collaterate */
button.link {
    display: flex !important;
    width: auto;
    align-self: flex-end;
    background-color: transparent !important;
    position: relative;
    padding: 0;
    margin: 0;
    height: auto;
    border: none;
}
.linkBtn {
    font: inherit;
    color: var(--c-BRAND);
    font-weight: inherit;
    text-decoration: none;
    text-transform: inherit;
    padding: inherit;
    border: inherit;
    background: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}
.link_sm { font-size: 12px; }
.link_md { font-size: 14px; }
.link_lg { font: italic 18px/22px 'Didot', Georgia, serif; }
.link:hover,
.link:focus {
    color: var(--c-BRAND);
    opacity: 0.6;
    cursor: pointer;
}
.link_lbl {
    text-transform: uppercase;
    font: 14px/17px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.087em;
}
.link_sans {
    font: 15px/15px var(--f-SANS);
    font-weight: 300;
    text-decoration: none;
    color: var(--c-OFFBLACK);
    letter-spacing: .03em;
    transition: opacity .2s ease-in-out;
}
.link_sansBrand {
    font: 15px/15px var(--f-SANS);
    font-weight: 300;
    text-decoration: none;
    color: var(--c-BRAND);
    letter-spacing: .03em;
    transition: opacity .2
}
.link_brand { color: var(--c-BRAND); }
.link_caps {
    font-family: var(--f-SANS);
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
}
.register_link,
.register_link:hover{
    color: white;
    transition: none;
    margin-left: 16px;
    font: 14px var(--f-SANS);
    font-weight: 300;
    text-decoration: none;
    letter-spacing: 0.02em;
}
.link_carrot,
button.link_carrot,
.register_link_carrot {
    padding-right: 15px;
    position: relative;
    white-space: nowrap;
}
.link_carrot:hover,
button.link_carrot:hover,
.register_link_carrot:hover,
button.register_link_carrot:hover {
    opacity: 1;
    cursor: pointer;
}
.link_carrot:after,
button.link_carrot:after {
    content: "";
    display: block;
    position: absolute;
    height: 9px;
    width: 5px;
    right: 5px;
    top: 6px;
    color: var(--c-BRAND);
    transition: all 0.2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20.535L.547%200%205%204.5.547%209%200%208.465%203.906%204.5z%22%20fill%3D%22%23007AC9%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}
.register_link_carrot:after {
    content: "";
    display: block;
    position: absolute;
    color: white;
    width: 8px;
    height: 12px;
    right: 3px;
    top: 4px;
    transition: all 0.2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20.535L.547%200%205%204.5.547%209%200%208.465%203.906%204.5z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}
.link_carrot:hover:after,
button.link_carrot:hover:after,
.register_link_carrot:hover:after { right: 0; }
.link_back,
button.link_back {
    padding-left: 15px;
    position: relative;
}
.link_back:before,
button.link_back:before {
    content: "";
    display: block;
    position: absolute;
    height: 9px;
    width: 5px;
    left: 5px;
    top: 5px;
    color: var(--c-BRAND);
    transition: all 0.2s ease-in-out;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20.535L.547%200%205%204.5.547%209%200%208.465%203.906%204.5z%22%20fill%3D%22%23007AC9%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}
.link_back:hover::before,
button.link_back:hover::before { left: 0; }
[class*="link_icon"]:before {
    content: "";
    font-family: var(--f-ICONS);
    font-style: normal;
    color: #cccccc;
    display: inline-block;
    font-size: 24px;
    margin-right: 10px;
    vertical-align: bottom;
    padding-left: 2px; /* resolve clipping issue on hover */
}
.link_iconDownload:before { content:"\f41f"; /* ion-ios-download-outline */ }
.link_iconPrint:before {
    font-size: 18px; /* 75% of size */
    content: "\e02e"; /* uniE02E */
}
.link_iconEmail:before { content: "\f422"; /* ion-ios-email-outline */ }
.link_iconCloud:before {
    content: "\f40a"; /* ion-ios-cloud-upload-outline */
    margin-right: 3px;
    vertical-align: middle;
}
.link_iconAdd:before {
    content: "\f48a"; /* ion-ios-plus-outline */
    font-size: 18px;
}
.link_iconRemove {
    display: block;
    align-self: center;
    text-align: center;
    border-radius: 24px;
    border:  2px solid var( --c-BRAND);
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600 !important;
    transition: all .25s;
    text-transform: uppercase;
    width: calc(100% - 35px);
    cursor: pointer;
    margin-top: 5px;
    margin-left: 0;
}
.link_iconRemove:hover {
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    opacity: 1;
}
.link_iconRemove:before {
    content: "";
    margin-right: 0;
    padding-left: 0;
}
@media (min-width: 1400px) {
    .link_iconRemove {
        display: inline;
    }
}
.link_iconAddVersion:before { content: "\f48a"; /* ion-ios-plus-outline */ }
.link_iconShare:before { content: "\e90c"; /* icon-share */ }
.link_iconEdit:before { content: "\e060"; /* icon-edit */ }
.link_iconDuplicate:before { content: "\e040"; /* icon-copy */ }
.link_iconSaveforLater:before {content: "\e00c" /* uniWE00C */ }
.link_iconHeart:before {
    content: "\f387"; /* icon-ion-android-favorite-outline */
    font-size: 16px !important;
    position: relative;
    top: 1px;
}
.link_iconCart:before {
    content: "\f3f7"; /* icon-ion-ios-cart-outline */
    font-size: 16px !important;
    position: relative;
    top: 1px;
}
.link_iconConfig:before { content: "\e052"; }
.link_iconView:before { content: "\e90b"; }
.link_iconExit:before {
    content: "\f4c6"; /*ion-ios-undo-outline*/
    color: inherit;
}
.link_iconQuestion:before {
    content: "\f445"; /*ion-ios-help-outline*/
    color: inherit;
}
a.mix-externalLinkIcon[target=_blank]:after {
    content: '';
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0px 3px 0 4px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23007AC9;%7D%0A%3C/style%3E%3Cpath class='st0' d='M14,4H1v18h20V11h1v12H0V3h14V4z M24,9h-1V2.7L11.4,14.4l-0.7-0.7L22.3,2H16V1h8V9z'/%3E%3C/svg%3E%0A");
}
.link_iconAfter::before { content: none; }
.link_iconAfter::after {
    content: '';
    font-family: 'Icomoon';
    font-style: normal;
    color: #cccccc;
    display: inline-block;
    font-size: 24px;
    margin-left: 10px;
    vertical-align: bottom;
}
.link_iconDownload.link_iconAfter:after {
    content: '\f41f';
    vertical-align: sub;
}
/* From Collaterate Core */
.collaterateInfo {
    background: none;
    box-shadow: none;
    padding: 0;
    overflow: visible !important;
    pointer-events: all;
}
.collaterateInfo-message {
    display: block;
}
.collaterateInfo-message + .collaterateInfo-message {
    border-top: none;
}
.collaterateInfo-message-time {
    /* font-size: 9px; */
    color: unset;
    white-space: normal;
    font-style: normal;
}
.collaterateInfo-message-bd {
    line-height: 1.8;
    text-shadow: none;
    color: unset;
}
/* END Reset default Collaterate styles */
.collaterateInfo {
    position: fixed;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 3);
    width: 320px;
    z-index: var(--z-ALERT);
    font: 12px/16px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.05em;
}
@media (min-width: 1024px) {
    .collaterateInfo {
        width: 450px;
    }
}
.collaterateInfo > * {
    margin-bottom: calc(var(--spacing) * 1);
}
/* TODO: Resetting element styles remove when Global.css is sunset */
.collaterateInfo-message p {
    font-size: 14px;
    margin: 0;
}
.collaterateInfo-message {
    position: relative;
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4.5) calc(var(--spacing) * 1.5) calc(var(--spacing) * 1.5);
    background-color: var(--c-ALERT);
    color: var(--c-ALERT-TXT);
    box-shadow: 0 2px 4px 0 rgba(122,99,99,0.50);
    opacity: 0;
    right: -150%;
    animation: notification-slide-in 0.5s ease-in-out .5s forwards;
}
.collaterateInfo-message.isInactive {
    animation: notification-slide-out 0.5s ease-in-out;
}
@keyframes notification-slide-in {
    0%   { opacity: 0; right: -150%; }
    100% { opacity: 1; right: 0; }
}
@keyframes notification-slide-out {
    0%   { opacity: 1; right: 0; }
    100% { opacity: 0; right: -150%; }
}
@keyframes notification-slide-in-minimal {
    0%   { opacity: 0; right: -5%; }
    100% { opacity: 1; right: 0; }
  }
.collaterateInfo-message-close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 10px;
    width: 10px;
    cursor: pointer;
}
.collaterateInfo-message-close:after {
    content: '\f404';
    font-family: var(--f-ICONS);
    font-size: 28px;
    position: absolute;
}
.collaterateInfo-message-time {
    font-size: 10px;
    line-height: 17px;
    text-align: right;
    display: block;
    position: relative;
    margin-bottom: var(--spacing);
    opacity: 0.7;
}
.collaterateInfo-message-time:before {
    content: '\f0a1';
    font: 20px/20px var(--f-ICONS);
    text-align: left;
    display: block;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 0;
    left: 0;
}
.collaterateInfo-message-time:after {
    content: 'Attention';
    text-align: left;
    position: absolute;
    left: 27px;
    top: 3px;
    text-transform: uppercase;
    font: 14px/15px var(--f-SANS);
    font-weight: 400;
    font-weight: 800;
    letter-spacing: 0.13em;
}
.collaterateInfo-message-bd {}
.collaterateInfo-message.isSuccess > .collaterateInfo-message-time,
.collaterateInfo-message.isError > .collaterateInfo-message-time,
.collaterateInfo-message.isInfo > .collaterateInfo-message-time {
    display: none;
}
.collaterateInfo-message.isSuccess .collaterateInfo-message-bd,
.collaterateInfo-message.isError .collaterateInfo-message-bd,
.collaterateInfo-message.isInfo .collaterateInfo-message-bd {
    text-transform: uppercase;
    font: 14px/16px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.087em;
    margin: 2px 0 -4px 27px;
    position: relative;
}
.collaterateInfo-message.isSuccess .collaterateInfo-message-bd:before,
.collaterateInfo-message.isError .collaterateInfo-message-bd:before,
.collaterateInfo-message.isInfo .collaterateInfo-message-bd:before {
    content: '\f3fe';
    font: 20px/20px var(--f-ICONS);
    position: absolute;
    height: 17px;
    width: 17px;
    left: -27px;
    top: -4px;
}
.collaterateInfo-message.isSuccess {
    background-color: var(--c-WHITE);
    color: var(--c-OFFBLACK);
}
.collaterateInfo-message.isSuccess .collaterateInfo-message-bd:before {
    content: '\f3fe';
    color: var(--c-SUCCESS);
}
.collaterateInfo-message.isError {
    background-color: var(--c-WARNING);
    color: var(--c-WHITE);
}
.collaterateInfo-message.isError .collaterateInfo-message-bd:before {
    content: '\f44c';
    color: var(--c-ERROR);
}
.collaterateInfo-message.isInfo .collaterateInfo-message-bd:before {
    content: '\f44c';
    top: -3px;
}
.collaterateInfo-message.isInfo.isInfo_cart {
    padding: 10px;
    /* animation: notification-slide-in-minimal 0.5s ease-in-out .5s forwards; */
    animation: none;
    right: 0;
    opacity: 1;
    box-shadow: none;
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.collaterateInfo-message.isInfo.isInfo_cart + .collaterateInfo-message.isInfo.isInfo_cart { margin-top: 10px }
.collaterateInfo-message.isInfo.isInfo_cart .collaterateInfo-message-bd { margin-top: 0; }
.collaterateInfo-message.isInfo.isInfo_cart:after { content: none; }
.collaterateInfo-message-bd-itemName {
    font-size: 16px;
    font-family: var(--f-SANS);
    font-weight: 700;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.05em;
    text-transform: none;
}
/* Global Form Styles */
/* legacy css reset. Remove when global.css is sunset */
.globalForm input,
.globalForm textarea {
    margin: 0;
    padding: calc(var(--spacing));
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
}
.globalForm input:hover,
.globalForm input:focus,
.globalForm textarea:hover,
.globalForm textarea:focus {
    border-color: var(--c-WHITE); /* THEME */
}
.globalForm-inputLabel {
    font: 10px/14px var(--f-SANS);
    font-weight: 300; /* THEME */
    text-transform: uppercase; /* THEME */
    letter-spacing: 0.2em; /* THEME */
    color: var(--c-OFFBLACK); /* THEME */
    display: block;
}
.globalForm-inputText,
.globalForm-inputTextarea {
    font: 14px/14px var(--f-SERIF); /* THEME */
    font-style: italic; /* THEME */
}
.globalForm-inputText_quarantine {
    overflow: hidden;
    height: 42px;
    background-color: var(--c-WHITE);
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
}
.globalForm-row > div > .globalForm-inputText {
    border: none;
    border-radius: 0;
    padding: 0 !important;
    font-family: var(--f-SANS) !important;
    color: var( --c-BLACK);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "URW DIN";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100% */
    height: 31px !important;
}
.globalForm-submitSearch {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 37px;
    border: none;
    font-size: 0!important;
    cursor: pointer;
    background-color: transparent!important
}
.globalForm-submitSearch:after {
    content: '\f4a5';
    font-family: Icomoon;
    font-size: 24px;
    padding: 10px;
    line-height: .75;
    color: var(--c-OFFBLACK);
    position: absolute;
    height: 17px;
    width: 20px;
    right: 0;
    top: 0;
    opacity: 1;
}
@media (min-width: 1200px) {
    .globalForm-inputText_quarantine:hover {
        border-color: var(--c-BRAND);
    }
}
.globalForm .isRequired input {
    border-color: var(--c-OFFBLACK); /* THEME */
}
.globalForm-inputText_quarantine.braintree-hosted-fields-invalid {
    border-bottom-color: var(--c-ERROR);
}
.globalForm .isRequired .globalForm-inputLabel {
    color: var(--c-ERROR);
}
.globalForm-checkboxLabel {
    font: 11px/11px var(--f-SANS);
    font-weight: 300; /* THEME */
    margin-left: 10px;
    align-self: flex-end;
    cursor: pointer;
}
.globalForm-checkbox {
    display: inline-block;
}
.globalForm-btn {
    min-width: 115px; /* THEME */
}
input.globalForm-inputSearch {
    height: 36px;
    border-radius: 18px;
    font: 12px/12px var(--f-SERIF);
    font-style: italic;
    color: var(--c-OFFBLACK);
    border-color: var(--c-OFFBLACK);
    letter-spacing: 0.085em;
    transition: all 0.2s ease-in-out;
}
input.globalForm-inputSearch::placeholder { color: var(--c-OFFBLACK-LIGHT); }
input.globalForm-inputSearch:focus { outline: none; }
input.globalForm-inputSearch::-webkit-search-cancel-button { -webkit-appearance: none; }
.globalForm-row { position: relative; }
.globalForm-row .field-error,
.globalForm-row .hosted-fields-error-msg {
    padding: calc(var(--spacing) * .5);
    font-size: 10px;
    font-weight: normal;
    color: var(--c-ERROR);
    border: none; /* overiding global css */
}
.globalForm-row + .globalForm-row > * { margin-top: calc(var(--spacing) * 2); }
.globalForm-row > div:has(label)  {
    background-color: var(--c-WHITE) !important;
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #999;
}
.globalForm-row > div > input {
    padding: 5px 0;
    color: var( --c-BLACK);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100% */
}
.mix-globalForm-row_collapse .mix-paymentMethodsFoot_save > button { border-radius: 24px; }
@media (min-width: 1024px) {
    .globalForm_accountSearch .globalForm-row { width: 300px; }
}
@media (min-width: 480px) {
    .globalForm-row_inline {
        display: flex;
        flex-direction: row;
        /* align-items: center; */
    }
    #hosted-checkout .globalForm-row_inline { display: block; }
    #hosted-checkout .mix-paymentMethodsFoot {
        display: flex !important;
    }

    .globalForm-row_inline > * {
        flex: 1 1 auto;
    }

    .globalForm-row_inline > * + * {
        margin-left: 10px;
    }
    #hosted-checkout .globalForm-row_inline > * + * { margin-left: 0; }
    .mix-globalForm-row_collapse {
        flex-grow: 0;
    }

}
@media (min-width: 1400px) {
    #hosted-checkout .globalForm-row_inline { display: flex; }
    
    #hosted-checkout .globalForm-row_inline > * + * { margin-left: 10px; }
}
/* Home Page Signup Form Styles */
.globalFormSignUp {
    position: relative;
    transition: all 0.2s ease-in-out;
}
.subscribeErrors {
    animation: errorShake .5s linear;
}
.subscribeErrors .globalFormSignUp-form-inputText,
.subscribeErrors .globalFormSignUp-form-inputText:focus {
    border-bottom: 4px solid var(--c-ERROR);
}
@-webkit-keyframes errorShake {
    8%, 41% { -webkit-transform: translateX(-10px); }
    25%, 58% { -webkit-transform: translateX(10px); }
    75% { -webkit-transform: translateX(-5px); }
    92% { -webkit-transform: translateX(5px); }
    0%, 100% { -webkit-transform: translateX(0); }
}
.globalFormSignUp-message {
    opacity: 0;
    top: 20px;
    height: 0;
    overflow: hidden;
}
.globalFormSignUp-message > * + * {
    margin-top: 10px;
}
.subscribeSuccess.globalFormSignUp-form,
.gFooter-content-top-connect-join-signup.subscribeSuccess {
    height: 0;
    overflow: hidden;
}
.subscribeSuccess + .globalFormSignUp-message {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    top: 10px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.globalFormSignUp-message-icon {
    display: block;
    position: relative;
    height: 60px;
    width: 60px;
    margin-bottom: 20px;
}
.globalFormSignUp-message-icon::before {
    content: '\e068';
    font-family: var(--f-ICONS);
    font-size: 55px;
    color: var(--c-BRAND);
}
.globalFormSignUp-form {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
}
.globalFormSignUp-form-inputText {
    position: relative;
    font: italic 18px/18px var(--f-SERIF);
    display: block;
    width: 100%;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid var(--c-BRAND);
    height: 54px;
    text-indent: 2px;
    font-size: 18px;
    padding-left: 0;
    transition: all 0.2s ease-in-out;
}
.globalFormSignUp-form-inputText:focus {
    outline: none;
}
.globalFormSignUp-form-submit {
    background: none !important;
    border: none !important;
    color: var(--c-BRAND);
    position: absolute;
    width: 44px;
    height: 22px;
    top: 0;
    right: 0;
}
.globalFormSignUp-form-submit:after {
    position: relative;
    content: '\f3d6';
    font-family: Icomoon;
    font-size: 60px;
    vertical-align: middle;
}
.globalFormSignUp-form-inputText:hover,
.globalFormSignUp-form-inputText:focus {
    box-shadow: none;
    border: none;
    border-bottom: 4px solid var(--c-BRAND);
}
@media (min-width: 1400px) {
    .globalFormSignUp-form {
        margin-left: 25%;
    }
}
/* Talk to Expert Modal Styles */
.globalForm input.name-input-invalid,
.globalForm input.email-input-invalid {
    border-color: var(--c-ERROR);
}
#talk-to-expert-success-message {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
#talk-to-expert-form.hideIt + #talk-to-expert-success-message {
    height: auto;
    opacity: 1;
    overflow: visible;
}
/* Global Feature Drawer */
.globalFeatureDrawer {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: -105vw;
    background-color: var(--c-OFFWHITE);
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: var(--z-MODAL);
    transition: all 0.5s ease-in-out;
}
.globalFeatureDrawer .accentBlock::before{
    background-color: var(--c-WHITE);
}
/* background-color: var(--c-WHITE); */
.globalFeatureDrawer.isOpen {
    left: 0;
}
.globalFeatureDrawer-closeLink {
    opacity: 0;
    position: fixed;
    pointer-events: none;
    /* position: absolute; */
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    top: 55%;
    /* left: 105%; */
    left: 0;
    padding: calc(var(--spacing)*4) calc(var(--spacing)*2) calc(var(--spacing)*2);
    display: block;
    cursor: pointer;
    z-index: var(--z-TOP);
    text-transform: lowercase;
    /* transition: all 0.25s ease-in-out; */
    /* transition-delay: 0.5s; */
    background-color: var(--c-OFFWHITE);
}
.globalFeatureDrawer-closeLink.link_carrot:after,
.globalFeatureDrawer-closeLink.link_carrot:hover:after {
    /* right: 20px; */
    /* top: -25px; */
    right: calc(50% - 4px);
    top: 10px;
    /* background-size: 100%; */
    width: 8px;
    height: 20px;
}
.globalFeatureDrawer-close {
    position: fixed;
    top: 20px;
    right: -100px;
    height: 50px;
    width: 50px;
    opacity: 0;
    border-radius: 50%;
    color: var(--c-OFFBLACK-LIGHT);
    background: var(--c-WHITE);
    box-shadow: -1px 1px 4px rgba(171, 171, 171, 50%);
    z-index: 9999;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}
.globalFeatureDrawer-close:after {
    content: '\f404';
    font: 50px/50px Icomoon;
    text-align: center;
    height: 50px;
    width: 50px;
    display: block;
}
.globalFeatureDrawer-close:hover {
    color: var(--c-WHITE);
    background-color: var(--c-BRAND);
}
.globalFeatureDrawer.isOpen > .globalFeatureDrawer-close {
    opacity: 0.85;
    right: 20px;
}
@media (min-width: 480px) {
    .globalFeatureDrawer.isOpen > .globalFeatureDrawer-closeLink {
        pointer-events: all;
        opacity: 0.85;
        left: -20px;
    }
}
/* Global Media Drawer */
.globalMediaDrawer {
    position: fixed;
    height: 100vh;
    width: 0;
    top: 0;
    right: -50%;
    background-color: black;
    overflow: hidden;
    z-index: var(--z-MODAL);
    transition: all 0.5s ease-in-out;
}
.globalMediaDrawer.isOpen {
    right: 0;
    width: 100vw;
}
.globalMediaDrawer:before {
    content: '';
    position: absolute;
    width: 44px;
    height: 100vh;
    background: white;
    left: 0;
}
.globalMediaDrawer:after {
    content: 'Made at Smartpress';
    font: 10px/10px var(--f-SANS);
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    color: var(--c-BRAND);
    position: absolute;
    height: auto;
    min-width: 200px;
    top: calc(50% + 100px);
    left: 19px;
    transform-origin: top left;
    transform: rotate(-90deg);
}
.globalMediaDrawer.isOpen > *:not(.globalMediaDrawer-close) {
    height: 100vh;
    width: calc(100vw - 44px);
    position: relative;
    left: 44px;
}
.globalMediaDrawer-close {
    position: fixed;
    top: 20px;
    right: -100px;
    height: 50px;
    width: 50px;
    opacity: 0;
    border-radius: 50%;
    color: var(--c-OFFBLACK-LIGHT);
    background: var(--c-WHITE);
    box-shadow: -1px 1px 4px rgba(171, 171, 171, 50%);
    z-index: 9999;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}
.globalMediaDrawer-close:after {
    content: '\f404';
    font: 50px/50px Icomoon;
    text-align: center;
    height: 50px;
    width: 50px;
    display: block;
}
.globalMediaDrawer-close:hover {
    color: var(--c-WHITE);
    background-color: var(--c-BRAND);
}
.globalMediaDrawer.isOpen > .globalMediaDrawer-close {
    opacity: 0.85;
    right: 20px;
}
/* Global Media Play Icon */
.globalMediaPlayIcon {
    display: block;
    cursor: pointer;
    color: var(--c-BRAND);
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background-color: var(--c-WHITE);
    box-shadow: -1px 1px 4px rgba(171, 171, 171, 50%);
    transition: all 0.25s ease-in-out;
}
.globalMediaPlayIcon_inline {
    display: inline-block;
    vertical-align: middle;
}
.globalMediaPlayIcon::after {
    content: '\E071';
    font: 20px/20px var(--f-ICONS);
    position: relative;
    top: 12px;
    /* left: 32%; */
    display: block;
    text-align: center;
    text-indent: 3px;
}
.js-toggleTrigger:hover .globalMediaPlayIcon,
.globalMediaPlayIcon:hover {
    background-color: var(--c-BRAND);
    color: white;
}
.js-toggleTrigger:hover .globalMediaPlayIcon:after,
.globalMediaPlayIcon:hover:after {
    content: 'PLAY';
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    display: block;
    top: 17px;
    left: 0;
    text-align: center;
    letter-spacing: 0.22em;
}
.globalMediaPlayIcon_pdp {
    font-size: 0;
    background: #fff;
    top: 20px;
    right: 20px;
    position: absolute;
}
.globalMediaPlayIcon.isPlaying::after {
    content: '\e072';
    text-indent: -1px; /* Adjusting offset icon display */
}
.globalMediaPlayIcon.isPlaying:hover::after { content: 'PAUSE'; }
@media (min-width: 1400px) {
    .globalMediaPlayIcon {
        height: 65px;
        width: 65px;
    }
    .globalMediaPlayIcon::after {
        font: 30px/30px var(--f-ICONS);
        top: 18px;
    }
    .js-toggleTrigger:hover .globalMediaPlayIcon:after,
    .globalMediaPlayIcon:hover:after {
        top: 28px;
    }
}
/* Global Dialog/Modal Container */
body.mix-globalDialogIsOpen:not(.globalDialog) { pointer-events: none; }
.globalDialog {
    position: fixed;
    width: 100vw;
    min-height: 10vh;
    max-height: 70vh;
    overflow-y: scroll;
    box-sizing: border-box;
    left: calc(50% - 265px);
    right: calc(50% - 265px);
    overflow-x: hidden;
    margin: 0 auto;
    background-color: var(--c-WHITE);
    padding: calc(var(--spacing)*4);
    top: 50vh;
    margin-top: calc(-30vh - 60px);
    opacity: 0;
    transform: scale(0.85);
    transition: all 0.25s ease-in-out;
    z-index: -1;
    pointer-events: none;
    transform: scale(0);
}
.globalDialog_flush { padding: 0; }
.modalContainer .globalDialog {
    transform: scale(1);
    transition: all 250ms ease-in-out;
}
.modalContainer.modalContainer_inactive .globalDialog {
    transform: scale(0);
}
.globalDialog_wide { max-width: 100vw; };
.globalDialog-ft {
    margin-top: 40px;
}
.globalDialog-ft_fill {
    padding: 20px 40px;
    margin: 20px -40px -40px -40px;
    background-color: var(--c-OFFWHITE);
}
.globalDialog_alignCenter > * {
    text-align: center;
}
.globalDialog_centerFt .globalDialog-ft { text-align: center; }
.globalDialog-ft_alignRight {
    text-align: right;
}
.globalDialog_close {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: transparent !important;
}
.globalDialog_close:after,.globalDialog_close:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    -ms-transform-origin: middle middle;
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    transition-delay: .25s;
    opacity: 0
}
.globalDialog-hd > .hdg {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
    margin-bottom: 10px;
}
.globalDialog-hd {
    margin-bottom: 30px;
}
.globalDialog-hd_clean > .hdg { border-bottom: 0; }
.mix-globalDialogIsOpen .globalDialog_close:after,
.mix-globalDialogIsOpen .globalDialog_close:before,
.globalDialog.modal_isActive .globalDialog_close:after,
.globalDialog.modal_isActive .globalDialog_close:before {
    opacity: 1
}
.mix-globalDialogIsOpen .globalDialog_close:before,
.globalDialog.modal_isActive .globalDialog_close:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.mix-globalDialogIsOpen .globalDialog_close:after,
.globalDialog.modal_isActive .globalDialog_close:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.mix-est-disclaimer { font-family: var(--f-SANS); }
.mix-globalDialog_noTransform { transform: none !important;}
@media screen and (min-width: 530px) {
    .globalDialog { max-width: 530px; }
}
@media screen and (min-width: 800px) {
    .globalDialog_wide {
        max-width: 800px;
        left: calc(50% - 400px);
        right: calc(50% - 400px);
    }
}
.globalDialog.modal_isActive {
    opacity: 1;
    transform: scale(1);
    z-index: var(--z-MODAL);
    pointer-events: all;
}
/* Global SPDC Redesign Form Styles */
.spdcForm input,
.spdcForm textarea,
.spdcForm select {
    margin: 0;
    border: 0;
    padding: 0;
    display: block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
    border-radius: 4px;
    font: 14px/16px var(--f-SANS);
    font-weight: lighter;
    letter-spacing: 0.03em;
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    margin-top: 2px;
}
.spdcForm select.spdcForm-select { font-size: 14px !important; /* Overriding old global css select font size */ }
.spdcForm textarea { white-space: pre-wrap; }
.spdcForm input:not([disabled]):hover,
.spdcForm textarea:not([disabled]):hover,
.spdcForm select:not([disabled]):hover,
.spdcForm input:not([disabled]):focus,
.spdcForm textarea:not([disabled]):focus,
.spdcForm select:not([disabled]):focus {
    background-color: var(--c-OFFWHITE);
    box-shadow: 0;
    outline: 1px var(--c-BRAND);
    border-bottom: 1px solid var(--c-BRAND);
}
.spdcForm input:focus,
.spdcForm textarea:focus,
.spdcForm select:focus {
    border: 1px solid var(--c-BRAND);
}
.spdcForm input[type=submit],
.spdcForm button {
    display: inline-block;
    font: 14px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .28em;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    border: 2px solid var(--c-BRAND);
    transition: all .2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
    padding: 15px;
    border-radius: var(--radius-xlarge);
  
}
#UPDATESHIPPINGQUOTESBT {
    border-top-right-radius: var(--radius-xlarge);
    border-bottom-right-radius: var(--radius-xlarge);
}
.spdcForm input[type=submit]:hover,
.spdcForm button:hover,
.spdcForm input[type=submit]:focus,
.spdcForm button:focus {
    background-color: var(--c-WHITE);
    color: var(--c-BRAND);
    cursor: pointer;
    border-bottom: 2px solid;
}
.spdcForm input[type=submit].spdcForm-btn_reverse,
.spdcForm button.spdcForm-btn_reverse,
.spdcForm input[type=submit].spdcForm-btn_reverse,
.spdcForm button.spdcForm-btn_reverse {
    background-color: transparent;
    color: var(--c-BRAND);
}
.spdcForm input[type=submit].spdcForm-btn_reverse:hover,
.spdcForm button.spdcForm-btn_reverse:hover,
.spdcForm input[type=submit].spdcForm-btn_reverse:focus,
.spdcForm button.spdcForm-btn_reverse:focus {
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
}
.spdcForm input[type=checkbox],
.spdcForm input[type=radio] {
    position: absolute;
    display: inline-block;
    appearance: none;
    height: 15px;
    width: 15px;
    box-sizing: border-box;
    border: 1px solid var(--c-OFFBLACK);
    /* border-radius: 50%; */
    background-position: center center;
    /* margin-right: -25px; */
    background-color: transparent;
}
.spdcForm input[type=checkbox] {
    border-radius: 5%;
}
.spdcForm input[type=radio] {
    border-radius: 50%;
}
.spdcForm input[type=checkbox]:checked,
.spdcForm input[type=radio]:checked {
    /* background-color: var(--c-BRAND); */
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='8px' height='6px' viewBox='0 0 8 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Form-/-Inputs-/-Checkbox-/-Checkbox:selected' transform='translate(-4.000000, -4.000000)' fill='%23666666' fill-rule='nonzero'%3E%3Cg id='ion-ios-checkmark-empty' transform='translate(4.000000, 4.000000)'%3E%3Cpath d='M2.86019012,5.84712597 C2.7829044,5.92356298 2.62833295,6 2.51209522,6 C2.39585749,6 2.24128603,5.92356298 2.16400031,5.84712597 L0,3.70688952 L0.695571528,3.01895638 L2.51209522,4.815532 L7.34276219,0 L8,0.687933143 L2.86019012,5.84712597 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.spdcForm input[type=checkbox] + .spdcForm-lbl,
.spdcForm input[type=checkbox] + label,
.spdcForm input[type=radio] + .spdcForm-lbl,
.spdcForm input[type=radio] + label {
    display: inline-block;
    font: 13px/18px var(--f-SANS);
    font-weight: 400;
    padding-left: 25px;
    cursor: pointer;
}
.spdcForm input[type=checkbox],
.spdcForm input[type=radio],
.spdcForm input[type=checkbox] + .spdcForm-lbl,
.spdcForm input[type=checkbox] + label,
.spdcForm input[type=radio] + .spdcForm-lbl,
.spdcForm input[type=radio] + label {
    transition: all 0.3s ease-in-out;
}
.spdcForm input[type=checkbox]:hover,
.spdcForm input[type=radio]:hover {
    border-color: var(--c-BRAND);
}
.spdcForm input[type=checkbox] + .spdcForm-lbl:hover,
.spdcForm input[type=checkbox] + label:hover,
.spdcForm input[type=radio] + .spdcForm-lbl:hover,
.spdcForm input[type=radio] + label:hover {
    color: var(--c-BRAND);
}
.spdcForm input[type=date],
.spdcForm input[type=datetime],
.spdcForm input[type=datetime-local],
.spdcForm input[type=email],
.spdcForm input[type=month],
.spdcForm input[type=number],
.spdcForm input[type=password],
.spdcForm input[type=range],
.spdcForm input[type=search],
.spdcForm input[type=tel],
.spdcForm input[type=text],
.spdcForm input[type=time],
.spdcForm input[type=url],
.spdcForm input[type=week],
.spdcForm input[type=submit],
.spdcForm select {
    height: 44px;
    padding: 10px;
    width: 100%;
}
.spdcForm input[disabled] {
    pointer-events: none;
    opacity: 0.75;
}
.spdcForm-inputText[disabled] {
    color: var(--c-OFFBLACK);
}
.spdcForm textarea {
    line-height: 20px;
    padding: 10px;
    width: 100%;
    resize: none;
}
.spdcForm select {
    cursor: pointer;
    appearance: none;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-image: url("data:image/svg+xml,%3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Form-/-Inputs-/-Select-/-Select:Default' transform='translate(-283.000000, -14.000000)' fill='%23CCCCCC' fill-rule='nonzero'%3E%3Cg id='iconmonstr-arrow-25-copy-6' transform='translate(289.500000, 18.000000) rotate(-270.000000) translate(-289.500000, -18.000000) translate(286.000000, 12.000000)'%3E%3Cpolygon id='Shape' points='0 1.45833333 1.4266 -5.68434189e-14 7 5.83333333 1.4266 11.6666667 0 10.2083333 4.2 5.83333333'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.spdcForm fieldset {
    padding: 0;
    border: none;
    float: none; /* Overriding all the legacy floats */
}
.spdcForm_gHeaderSearch { position: relative; }
.spdcForm-row_2up > * + *,
.spdcForm-row_3up > * + *,
.spdcForm-row + .spdcForm-row {
    margin-top: 20px;
}
.spdcForm-lbl,
.spdcForm label {
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.03em;
}
.spdcForm-row_inline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.spdcForm-inputText {}
.spdcForm-inputText {}
/* Search Style */
.spdcForm-inputSubmit {}
.spdcForm-textArea {}
.spdcForm-select {}
.spdcForm-checkBox {}
.spdcForm-lbl {}
.spdcForm-radio {}
.spdcForm-lbl {}
.spdcForm-msg {
    display: none;
    font: 12px/12px 'Didot','Helvetica Neue',Helvetica,Arial,sans-serif;
    padding: 5px 10px 0;
    font-style: italic;
    /* text-transform: uppercase; */
    color: var(--c-OFFBLACK);
    letter-spacing: 0.035em;
    margin-bottom: -5px;
}
.spdcForm-msg_error {
    color: var(--c-ERROR);
}
.spdcForm-row-item_list > * + * {
    margin-top: 10px;
    padding-left: 5px;
}
.spdcForm-row-item_alignRight { text-align: right; }
.spdcForm-row-item_hasErrors {
    position: relative;
}
.spdcForm.hasRequired { position: relative; }
.spdcForm.hasRequired::before {
    content: '* required fields';
    position: absolute;
    top: -13px;
    right: 0px;
    font: italic 13px/13px var(--f-SERIF);
    color: var(--c-OFFBLACK);
    letter-spacing: .03em;
}
.spdcForm .isRequired > .spdcForm-lbl:after {
    content: '*';
    font-style: italic;
    margin-right: 5px;
}
.spdcForm input[required].error {
    border-bottom-color: var(--c-ERROR);
}
.spdcForm-row-item_hasErrors .spdcForm-inputText,
.spdcForm-row-item_hasErrors .spdcForm-input,
.spdcForm-row-item_hasErrors .spdcForm-textArea,
.spdcForm-row-item_hasErrors .spdcForm-select {
    border-bottom: 1px solid red;
    background-color: #fff4f4;
}
.spdcForm-row-item_hasErrors .spdcForm-msg {
    display: block;
    position: absolute;
}
.mix-spdcForm_successMessage,
.spdcForm.isSuccessSubmit {
    height: 0;
    overflow: hidden;
    position: relative;
}
.spdcForm.isSuccessSubmit + .mix-spdcForm_successMessage {
    height: auto;
}
.mix-recaptchaPos_br .grecaptcha-badge {
    bottom: 100px !important;
    z-index: 2;
}
@media (min-width: 1024px) {
    .spdcForm-row_2up,
    .spdcForm-row_3up {
        display: flex;
        flex-direction : row;
        align-items: flex-end;
    }
    .spdcForm-row_2up > *,
    .spdcForm-row_3up > * {
        box-sizing: border-box;
        margin: 0;
    }

    .spdcForm-row_2up > * {
        width: 50%;
    }

    .spdcForm-row_3up > * {
        width: 33.333367%;
    }

    .spdcForm-row_2up > * + *,
    .spdcForm-row_3up > * + * {
        margin-left: 20px
    }
}
/************************************************************
Quarantine styles extention for Collaterate generated forms
*************************************************************/
.spdcForm_quarantine input,
.spdcForm_quarantine select,
.spdcForm_quarantine textarea,
.spdcForm_quarantine button { margin-bottom: 20px; }
/************************************************************
Password Reset Form Quarantine Styles
*************************************************************/
.spdcForm_pw h3 {
    font: 16px/24px var(--f-SANS);
    color: var(--c-OFFBLACK);
    margin: 0 0 20px 0;
    letter-spacing: 0.03em;
}
.spdcForm_pw input {
    height: 44px;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}
.spdcForm_pw th {
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    letter-spacing: .03em;
    text-align: left;
    padding: 0 !important;
}
.spdcForm_pw td { padding: 0 !important }
.spdcForm_pw a.continueButton {
    display: inline-block;
    font: 14px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .28em;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    border: 2px solid var(--c-BRAND);
    transition: all .2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 0;
    width: 100%;
}
.spdcForm_pw a.continueButton:hover {
    background-color: var(--c-WHITE);
    color: var(--c-BRAND);
    cursor: pointer;
    border-bottom: 2px solid;
}
/****************************************************
    LAYOUT CONTROLLERS
****************************************************/
.layout_contain {
    max-width: 1400px;
    margin: 0 auto;
}
.layout_pageWrap {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}
.layout_padded > * {
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
}
.layout_rule > * { padding: 20px; }
.layoutDoubleColumn {
    display: flex;
    flex-direction: column;
    padding: var(--padding-large);
    gap: 30px;
}
.layoutDoubleColumn-splitForm {
    gap: 20px;
    max-width: 1440px;
    margin: auto;
}
.layoutDoubleColumn-splitForm-hero {
    font-family: var(--f-SANS);
    color: var(--c-BLACK);
    font-style: normal;
}
.layoutDoubleColumn-splitForm-hero-pre {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding-bottom: var(--padding-xsmall);
}
.layoutDoubleColumn-splitForm-hero-title {
    margin: 0;
    padding-bottom: var(--padding-medium);
}
.layoutDoubleColumn-splitForm-hero-cta { margin: var(--padding-medium) 0; }
.layoutDoubleColumn-splitForm-form {
    padding: var(--padding-large);
    border-radius: var(--radius-medium);
    border-radius: var(--radius-radius-medium, 8px);
    border: 1px solid var(--c-OFFWHITE-DARKER);
    background: var(--c-WHITE);
    box-shadow: 0 12px 20px -4px rgba(0, 0, 0, 0.32);
}
.layoutDoubleColumn-splitForm-form-notes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
}
.layoutDoubleColumn-splitForm-form-notes-copy {
    padding: 0;
    margin: 0;
}
@media only screen and (min-width: 768px) {
    .layoutDoubleColumn { padding: var(--padding-xxxlarge) var(--padding-large); }

    .layoutDoubleColumn-splitForm { padding: var(--padding-large); }

    .layoutDoubleColumn-splitForm-form-notes { flex-direction: row; }

    .layoutDoubleColumn-splitForm-form-notes-copy { width: 50%; }

    .layoutDoubleColumn-splitForm-form-notes-copy:last-child { text-align: right; }
}
@media only screen and (min-width: 1024px) {
    .layoutDoubleColumn {
        flex-direction: row;
        padding: var(--padding-xxxxlarge) var(--padding-xxxlarge);
        gap: 20px;
    }

    .layoutDoubleColumn-splitForm { padding: var(--padding-xxxlarge); }

    .layoutDoubleColumn__reverse {
        flex-direction: row-reverse;
    }

    .layoutDoubleColumn--innerContent {
        display: flex;
        justify-content: center;
        height: 100%;
        flex-direction: column;
        padding-right: var(--padding-large);
    }

    .layoutDoubleColumn--innerContent_alignTop { justify-content: start; }

    .layoutDoubleColumn > div { width: calc(50% - 10px); }

    .layoutDoubleColumn-splitForm-form-notes { flex-direction: column; }

    .layoutDoubleColumn-splitForm-form-notes-copy { width: 100%; }

    .layoutDoubleColumn-splitForm-form-notes-copy:last-child { text-align: left; }
}
@media only screen and (min-width: 1480px) { 
    .layoutDoubleColumn { padding: var(--padding-xxxxlarge) 0; } 

    .layoutDoubleColumn-splitForm { padding: var(--padding-xxxlarge); }
}
@media only screen and (min-width: 1080px) {
    .layout { display: flex;  }
    .layout-main { width: 65%; }
    .layout-aside { width: 35%; }
    .layout_padded > * { padding: 20px; }
    .layout_rule > * + * {
        border-left: 1px solid var(--c-OFFBLACK-LIGHTER);
        padding-left: 20px;
    }

    .layout_rule > * { padding-right: 20px; }
}
@media only screen and (min-width: 1280px) {
    .layout-main { width: 70%; }
    .layout-aside { width: 30%; }
}
@media screen and (min-width: 1400px) {

    .layout-main { width: calc(100% - 420px); }

    .layout-aside { width: 420px; }

    .layout-aside_wide { width: 540px; }

    .layoutDoubleColumn-splitForm-form-notes { flex-direction: row; }

    .layoutDoubleColumn-splitForm-form-notes-copy { width: 50%; }
    
    .layoutDoubleColumn-splitForm-form-notes-copy:last-child { text-align: right; }
}
.layout-aside_highlighted { background-color: var(--c-OFFWHITE); }
@media only screen and (min-width: 1080px) {
    .layout-aside_fixed {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        overflow: scroll;
    }
}
@media only screen and (max-width: 768px) {
    .layout-aside {
        display: flex;
        flex-direction: column;
    }
}
.layer_indent,
.layer_indentPlus { padding: calc(var(--spacing)*3) calc(var(--spacing)); }
.layer_tight { padding: 10px; }
.layer_flushRight { padding: calc(var(--spacing)*4) 0 calc(var(--spacing)*4) calc(var(--spacing)*4);  }
.layer_fill { background-color: var(--c-OFFWHITE); }
.layer_fillWhite { background-color: var(--c-WHITE); }
.layer_fillBrand { background-color: var(--c-BRAND); }
.layer_fillInfo { background-color: var(--c-ALERT); }
.layer_fillInfo > * { color: var(--c-ALERT-TXT); }
.layer_pullTop { margin-top: -150px; }
.layer_pushBot { padding-bottom: calc(var(--spacing)*15); }
.layer_pushVertical { margin: calc(var(--spacing)*10) 0; }
.layer_pushBotShort { margin-bottom: calc(var(--spacing)*2); }
.layer_pushTop { margin-top: calc(var(--spacing)*5); }
.layer_pushHorizontal { margin: 0 calc(var(--spacing)*2); }
.layer_pushBot + .layer_pullTop > * { position: relative; }
.layer_flushTop { padding-top: 0 !important; margin-top: 0 !important; }
.layer-hd { padding: 20px }
.layer-innerNarrow,
.layer-innerWide { margin: 0 auto; }
.layer-innerAside {
    padding: 40px;
    background-color: var(--c-WHITE);
}
@media (min-width: 480px) {
    .layer_indent { padding: calc(var(--spacing)*4); }
    .layer_indentVertical { padding: calc(var(--spacing)*5) 0 }
    .layer_indentMed { padding: calc(var(--spacing)*5) }
    .layer_indentPlus { padding: calc(var(--spacing)*5) }
    .layer_pushLeft { margin-left: calc(var(--spacing)*10); }
    .layer_pushHorizontal { margin: 0 calc(var(--spacing)*5); }
}
@media (min-width: 1024px) {
    .layer_pullNoneThenTop { margin-top: -150px; }
    .layer_pushBot  { padding-bottom: calc(var(--spacing)*20); }
    .layer_pushHorizontal { margin: 0 calc(var(--spacing)*10); }
    .layer_pushVertical { margin: calc(var(--spacing)*15) 0; }
    .layer_pushLeftPlus { margin-left: 15%; }
    .layer-hd { padding: 40px 0 20px 0 }
    .layer-innerAside {
        max-width: 570px;
        box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
    }

}
@media (min-width: 1200px) {
    .layer_indentPlus { padding: calc(var(--spacing)*10) }
    .layer-innerNarrow { max-width: 960px; }
    .layer-innerWide { max-width: 80%; }
}
@media (min-width: 1400px) {
    .layer_indentVertical { padding: calc(var(--spacing)*10) 0 }
    .layer_indentMed { padding: calc(var(--spacing)*10) }
    .layer_indentPlus { padding: calc(var(--spacing)*20) }
    .layer_pushBot  { padding-bottom: calc(var(--spacing)*22); }
    .layer_pushHorizontal { margin: 0; }
}
.blocks {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.blocks_center { justify-content: center; }
.blocks > * {
    display: flex;
    justify-content: center;
    width: 100%;
}
.blocks_gutters { margin: -1%; }
.blocks_gutters > * {
    box-sizing: border-box;
    margin: 1%;
}
.blocks_spread { justify-content: space-between; }
.blocks_spread > * { width: inherit; }
.blocks_flush > * { justify-content: space-between; }
.blocks_2upThen3up > *,
.blocks_2upThen3up_med > *,
.blocks_2upThen4up_med > * { width: 50%; }
.blocks_gutters.blocks_2upThen4up_med > * { width: 48%; }
.blocks_3upThen6up > * { width: 33.333367%; }
.blocks_alignOuter > * { justify-content: flex-start; }
.blocks_alignOuter > *:last-child { justify-content: flex-end; }
@media (min-width: 480px) {
    .blocks_2up > *,
    .blocks_2upThen3up_med > * { width: 50%; }

    .blocks_3up > *,
    .blocks_2upThen3up > * { width: 33.333367%; }

    .blocks_4up > * { width: 25%; }
    .blocks_5up > * {
        width: 20%;
        min-width: 180px;
     }
    .blocks_6up > * { width: 16.666667%; }
}
@media (min-width: 1024px) {
    .blocks_2upThen3up_med > * { width: 33.333367%; }

    .blocks_2upThen4up_med > *,
    .blocks_1up_medThen4up > * { width: 25%; }

    .blocks_gutters.blocks_2upThen4up_med > * { width: 23%; }

    .blocks_3upThen6up > * { width: 16.666667%; }
}
.pageHead {
    border-bottom: solid 1px #f7f7f7;
    text-align: right;
    padding: 30px;
}
@media only screen and (max-width: 700px) {
    .theme-salesEstimate .pageHead > .hList > * {
        display: block;
    }
}
@media only screen and (max-width: 420px) {
    .theme-salesEstimate .pageHead {
        padding: 10px 30px 10px 60px;
    }
}
.pageContent {
    padding: 20px;
}
.pageContent-hd {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pageContent-hd-info {
    /* width: 50%; */
    order: 2;
}
.pageContent-hd-actions {
    /* width: 50%; */
    min-width: 15%;
    text-align: right;
}
@media only screen and (max-width: 580px) {
    .pageContent-hd-actions {
        text-align: left;
        margin-bottom: 20px;
    }
    .pageContent-hd-actions > .hList > li > a.link {
        font-size: 0;
    }
    .pageContent-hd-actions > .hList > li > a.link:before {
        font-size: 36px;
        color: #007AC9;
    }

    .pageContent-hd-actions > .hList > li > a.link_iconPrint:before {
        font-size: 27px; /* 75% of size */
        color: #007AC9;
    }
    .pageContent-hd-actions > .hList > li + li {
        margin-left: 20px;
    }
}
.pageContent-preamble,
.pageContent-bd {
    margin-top: 30px;
}
@media only screen and (min-width: 768px) {

    .pageContent {
        padding: 40px;
    }
    .pageContent_indent {
        max-width: 90%;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1200px) {
    .pageContent-hd {
        flex-direction: row;
    }
    .pageContent-hd-info {
        order: unset;
    }
}
#mainContent {
    max-width: var(--MAX-WIDTH);
    margin: auto;
}
.vr > * + * { margin-top: 30px; }
.vr_tight > * + * { margin-top: 15px; }
.vr .bdcpy + .bdcpy { margin-top: 15px; }
.carousel {
    position: relative;
    display: flex;
    align-self: stretch;
    width: 100%;
}
.carousel > *:first-child > * {
    display: flex;
    flex-direction: row;
    align-self: stretch;
    height: 100%;
    width: 100%;
}
.carousel > *:first-child {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    width: 100%;
}
.mix-carousel_bordered { border: 1px solid var(--c-OFFBLACK-LIGHTER) }
.carousel_testimonials {
    max-height: 800px;
    overflow: hidden;
}
.carousel_viewFiles .carousel-slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
    box-sizing: border-box;
}
.carousel-nav {
    position: absolute;
    width: 120px;
    height: 60px;
    z-index: 1;
    right: 10px;
    top: 10px;
    margin-bottom: 2px;
    box-shadow: 0 2px 4px rgba(171,171,171,.5);
}
.carousel-nav_alt {
    position: absolute;
    top: calc(50% - 30px);
    right: 0;
    width: 100%;
    box-shadow: none;
}
.carousel-nav_alt .carousel-nav-next,
.carousel-nav_alt .carousel-nav-prev {
    background: transparent;
    border: none;
}
.carousel-nav_alt .carousel-nav-prev:before,
.carousel-nav_alt .carousel-nav-next:before { color: var(--c-BRAND); }
.carousel-nav-next,
.carousel-nav-prev {
    background: var(--c-BRAND);
    position: absolute;
    height: 60px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.carousel-nav-next {
    border-left: 1px solid var(--c-OFFBLACK-LIGHTER);
    z-index: 1;
}
.carousel-nav-next:before,
.carousel-nav-prev:before {
    content: '';
    font-family: var(--f-ICONS);
    color: var(--c-WHITE);
    font-size: 48px;
}
.carousel-nav-next:before { content: '\f3d3'; }
.carousel-nav-prev:before { content: '\f3d2'; }
.carousel-nav-next { right: 0; }
.carousel-nav-prev { left: 0; }
.carousel-nav-next:hover,
.carousel-nav-prev:hover { background-color: var(--c-WHITE); }
.carousel-nav-next:hover::before,
.carousel-nav-prev:hover::before { color: var(--c-BRAND); }
@media screen and (max-width: 1024px) {

    .carousel-dots {
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 50px; /* Fallback for the IEs of the world */
        height: fit-content;
        margin: auto;
        padding: 20px 0;
    }

    @-moz-document url-prefix() { /* Firefox helper. Overwirting and setting explicit height for vertical alignment*/
        .carousel-dots  { height: 50px; }
    }

    .carousel-dots-item {
        height: 10px;
        width: 10px;
        background: var(--c-OFFBLACK);
        border-radius: 50%;
        position: relative;
    }

    .carousel-dots-item img { display: none; }

    .carousel-dots-item:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: -4px;
        left: -4px;
        bottom: 0;
        margin: auto;
        height: 14px;
        width: 14px;
        background: transparent;
        border-radius: 50%;
        border: 1px solid transparent;
        transform: scale(.5);
        transform-origin: center center;
        transition: all 0.5s ease-in-out;
    }

    .carousel-dots-item.isCurrent:before {
        transform: scale(1);
        border: 1px solid var(--c-OFFBLACK);
    }

    .carousel-dots-item + .carousel-dots-item { margin-left: 10px; }

    .carousel-dots-item:hover {
        background-color: var(--c-BRAND);
        cursor: pointer;
    }
}
.carousel-numbers {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
    font: 14px/14px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: var(--c-OFFBLACK);
    box-sizing: border-box;
}
.carousel-numbers-total:before {
    content: '/';
}
.carousel-slide { position: relative; }
.carousel-slide-container {
    height: 100%;
    width: 100%;
    background: #f7f7f7;
}
.carousel-slide-container-inner {
    width: auto;
    max-width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 60px;
}
.carousel-slide picture,
.carousel-slide-video {
    aspect-ratio: 1 / 1;
    display: flex;
    height: 100%;
    width: 100%;
}
.carousel-slide { height: 100%; }
.carousel-slide img { object-fit: cover; }
@media screen and (min-width: 1024px) {
    .carousel-dots {
        display: block;
        position: absolute;
        width: 60px;
        top: 0;
        right: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .carousel-dots-item { position: relative; }

    .carousel-dots-item img { display: block; }

    .carousel-dots-item.isCurrent {
        border: 1px solid #007ac9;
        opacity: 1;
    }

    .carousel-dots-item {
        width: auto;
        height: auto;
        border: 1px solid #cfcfcf;
        background-color: transparent;
        border-radius: 0;
        opacity: 0.75;
        margin: 0;
        transition: none;
    }

    .carousel-dots-item + .carousel-dots-item { margin-left: 0; }

}
/****************************************************
    COMPONENTS
****************************************************/
/* .smartpress-ai-button { display: none; } */
#___ratingbadge_0 { z-index: 9999 !important;}
.aiBtnWrapper {
    position: fixed;
    z-index: 1;
    border-radius: 32px !important;
    bottom: 20px;
    left: 50%;
    transform-origin: center;
    transform: translateX(-50%);
    cursor: pointer !important;
    appearance: none;
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
    color: white !important;
    text-transform: uppercase !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);;
}
@media (hover: hover) {
    #smartpress-ai-footer-button.aiBtnWrapper:hover {
        transform: translateX(-50%) scale(1.05);
    }
}
.aiBtnDecorator {
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background-image: linear-gradient(to right, rgba(255, 0, 255, 1), rgba(42, 217, 217, 1));
    -webkit-mask:
        linear-gradient(white 0 0) content-box,
        linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclue;
    pointer-events: none;
}
.aiBtnBuffer {
    padding: 4px;
    position: relative;
}
.aiBtnInnerWrapper {
    border-radius: 28px;
    padding: 2px;
    overflow: hidden;
    background-image: linear-gradient(to right, rgba(42, 217, 217, 1), rgba(255, 0, 255, 1));
}
.aiBtnFlexWrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 8px 20px;
}
.aiBtnIcon {
    width: 16.54px;
    height: 16.54px;
    box-sizing: border-box;
    flex-shrink: 0;
}
.aiBtnLabel {
    font-family: 'urw-din';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.68px;
}
@media screen and (max-width: 610px) {
    #smartpress-ai-footer-button.aiBtnWrapper {
        bottom: 12px;
    }
    #smartpress-ai-footer-button .aiBtnInnerWrapper {
        padding: 0;
        border-radius: 50%;
    }
    #smartpress-ai-footer-button .aiBtnFlexWrapper { padding: 20px; }
    #smartpress-ai-footer-button .aiBtnLabel { display: none;}
}
.advOptsContainer-trigger > div {
    font-family: 'din-2014';
    color: #007AC9;
    font-size: 12px;
    text-transform: uppercase;
    background-color: white;
    margin: 0 auto;
    padding: 0px 10px;
    cursor: pointer;
}
.advOptsContainer-trigger:before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 20px);
    background: #e5e5e5;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
.advOptsContainer { display: block; }
.advOptsContainer-trigger {
    position: relative;
    display: flex;
    margin-bottom: 10px;
}
.advOptsContainer-trigger > div:after {
    content: '';
    margin-left: 5px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="12" viewBox="0 0 21 12" fill="none"><path d="M19.312 0L20.5 1.313L10.5 12.001L0.5 1.313L1.688 0L10.501 9.375L19.312 0Z" fill="%23007AC9"/></svg>');
    width: 18px;
    height: 10px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.5s ease-in-out;
}
.advOptsContainer-target {
    display: flex;
    flex-flow: wrap;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.25s ease-in;
}
.advOptsContainer-trigger.isOpen + .advOptsContainer-target {
    height: 100%;
    opacity: 1;
}
.advOptsContainer-trigger.isOpen > div:after {
    transform: rotatex(180deg);
}
.card {
    padding: calc(var(--spacing)*2);
}
.card_alignCenter { text-align: center; }
.card_centered { margin: 0 auto; }
.card > * + .card-content { margin-top: calc(var(--spacing)*2); }
.card-inlineIcon {
    display: inline-block;
    width: 52px;
    height: 52px;
    padding: 20px;
    background: var(--c-WHITE);
    border-radius: 50%;
}
[class^="card-icon"]::before {
    content: '';
    font: 48px/1 var(--f-ICONS);
    color: var(--c-BLACK);
}
.mix-card-icon_cBrand::before { color: var(--c-BRAND); }
.card-iconPrintExperts::before { content: '\e903'; }
.card-iconDedicatedService::before { content: '\e902'; }
.card-iconExpertConsultation::before { content: '\f3f9'; }
.card-iconDesignFlexibility::before { content: '\f4a7'; }
.card-iconFullSuite::before { content: '\f44f'; }
.card-iconProfessionalFeatures::before { content: '\f3fe'; }
.card-iconDirectMail::before { content: '\e908' };
.card-iconCropTool::before { content: '\f41e' };
.card-iconTemplate::before { content: '\e916' };
.card-iconSRBadgeInner::before { content: '\e911'; }
.card-iconTrifold::before { content: '\e033'; }
.card-iconPaperOutline::before { content: '\f471'; }
.card-iconProducts::before { content: '\e90f'; }
.card-iconEmail::before { content: '\f422'; }
.card-iconPhone::before { content: '\f4b8'; }
.card-iconComputer { padding: 3px 0; }
.card-iconComputer::before {
    content: '\e904';
    font-size: 42px;
}
.card-icon_cirle {
    background: var(--c-OFFWHITE);
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.card-icon_cirle:before {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: var(--c-BRAND);
}
[class^="card-pictoGram"] {
    height: 80px;
    width: 80px;
    display: block;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}
.card-pictoGramTornForm { background-image: url('data:image/svg+xml,<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M51.8768 33.3634H57.7968V14.149H38.5824V20.069C38.5824 27.4114 44.5344 33.3634 51.8768 33.3634Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M54.1872 40.381H25.8832" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M54.1872 53.6562H25.8832" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M54.1872 47.0194H25.8832" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M21.816 68.3154L27.88 62.2514L33.944 68.3154H33.9376L40.0016 62.2514L46.064 68.3154H46.0576L52.1216 62.2514L58.1856 68.3154L58.1584 68.3218V13.9762H21.8144V68.3218L21.816 68.3154Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M57.7968 17.9154H38.5824" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M57.7968 21.7522H39.2192" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M57.7968 25.5906H40.3488" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M57.7968 29.4274H42.8736" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/></svg>'); }
.card-pictoGramShipping { background-image: url('data:image/svg+xml,<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3555_78236)"><path d="M18.009 27.8946H10.5194" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.009 33.005H2.32104" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.009 38.0306H7.08423" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linecap="round" stroke-linejoin="round"/><path d="M50.2314 55.133H55.0554V28.509C55.0554 25.8434 52.8954 23.6834 50.2298 23.6834H30.073V33.373C30.0714 45.3906 38.2138 55.133 50.2314 55.133Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M55.0554 28.6946H30.0714" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M55.0554 33.9362H31.1146" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M55.0554 39.1794H31.2794" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M55.0554 49.6658H37.0938" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M55.0554 44.4226H32.3818" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M66.9786 63.029C69.6066 63.029 71.737 60.8986 71.737 58.2706C71.737 55.6426 69.6066 53.5122 66.9786 53.5122C64.3506 53.5122 62.2202 55.6426 62.2202 58.2706C62.2202 60.8986 64.3506 63.029 66.9786 63.029Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M31.6586 63.029C34.2866 63.029 36.417 60.8986 36.417 58.2706C36.417 55.6426 34.2866 53.5122 31.6586 53.5122C29.0306 53.5122 26.9002 55.6426 26.9002 58.2706C26.9002 60.8986 29.0306 63.029 31.6586 63.029Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M54.9402 55.133V28.1106C54.9402 25.6658 52.9578 23.6834 50.513 23.6834H18.3386V55.3986H27.6122" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M59.6506 35.0786H64.361L72.529 43.245H59.6506V35.0786Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M54.9402 55.133H62.9866" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M70.9034 55.133H77.1066C78.161 55.133 79.0154 54.2786 79.0154 53.2242V45.0306C79.0154 44.085 78.6618 43.1746 78.025 42.477L68.105 31.6034C67.3866 30.8162 66.3706 30.3682 65.305 30.3682H54.9402V55.1346H35.2346" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/></g><defs><clipPath id="clip0_3555_78236"><rect width="80" height="80" fill="white" transform="translate(0.666626 0.571411)"/></clipPath></defs></svg>'); }
.card-pictoGramAccountRep { background-image: url('data:image/svg+xml,<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.8933 43.1794H48.6133" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M34.8933 36.6354H76.3333" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M34.8933 49.9074H47.8053" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M34.8933 56.8034H51.1573" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M34.8933 63.5234H43.6373" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M55.9893 56.2274C60.7434 56.2274 64.5973 52.3735 64.5973 47.6194C64.5973 42.8653 60.7434 39.0114 55.9893 39.0114C51.2353 39.0114 47.3813 42.8653 47.3813 47.6194C47.3813 52.3735 51.2353 56.2274 55.9893 56.2274Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M41.9813 70.2434C41.9813 62.5074 48.2533 56.2274 55.9973 56.2274C63.7413 56.2274 70.0133 62.4994 70.0133 70.2434" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M17.1974 60.8034C20.8557 60.8034 23.8214 57.8377 23.8214 54.1794C23.8214 50.5211 20.8557 47.5554 17.1974 47.5554C13.539 47.5554 10.5734 50.5211 10.5734 54.1794C10.5734 57.8377 13.539 60.8034 17.1974 60.8034Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M6.41333 71.5794C6.41333 65.6274 11.2373 60.8034 17.1893 60.8034C23.1413 60.8034 27.9653 65.6274 27.9653 71.5794" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M26.7734 38.0834L20.7734 44.0834C20.4694 44.3874 19.9414 44.1714 19.9414 43.7394V37.9474V37.9394H4.82137C4.54937 37.9394 4.33337 37.7234 4.33337 37.4514V17.3074C4.33337 17.0354 4.54937 16.8194 4.82137 16.8194H33.9974C34.2694 16.8194 34.4854 17.0354 34.4854 17.3074V37.4514C34.4854 37.7234 34.2694 37.9394 33.9974 37.9394H27.1254C26.9894 37.9394 26.8694 37.9874 26.7734 38.0834Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M49.2134 30.4274L43.2134 36.4274C42.9094 36.7314 42.3814 36.5154 42.3814 36.0834V30.2914V30.2834H27.2614C26.9894 30.2834 26.7734 30.0674 26.7734 29.7954V9.65142C26.7734 9.37942 26.9894 9.16342 27.2614 9.16342H56.4374C56.7094 9.16342 56.9254 9.37942 56.9254 9.65142V29.7954C56.9254 30.0674 56.7094 30.2834 56.4374 30.2834H49.5654C49.4294 30.2834 49.3014 30.3314 49.2134 30.4274Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M34.4854 37.3234V70.0034C34.4854 70.2674 34.7014 70.4834 34.9654 70.4834H75.8534C76.1174 70.4834 76.3334 70.2674 76.3334 70.0034V30.7554C76.3334 30.4914 76.1174 30.2754 75.8534 30.2754H56.4294" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M68.5254 63.5234H76.3334" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M60.7013 56.8034H76.3333" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M62.8854 43.1794H76.3334" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M64.0054 49.9074H76.3334" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/></svg>'); }
.card-pictoGramRocket { background-image: url('data:image/svg+xml,<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M47.5936 36.5842V39.2994H29.888V24.333H35.344C42.1088 24.3346 47.5936 29.8194 47.5936 36.5842Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M38.7408 20.5762C40.2209 20.5762 41.4208 19.3764 41.4208 17.8962C41.4208 16.4161 40.2209 15.2162 38.7408 15.2162C37.2607 15.2162 36.0608 16.4161 36.0608 17.8962C36.0608 19.3764 37.2607 20.5762 38.7408 20.5762Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M29.888 39.2962H47.5936V24.2562C47.5936 18.2834 44.9984 12.6034 40.4816 8.69463L38.7408 7.18903L37 8.69463C32.4832 12.6034 29.888 18.2818 29.888 24.2562V39.2962Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M29.888 44.709V30.381C25.0688 30.381 21.1616 34.2882 21.1616 39.1074V48.213L29.888 44.709Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M47.5936 44.709V30.381C52.4128 30.381 56.32 34.2882 56.32 39.1074V48.213L47.5936 44.709Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M38.5152 44.4322L30.7184 44.5426C26.9552 47.501 26.2608 50.333 26.168 53.1394C26.3648 56.9058 27.9216 60.1746 30.224 63.1698C30.5312 60.5698 32.064 58.461 34.3856 58.461C35.6144 58.461 38.9904 59.205 36.88 64.7426C34.7696 70.2802 38.9808 73.8146 43.2624 73.8146C46.6384 73.8146 48.3344 71.6914 49.4336 70.5442C47.3328 70.5442 45.7616 69.437 45.7616 66.8066C45.7616 63.4242 49.8736 58.0626 50.0784 51.3458C49.8896 48.5794 48.8736 46.253 47.1408 44.3106L38.5152 44.4322Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M34.2912 38.8786V24.4994" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M38.744 38.8786V25.541" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M43.1968 38.8786V27.8658" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/></svg>'); }
.card-pictoGramCustomization { background-image: url('data:image/svg+xml,<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.3754 66.6178H12.9786C12.9066 66.6178 12.8474 66.5586 12.8474 66.4866V48.7346C12.8474 48.6626 12.9066 48.6034 12.9786 48.6034H38.3754C38.4474 48.6034 38.5066 48.6626 38.5066 48.7346V66.4866C38.5082 66.5586 38.449 66.6178 38.3754 66.6178Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M53.8122 66.6178H67.0202V13.757H26.9082V30.7682" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M37.7018 66.6178H54.1786V30.6802H19.5674V48.6322" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10" stroke-linejoin="round"/><path d="M59.9211 25.973H67.0203V14.1874C67.0203 13.9506 66.8283 13.757 66.5899 13.757H51.4683V17.5202C51.4699 22.1874 55.2539 25.973 59.9211 25.973Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M67.0202 17.917H51.8746" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M67.0202 21.8114H52.4314" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M32.1994 60.8194H38.5082V48.7362C38.5082 48.6626 38.449 48.6034 38.3754 48.6034H23.7482V52.3666C23.7466 57.0338 27.5306 60.8194 32.1994 60.8194Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M38.5082 52.7634H24.153" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M38.5082 56.6578H24.7098" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M47.841 42.9554H54.1498V30.8722C54.1498 30.7986 54.0906 30.7394 54.017 30.7394H39.3898V34.5026C39.3882 39.1698 43.1722 42.9554 47.841 42.9554Z" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M54.1482 34.8994H39.793" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/><path d="M54.1482 38.7938H40.3514" stroke="%23007AC9" stroke-width="2.4" stroke-miterlimit="10"/></svg>'); }
.card-pictoGramSave { background-image: url('data:image/svg+xml,<svg width="81" height="81" viewBox="0 0 81 81" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.8645 48.421H48.9525C50.4805 48.421 51.7189 49.6594 51.7189 51.1874V52.8498H45.1813C46.3381 52.8498 32.1541 52.7522 32.1541 52.7522C29.0005 52.7266 26.4565 50.1618 26.4565 47.0082V37.6242V26.9842H53.3365C53.3365 29.3778 51.3973 31.317 49.0037 31.317H40.9925C38.2709 31.317 36.0645 33.5234 36.0645 36.245V43.4946C36.0645 46.2162 38.2709 48.4226 40.9925 48.4226H41.8645V48.421Z" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M26.455 26.9842V8.3522H28.1174C29.6454 8.3522 30.8838 9.5906 30.8838 11.1186V19.9058" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M26.455 26.9842L39.1782 8.28021L40.5558 9.20981C41.823 10.0642 42.1574 11.7842 41.303 13.0514L35.055 22.3346" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M27.9109 26.8994L49.5845 13.0386L50.4837 14.437C51.3109 15.7218 50.9397 17.4338 49.6549 18.261L35.9253 26.9842" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="10" stroke-linecap="round"/><path d="M51.4437 47.9778C55.7869 47.9778 59.3077 44.4569 59.3077 40.1138C59.3077 35.7706 55.7869 32.2498 51.4437 32.2498C47.1005 32.2498 43.5797 35.7706 43.5797 40.1138C43.5797 44.4569 47.1005 47.9778 51.4437 47.9778Z" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="10"/><path d="M51.2489 45.8514V34.6514H51.9778V45.8514H51.2489ZM53.7023 38.0114C53.6489 37.568 53.4326 37.2239 53.0534 36.9789C52.6741 36.7339 52.2089 36.6114 51.6578 36.6114C51.2549 36.6114 50.9023 36.6755 50.6 36.8039C50.3008 36.9322 50.0667 37.1087 49.8978 37.3332C49.7319 37.5578 49.6489 37.813 49.6489 38.0989C49.6489 38.338 49.7067 38.5437 49.8223 38.7157C49.9408 38.8849 50.0919 39.0264 50.2756 39.1401C50.4593 39.251 50.6519 39.3428 50.8534 39.4157C51.0549 39.4857 51.24 39.5426 51.4089 39.5864L52.3334 39.8314C52.5704 39.8926 52.8341 39.9772 53.1245 40.0851C53.4178 40.193 53.6978 40.3403 53.9645 40.527C54.2341 40.7107 54.4563 40.947 54.6312 41.2357C54.806 41.5245 54.8934 41.8789 54.8934 42.2989C54.8934 42.783 54.7645 43.2205 54.5067 43.6114C54.2519 44.0022 53.8786 44.3128 53.3867 44.5432C52.8978 44.7737 52.3037 44.8889 51.6045 44.8889C50.9526 44.8889 50.3882 44.7853 49.9112 44.5782C49.4371 44.3712 49.0637 44.0824 48.7912 43.712C48.5215 43.3416 48.3689 42.9114 48.3334 42.4214H49.4712C49.5008 42.7597 49.6163 43.0397 49.8178 43.2614C50.0223 43.4801 50.28 43.6435 50.5912 43.7514C50.9052 43.8564 51.243 43.9089 51.6045 43.9089C52.0252 43.9089 52.403 43.8418 52.7378 43.7076C53.0726 43.5705 53.3378 43.381 53.5334 43.1389C53.7289 42.8939 53.8267 42.608 53.8267 42.2814C53.8267 41.9839 53.7423 41.7418 53.5734 41.5551C53.4045 41.3685 53.1823 41.2168 52.9067 41.1001C52.6312 40.9835 52.3334 40.8814 52.0134 40.7939L50.8934 40.4789C50.1823 40.2776 49.6193 39.9903 49.2045 39.617C48.7897 39.2437 48.5823 38.7551 48.5823 38.1514C48.5823 37.6497 48.72 37.2122 48.9956 36.8389C49.2741 36.4626 49.6474 36.171 50.1156 35.9639C50.5867 35.7539 51.1126 35.6489 51.6934 35.6489C52.28 35.6489 52.8015 35.7524 53.2578 35.9595C53.7141 36.1637 54.0756 36.4437 54.3423 36.7995C54.6119 37.1553 54.7541 37.5593 54.7689 38.0114H53.7023Z" fill="%230071CE"/><path d="M30.2213 53.0802V72.2946" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M34.0597 53.0802V71.6578" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M37.8966 53.0802V70.5282" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M41.7334 53.0802V68.0034" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/><path d="M45.6711 58.8114V52.8914H26.4567V72.1058H32.3767C39.7191 72.1058 45.6711 66.1538 45.6711 58.8114Z" stroke="%230071CE" stroke-width="2.4" stroke-miterlimit="20" stroke-linejoin="round"/></svg>'); }
@media screen and (min-width: 1024px) {
    .card_narrow { max-width: 50%; }
}
.chip {
    background-color: var(--c-COPPER-LIGHTER);
    margin-top: 5px;
    padding: 7px 14px;
    border-radius: 6px;
    font-family: var(--f-SANS);
    font-weight: 300;
    font-size: 14px;
}
.chip strong { font-weight: 600; }
.chip-link {
    color: var(--c-BRAND);
    text-decoration: underline;
    cursor: pointer;
}
.chip-link:hover,
.chip-link:focus { text-decoration: none; }
fieldset.customInputContainer {
    margin: 0;
    padding: 0;
    border: none;
}
.customInputContainer > input[type=checkbox] {
    display: none;
}
.customInputContainer > input[type=checkbox] + label {
    box-sizing: border-box;
    display: block;
    height: 25px;
    width: 25px;
    border-radius: 2px;
    border: 2px solid #007AC9;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.customInputContainer > input[type=checkbox]:checked + label:after {
    content:"\f3fd"; /* ion-ios-checkmark-empty */
    font-family: 'Icomoon';
    font-style: normal;
    color: #007AC9;
    font-size: 36px;
    position: absolute;
    left: 3px;
}
@media only screen and (min-width: 1280px) {
    .customInputContainer > input[type=checkbox] + label {
        margin: 0 auto;
    }
}
.customQuoteTable {
    border-collapse: separate;
    border-spacing: 0 20px;
    width: 100%;
}
.customQuoteTable > thead {
    background-color: #F4F4F4;
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid #F4F4F4;
}
/* TODO: Remove after markup update */
.customQuoteTable > thead tr > td,
.customQuoteTable > thead tr > th {
    padding: 10px;
}
.customQuoteTable td {
    width: 10%; /* 15% */
    text-align: center;
}
.customQuoteTable > tbody > tr::after {
    content: '';
    border-bottom: 40px solid transparent;
}
.customQuoteTable > tbody > tr {
    border: 2px solid transparent;
    box-shadow: 0 0 4px 0 rgba(181,181,181,0.5);
    transition: box-shadow 0.3s ease-in-out;
}
.customQuoteTable > tbody > tr:hover,
.customQuoteTable > tbody > tr.isSelected {
    /* border: 2px solid #007AC9; */
    box-shadow: 0 0 0 2px #007AC9;
    cursor: pointer;
}
.customQuoteTable tbody tr > td:nth-child(2) {
    width: 60%; /* 40% */
    font-size: 10px;
}
.customQuoteTable tbody tr > td:nth-child(2) > * + * {
    display: inline-block;
    margin-top: 10px;
}
.customQuoteTable tbody tr > td:first-of-type {
    border-right: 1px solid #f7f7f7;
}
.customQuoteTable thead tr > th:nth-child(2),
.customQuoteTable thead tr > td:nth-child(2), /* TODO: Remove when markup is updated */
.customQuoteTable tbody tr > td:nth-child(2) {
    text-align: left;
}
.customQuoteTable thead tr > th:nth-child(2) {
    padding-left: 30px;
}
.customQuoteTable tbody tr > td:nth-child(2) > a.link {
    display: block;
    width: max-content;
}
.customQuoteTable tbody td {
    font: 15px/20px var(--f-SANS);
    font-weight: 400;
    color: #666666;
    padding: 20px 30px;
}
.customQuoteTable .mix-bdcpy_pre > .itemDetail {
    display: block;
    white-space: normal;
    margin-top: -10px; /* Offsetting first element's line break spacing */
    margin-bottom: 10px;
    pointer-events: none;
}
@media only screen and (max-width: 1280px) {

    /* table.customQuoteTable,  */
    .customQuoteTable > tbody,
    .customQuoteTable > tbody > tr
    { display: block; }

    .customQuoteTable thead {
        opacity: 0;
        height: 0;
        position: absolute;
        left: -9999px;
    }
    .customQuoteTable > tbody > tr > td {
        display: inline-block;
        box-sizing: border-box;
    }

    .customQuoteTable > tbody > tr {
        font-size: 0;
        margin-bottom: 2%
    }

    .customQuoteTable > tbody > tr > td:nth-child(-n+2) {
        width: 100%;
    }

    .customQuoteTable > tbody > tr > td:nth-child(n+3) {
        background-color: #f7f7f7;
        /* margin: -1px; */
        font: 12px/12px var(--f-SANS);
        font-weight: 300;
        color: #333333;
        padding: 20px 10px;
    }

    .customQuoteTable > tbody > tr > td:nth-child(3) { width: 25%; }
    .customQuoteTable > tbody > tr > td:nth-child(4) { width: 35%; }
    .customQuoteTable > tbody > tr > td:nth-child(5) { width: 40%; }

    .customQuoteTable > tbody > tr > td:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #f7f7f7;
    }

    .customQuoteTable > tbody > tr > td:nth-child(n+3):before {
        content: '';
        font: 12px/12px var(--f-SANS);
        font-weight: 400;
        text-transform: uppercase;
        color: #666666;
        margin-right: 5px;
    }

    .customQuoteTable > tbody > tr > td:nth-child(3):before { content: 'QTY:'; }
    .customQuoteTable > tbody > tr > td:nth-child(4):before { content: 'UNIT PRICE:'; }
    .customQuoteTable > tbody > tr > td:nth-child(5):before { content: 'SUBTOTAL:'; }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {

    .customQuoteTable > tbody {
        margin-left: -2%; /* Shimming left to offest left margins on trs */
        display: flex;
        flex-wrap: wrap;
    }

    .customQuoteTable > tbody > tr {
        width: 48%;
        margin-bottom: 2%;
        margin-left: 2%;
        border: 0;
        padding-bottom: 50px; /* Adding padding for positioned bottom tds */
        position: relative;
    }

    .customQuoteTable > tbody > tr > td:nth-child(n+3) {
        position: absolute;
        bottom: 0;
        left: 0;
        white-space: nowrap;
    }
    .customQuoteTable > tbody > tr > td:nth-child(4) { left: 25%; }
    .customQuoteTable > tbody > tr > td:nth-child(5) { left: 60%; }

}
.fixedDialog {
    height: 0;
    width: 0;
    left: -9999px;
    overflow: hidden;
}
.fixedDialog.isActive,
.theme-salesEstimate .fixedDialog {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    overflow: scroll;
    padding-bottom: 40px;
}
.fixedDialog-content {
    margin: 0 auto;
    margin-top: 15%;
    text-align: left;
}
.fixedDialog-content-hd {
    margin-bottom: 40px;
}
.fixedDialog-content-inputs { margin-bottom: 60px; }
.fixedDialog_customQuote .fixedDialog-content-inputs:before {
    content: 'Details';
    display: block;
    text-align: left;
    text-transform: uppercase;
    color: #cccccc;
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    letter-spacing: 0.091em;
}
.fixedDialog_customQuote >.fixedDialog-content[ng-if="vm.requestingRequote"] .fixedDialog-content-inputs:before {
    content: 'Requote Details';
}
.fixedDialog_customQuote >.fixedDialog-content[ng-if="vm.decliningQuote"] .fixedDialog-content-inputs:before {
    content: 'Decline Details';
}
.fixedDialog-content-inputs > textarea {
    width: 100% ;
    height: 100px;
    margin-bottom: 40px;
    text-align: left;
    border: none;
    border-bottom: 2px solid #cccccc;
    box-shadow: none;
    resize: none;
    font:  14px/18px 'Didot', Georgia, serif;
    color: #333333;
    letter-spacing: 0.0075em;
    padding: 10px 0;
}
.fixedDialog-content-inputs > textarea::placeholder {
    font-style: italic;
    font-weight: normal;
    color: #cccccc;
    font-size: 16px;
}
.fixedDialog-content-inputs > textarea:focus {
    border-bottom-color: #007AC9;
}
.fixedDialog-content-inputs > a,
.fixedDialog-content-inputs > button {
    display: inline-block;
    vertical-align: middle;
}
.fixedDialog-content-inputs > a:before {
    content: 'X';
    margin-right: 10px;
    font-family: sans-serif;
    font-style: normal;
    font-size: 13px;
}
.fixedDialog-content-inputs > a:after {
    content: '\f2d7'; /* ion-android-close */
    font-family: 'Icomoon';
    font-style: normal;
    font-size: 50px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    position: fixed;
    top: 15px;
    right: 15px;
    height: 40px;
    width: 40px;
}
.fixedDialog-content-inputs > button {
    max-width: 250px;
    min-height: 44px;
    text-align: left;
    margin-left: 20px;
    padding: 0 20px;
}
@media only screen and (min-width: 500px) {
    .fixedDialog-content {
        width: 50%;
    }
    .fixedDialog-content-hd { white-space: nowrap; }
    .fixedDialog-content-ft { text-align: left; }
}
@media only screen and (min-width: 768px) {
    .fixedDialog-content { width: 30%; }
}
.messageBox {
    background-color: #f7f7f7;
    padding: 30px 20px;
}
.messageBox_tight {
    padding: 10px;
}
.messageBox_sans {
    font: 400 15px/19px var(--f-SANS);
    letter-spacing: 0.03em;
}
.messageBox_warning {
    background-color: var(--c-WARNING);
    color: var(--c-WHITE);
}
.messageBox_alert {
    background-color: var(--c-ALERT);
    color: var(--c-ALERT-TXT);
}
.messageBox-close {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
    right: 0;
    cursor: pointer;
}
.messageBox-close:after,
.messageBox-close:before {
    content: '';
    height: 2px;
    width: 50%;
    display: block;
    margin: 0 auto;
    background-color: var(--c-BLACK);
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    right: 0;
    transform-origin: middle middle;
}
.messageBox-close:after { transform: rotate(45deg); }
.messageBox-close:before { transform: rotate(-45deg); }
.messageBox-hd + .messageBox-bd {
    margin-top: 30px;
}
.messageBox-bd > p {
    color: #666666;
}
.messageBox_printPoints {
    position: relative;
    padding: 9px 50px 10px;
    text-align: center;
}
.messageBox_printPoints:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--color-primary-brand-900, #00306B);
}
/* TODO: Start AB Test code, remove when Chicago shipping banner test ends */
.messageBox_printPoints_chicago {
    background: #00306B;
}
.messageBox_printPoints_chicago:before {
    display: none;
}
.messageBox_printPoints_chicago .lbl {
    color: white;
    margin-right: 10px;
}
/* TODO: End AB Test code */
.messageBox_printPoints > * {
    position: relative;
    z-index: 1
}
.messageBox_printPoints .lbl_lg {
    line-height: 13px;
    font-weight: 700;
    color:var(--c-WHITE);
    text-transform: none;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 480px) {
    .messageBox_printPoints { padding: 9px 50px 10px; }

    .messageBox_printPoints .lbl_lg {
        font-size: 14px;
        line-height: 20px;
    }

    .messageBox_printPoints br { display: none; }

}
.placedGlobalLogo {
    position: relative;
}
.placedGlobalLogo > #logo {
    position: absolute;
    top: 25px;
    left: 10px;
}
@media only screen and (max-width: 500px) {
    .placedGlobalLogo > #logo {
        margin-left: 10px !important;
    }
}
/* disabling events when a drawer is open and body is locked */
.mix-bodyIsLocked .siteLeadIn-media { pointer-events: none; }
.siteLeadIn {
    display: block;
    flex-direction: row;
    position: relative;
    background-color: var(--c-OFFWHITE);
    /* max-width: 1440px; */
    margin: 0 auto;
    justify-content: space-around;
    box-sizing: border-box;
}
.siteLeadIn-content,
.siteLeadIn-media {
    position: relative;
    flex-direction: column;
}
.siteLeadIn-media { align-self: flex-end; }
.siteLeadIn-content { align-self: center; }
.siteLeadIn::after {
    content: '';
    position: absolute;
    height: 125%;
    width: 80%;
    background-color: var(--c-WHITE);
    top: 15%;
    /* right: -10%; */
    right: 0;
    z-index: 0;
}
.siteLeadIn-media > * {
    position: relative;
    z-index: 1;
}
.siteLeadIn-content {
    padding: calc(var(--spacing)*4);
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}
.siteLeadIn-content-hd {
    pointer-events: none;
}
.siteLeadIn-content-bd {
    padding: calc(var(--spacing)*4) calc(var(--spacing)*2) 0 calc(var(--spacing)*7);
    text-align: right;
    margin-bottom: calc(var(--spacing));
}
.siteLeadIn-content-bd > * + * {
    margin-top: calc(var(--spacing)*4);
}
.siteLeadIn-media {
    position: relative;
    /* background-color: var(--c-OFFBLACK-LIGHTER); */
    /* padding: calc(var(--spacing)*2) 0 calc(var(--spacing)) 0; */
    width: 100%;
    z-index: 1;
}
.siteLeadIn-media::before,
.siteLeadIn-media::after {
    content: '';
    position: absolute;
    width: 2px;
    right: 25%;
    z-index: 1000;
}
.siteLeadIn-media::before {
    content: none;
    height: 18%;
    bottom: 0;
    background: var(--c-OFFWHITE);
}
.siteLeadIn-media::after {
    height: 150%;
    bottom: 40%;
    background: #333;
    left: 70px;
    background: var(--c-BLACK);
}
.siteLeadIn-media img {
    width: 100%;
    height: auto;
}
.siteLeadIn-media-playIcon {
    position: absolute;
    bottom: 10px;
    left: 50px;
}
.siteLeadIn-media > picture {
    overflow: hidden;
    display: block;
    padding-left: calc(var(--spacing)*2);
}
.siteLeadIn-media > picture > img {
    display: block;
    transition: all 0.2s ease-in-out;
}
/* Only calling hover if action is tied to it */
.js-toggleTrigger.siteLeadIn-media:hover > picture {
    cursor: pointer;
}
.js-toggleTrigger.siteLeadIn-media:hover > picture > img {
    transform: scale(1.05);
}
@media (min-width: 480px) {
    .siteLeadIn-media:after {
        height: 130%;
        top: -173px;
    }
    .siteLeadIn-content-bd {
        text-align: left;
        max-width: 400px;
    }
}
@media (min-width: 768px) {
    .siteLeadIn {
        display: flex;
        flex-direction: row;
        padding: calc(var(--spacing)*4);
    }
    .siteLeadIn-content {
        padding: 0;
        width: 40%;
        margin-top: calc(var(--spacing)*7.5);
    }

    .siteLeadIn-media {
        max-width: 500px;
        background: none;
        align-self: flex-start;
    }
    .siteLeadIn-media > picture {
        padding: 0;
    }
    .siteLeadIn-content-bd {
        max-width: 100%;
        padding: calc(var(--spacing)*8) 0 calc(var(--spacing)*8) calc(var(--spacing)*8);
        margin-bottom: -160px;
    }
    .siteLeadIn-media::before {
        content: '';
    }
    .siteLeadIn-media::after {
        height: 32.5%;
        max-height: 110px;
        top: 100%;
        right: 25%;
        left: unset;
        background: var(--c-BLACK);
    }
    .siteLeadIn-media-playIcon {
        top: 20px;
        left: -22px;
        bottom: unset;
    }
}
@media (min-width: 1024px) {
    .siteLeadIn {
        padding: calc(var(--spacing)*5) calc(var(--spacing)*5) calc(var(--spacing)*10) calc(var(--spacing)*15);
    }
    .siteLeadIn-content {
        width: 40%;
    }
    .siteLeadIn-content-bd {
        padding: calc(var(--spacing)*4) calc(var(--spacing)*4) 0 calc(var(--spacing)*4);
    }
    .siteLeadIn-media {
        order: 2;
        min-width: 685px;
        max-width: 658px;
    }
    .siteLeadIn-media::after {
        max-height: unset;
    }
}
@media (min-width: 1400px) {
    .siteLeadIn-content-bd {
        padding-left: calc(var(--spacing)*7);
    }
    .siteLeadIn-media {
        max-width: 1200px;
    }
    .siteLeadIn-media-playIcon {
        left: -32px;
    }
}
/* Keeping content within view (above the fold) on shorter viewports */
@media (min-width: 1024px) and (max-height: 860px) {
    .siteLeadIn-content {
        align-self: flex-start;
    }
}
/* disabling events when a drawer is open and body is locked */
.mix-bodyIsLocked .pageLeadIn-media { pointer-events: none; }
.pageLeadIn {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    box-sizing: border-box;
}
.pageLeadIn::before {
    content: '';
    position: absolute;
    z-index: 0;
    height: 35%;
    width: 88%;
    top: 0;
    left: 0;
}
.pageLeadIn_clean::before { content: none; }
.pageLeadIn-content {
    z-index: 1;
    padding: 0 calc(var(--spacing)*2);
    margin: -15px auto 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1440px;
    box-sizing: border-box;
}
.pageLeadIn-content-hd {
    margin-bottom: calc(var(--spacing)*3.5);
    text-align: right;
    letter-spacing: 0.04em;
}
.pageLeadIn-content-bd {
    max-width: 350px;
    position: relative;
    padding: 0 calc(var(--spacing)*2) 0 0;
    margin-left: 60px;
    text-align: right;
}
.pageLeadIn-content-bd_wide {
    max-width: 1000px;
}
.pageLeadIn-content-bd::before {
    content: '';
    position: absolute;
    height: 120%;
    width: 2px;
    background-color: var(--c-BLACK);
    right: 0;
    top: 0;
}
.pageLeadIn-media {
    position: relative;
    width: 90%;
    align-self: flex-end;
}
.pageLeadIn-media-badges {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--padding-xsmall);
    margin-top: -38px;
    padding-bottom: var(--padding-xxxlarge)
}
.pageLeadIn-media-badges img {
    height: 70px;
    width: 60px;
}
.pageLeadIn-media.js-toggleTrigger > picture {
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.pageLeadIn-media.js-toggleTrigger > picture > img {
    display: block;
    transition: all 0.2s ease-in-out;
}
.pageLeadIn-media.js-toggleTrigger:hover > picture > img {
    transform: scale(1.05);
}
.pageLeadIn-media-playIcon {
    position: absolute;
    left: -32px;
    top: 60%;
}
.pageLeadIn-mediaDrawer {
    position: absolute;
    display: none;
}
.pageLeadIn-content-videoWrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.pageLeadIn-content-videoWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pageLeadIn-content-media { padding: 20px; }
@media (min-width: 480px) {
    .pageLeadIn::before {
        height: 80%;
        top: 100px;
        left: 12%;
    }
    .pageLeadIn_altAccent::before {
        height: 65%;
        top: 0;
        left: 0;
    }
    .pageLeadIn-media {
        max-width: 82%;
    }
    .pageLeadIn-content {
        padding: 0 calc(var(--spacing)*10);
        margin-top: -35px;
        display: block;
    }
    .pageLeadIn-content-hd {
        text-align: left;
        min-width: 65vw;
    }

    .pageLeadIn-content_right { display: flex; }

    .pageLeadIn-content_right .pageLeadIn-content-bd {
        margin: 20px 100px 0 0;
        padding: 0 40px 0 0;
        text-align: right;
    }

    .pageLeadIn-content_right .pageLeadIn-content-bd::before {
        right: 0;
        left: initial;
    }

    .pageLeadIn-content-bd {
        margin-left: calc(var(--spacing)*10);
        padding: 0 0 0 calc(var(--spacing)*4);
        text-align: left;
        align-self: flex-end;
    }

    .pageLeadIn-content-bd::before {
        left: 0;
        right: unset;
    }

    .pageLeadIn-media-playIcon {
        top: 7vw;
    }
    .pageLeadIn-media-badges {  margin-top: -50px; } 

    .pageLeadIn-media-badges img {
        height: 92px;
        width: 80px;
    }
}
@media (min-width: 768px) {
    .pageLeadIn-media-badges {
        justify-content: right;
        padding-right: var( --padding-large);
    }
}
@media (min-width: 1024px) {
    .pageLeadIn-content_split {
        display: flex;
        flex-direction: row;
        align-content: flex-end;
    }

    .pageLeadIn-content_split > * { width: 50%; }

    .pageLeadIn-content-videoWrap {
        padding-bottom: 24%;
        margin: 30px;
    }

    .pageLeadIn-content-media img {
        max-height: 550px;
        object-fit: cover;
    }

    .pageLeadIn-media-badges {
        padding-right: var(--padding-xxxlarge);
    }
}
.pageLeadIn_minimal .pageLeadIn-content {
    padding: 0 4vw;
    margin-top: 20px;
    max-width: 100%;
}
.pageLeadIn_minimal .pageLeadIn-content-bd:before {
    content: none;
}
.pageLeadIn.pageLeadIn_minimal:before {
    height: 130px;
    left: 0;
    width: 60vw;
}
.pageLeadIn_minimal .pageLeadIn-content-hd {
    margin-bottom: 20px;
    text-align: left;
}
.pageLeadIn_minimal .pageLeadIn-content-bd {
    padding: 0 20px 0 0;
    margin-left: 0;
    text-align: left;
}
@media (min-width: 1200px) {
    .pageLeadIn_minimal .pageLeadIn-content-hd { margin-bottom: 0; }
}
/* Theme Reset: REMOVE when global.css can be removed */
.accountBox-hd > h3 { 
    font-size: 100% !important; 
    margin: 0; 

    color: #333;
    font-family: var(--f-SANS);
    font-size: 28px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 114.286% */
    letter-spacing: -0.56px;
    margin: 40px 0 5px 0;
}
.accountBox { margin-bottom: 30px; }
.accountBox-hd {
    font: 24px/29px var(--f-SANS);
    font-weight: 300; /* THEME */
}
/* Theme Reset: REMOVE when global.css can be removed */
ul.paymentMethods { padding-left: 0; }
ul.paymentMethods li { list-style: none !important; }
/**************************
 START PAYMENT METHODS
**************************/
.paymentMethods {
    margin-bottom: calc(var(--spacing) * 2);
}
.paymentMethods-item {
    padding: calc(var(--spacing) * 2) 0;
    border-bottom: 1px solid #DDD;
}
.paymentMethods-item > * {
    flex-direction: column;
}
.paymentMethods-item * .paymentMethods-item {
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER); /*THEME*/
}
.paymentMethods-item-form {
    margin-top: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    background-color: var(--c-OFFWHITE); /*THEME*/
    border-radius: 8px;
}
.paymentMethods-item-inner {
    display: flex;
    flex-direction: row;
}
.paymentMethods-item-inner-name {
    display: inline-block;
    flex-grow: 1;
    font: 14px/17px var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK); /*THEME*/
    width: 70%;
    vertical-align: middle;

    text-transform: uppercase; /*THEME*/
    letter-spacing: .15em; /*THEME*/
}
.paymentMethods-item-inner-actions {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    align-items: center;
    margin-top: var(--spacing);
    padding-left: var(--spacing);
    text-transform: capitalize;
}
.paymentMethods-item-inner-actions li .link {
    font-size: 14px;
    font-weight: 500;
}
.paymentMethods-item-inner-actions li .lbl {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 14px;
    color: var(--c-DEFAULT);
}
.paymentMethods-item-inner-actions > * + *::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0 12px;
    width: 1px;
    height: 20px;
    background: var(--c-OFFBLACK-LIGHTER); /*THEME*/
}
.paymentMethods-item-inner-radio {
    display: inline-block;
    margin: 0 10px 0 10px;
}
.mix-paymentMethodsFoot {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    flex-direction: column-reverse;
}
@media (min-width: 1400px) {
    .mix-paymentMethodsFoot {
        flex-direction: row;
    }
}
.mix-paymentMethodsFoot_remove {
    order: 3;
    width: calc(100% - 25px);
    text-align: center;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
    padding-top: 20px;
    align-self: center;
}
.mix-paymentMethodsFoot_cancel {
    align-self: center;
    text-align: center;
    border-radius: 24px;
    border:  2px solid var( --c-BRAND);
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600 !important;
    transition: all .25s;
    text-transform: uppercase;
    width: calc(100% - 50px);
    cursor: pointer;
    margin-left: 0;
}
@media (min-width: 1024px) {
    .mix-paymentMethodsFoot .mix-paymentMethodsFoot_save {
        margin-left: 0;
        width: 100%;
    }
}
@media (min-width: 1400px) {
    .mix-paymentMethodsFoot .mix-paymentMethodsFoot_save {
        display: inline;
        width: auto;
        margin-left: 8px;
    }
}
.mix-paymentMethodsFoot_cancel .link {
    font-weight: 600;
    font-size: 14px;
}
.mix-paymentMethodsFoot_cancel:hover { background-color: var(--c-BRAND); }
.mix-paymentMethodsFoot_cancel:hover .link { color: var(--c-WHITE) }
.mix-paymentMethodsFoot_cancel .link:hover {
    color: var(--c-WHITE);
    opacity: 1;
}
.mix-paymentMethodsFoot_save {
    width: 100%;
    margin-left: 0;
}
.mix-paymentMethodsFoot_save > .globalForm-btn {
    max-width: 115px;
    min-width: 0;
}
.mix-paymentMethodsFoot_save > button > span { display: none; }
.globalForm:has(.paymentMethods) > div { width: 100%; }
.globalForm:has(.paymentMethods) {
    display: flex;
    padding: 0 20px 20px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap:20px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--c-OFFBLACK-LIGHT);
}
@media (min-width: 480px) {
    .paymentMethods-item-inner-name {
        display: inherit;
        margin-bottom: 0;
        width: auto;
        vertical-align: unset;
    }
    .paymentMethods-item-inner-radio {
        width: auto;
        display: inherit;
    }
    .paymentMethods-item-inner-actions {
        margin-top: 0;
    }
    .mix-paymentMethodsFoot {
        /* display: block; */
    }
    .mix-paymentMethodsFoot_remove {
        padding: 0;
        border: none;
        text-align: left;
        order: unset;
        text-align: right;
        margin-right: 10px;
    }

    .mix-paymentMethodsFoot_save > button > span {
        display: inline;
    }
    .mix-paymentMethodsFoot_save > .globalForm-btn {
        max-width: 100%;
    }
}
@media (min-width: 1400px) {
    .mix-paymentMethodsFoot_remove { width: unset; }
}
.addressBookList {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--c-OFFBLACK-LIGHT);
}
.addressBookList__scroll {
    padding: 0 20px;
    max-height: 400px;
    overflow-y: auto;
}
.addressBookList--editing .addressBookList__scroll {
    max-height: none;
    overflow-y: visible;
}
.addressBookCard {
    padding: calc(var(--spacing) * 2) 0;
    border-bottom: 1px solid #DDD;
    width: 100%;
}
.addressBookCard:last-child {
    border-bottom: none;
}
.addressBookCard__inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.addressBookCard__details {
    flex-grow: 1;
}
.addressBookCard__name {
    font: 14px/17px var(--f-SANS);
    font-weight: 600;
    color: var(--c-BLACK);
}
.addressBookCard__company {
    font: 13px/16px var(--f-SANS);
    color: var(--c-OFFBLACK);
    margin-top: 4px;
}
.addressBookCard__line {
    font: 13px/16px var(--f-SANS);
    color: var(--c-OFFBLACK);
    margin-top: 2px;
}
.addressBookCard__phone {
    font: 13px/16px var(--f-SANS);
    color: var(--c-OFFBLACK);
    margin-top: 4px;
}
.addressBookCard__actions {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    align-items: center;
    padding-left: var(--spacing);
    list-style: none;
    margin: 0;
    padding-left: var(--spacing);
}
.addressBookCard__actions li .link {
    font-size: 14px;
    font-weight: 500;
    color: var(--c-BRAND);
    text-decoration: none;
    text-transform: capitalize;
}
.addressBookCard__actions li .link:hover {
    opacity: 0.7;
}
.addressBookCard__actions > li + li::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0 12px;
    width: 1px;
    height: 20px;
    background: var(--c-OFFBLACK-LIGHTER);
}
.addressBookCard__editForm {
    padding: calc(var(--spacing) * 2);
    background-color: var(--c-OFFWHITE);
    border-radius: 8px;
}
.addressBookCard__editRow {
    margin-bottom: calc(var(--spacing) * 1.5);
}
.addressBookCard__editRow label {
    display: block;
    font: 12px/14px var(--f-SANS);
    font-weight: 600;
    color: var(--c-OFFBLACK);
    margin-bottom: 4px;
}
.addressBookCard__editRow input,
.addressBookCard__editRow select {
    width: 100%;
    padding: 8px 10px;
    font: 14px/17px var(--f-SANS);
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
    border-radius: 4px;
    box-sizing: border-box;
}
.addressBookCard__editActions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: calc(var(--spacing) * 2);
}
.addressBookCard__editActions button {
    padding: 10px 20px;
    font: 14px/17px var(--f-SANS);
    font-weight: 600;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    border: none;
    border-radius: 24px;
    cursor: pointer;
    text-transform: uppercase;
}
.addressBookCard__editActions button:hover {
    background-color: var(--c-BRAND-DARK);
}
.addressBookCard__editActions a {
    font-size: 14px;
    font-weight: 500;
    color: var(--c-BRAND);
    text-decoration: none;
}
.addressBookAdd {
    padding: calc(var(--spacing) * 2) 20px;
    border-top: 1px solid #DDD;
}
.addressBookAdd .link_iconAdd {
    font-size: 16px;
    font-weight: 500;
    color: var(--c-BRAND);
    text-decoration: none;
}
.addressBookAdd .link_iconAdd:hover {
    opacity: 0.7;
}
.contentBlock {
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing)*4);
}
.contentBlock_centered {
    align-items: center;
}
.contentBlock-hd { margin-bottom: 20px; }
.contentBlock-content > * + * { margin-top: 10px; }
.contentBlock-content_offsetRight,
.contentBlock-content_offsetLeft {
    display: flex;
    flex-flow: column;
}
.contentBlock-content_offsetRight {
    align-items: flex-end;
}
.contentBlock-content_offsetLeft {
    align-items: flex-start;
}
.contentBlock-content_offsetRight > .hdg,
.contentBlock-content_offsetRight > .lbl,
.contentBlock-content_offsetRight > .bdcpy {
    /* max-width: 60%; */
    text-align: right;
}
.contentBlock-content_offsetRight > .hdg,
.contentBlock-content_offsetLeft > .hdg { max-width: 69vw; }
.contentBlock-content_centered { text-align: center; }
.contentBlock_split { justify-content: space-between; }
.contentBlock_split > .contentBlock-media {}
.contentBlock-media > picture {
    margin: 0 -40px 10px -40px;
    display: block;
}
.contentBlock-content {}
.contentBlock-media {}
.contentBlock-media_flushFull {}
.contentBlock-media_flushTop {}
@media (min-width: 1024px) {

    .contentBlock { padding: 0; }

    .contentBlock-hd { padding: 0 40px; }
    .contentBlock-content { padding: 40px; }

    .contentBlock-media > picture {
        margin: 0;
    }

    .contentBlock_split { flex-direction: row; }

    .contentBlock_split > * {
        align-self: center;
        box-sizing: border-box;
    }

    .contentBlock_split > .contentBlock-content { width: 55%; }

    .contentBlock-content_indent { padding: 40px 10%; }

    .contentBlock_splitReversed > *:first-child { order: 2; }

    .contentBlock_indent {
        padding: calc(var(--spacing)*8)
    }
    .contentBlock-content_offsetRight > .lbl,
    .contentBlock-content_offsetRight > .bdcpy {
        max-width: 60%;
    }
}
@media (min-width: 1024px) {
    .contentBlock-content_offsetRight,
    .contentBlock-content_offsetLeft { max-width: 85%; }
    .contentBlock-content_offsetRight > .lbl { max-width: 40%; }
    .contentBlock-media_narrrow { max-width: 60%; }
    .contentBlock-content > * + * { margin-top: 20px; }
}
@media (min-width: 1200px) {
    .contentBlock-hd_narrow { max-width: 66.6667%; }
    .contentBlock_stacked > .contentBlock-content_indent > .bdcpy { max-width: 70%; }
}
@media (min-width: 1400px) {
    .contentBlock_stacked > .contentBlock-media {
        max-height: 600px;
    }
    .contentBlock-hd { padding: 0 80px; }
    .contentBlock-content { padding: 80px; }
    .contentBlock-content_offsetRight { max-width: 55vw; margin-right: -200px; }
    .contentBlock-content_indent { padding: 80px 20%; }
    .contentBlock_tight > .contentBlock-content { padding: 40px; }
}
.contentBlock_stackedTight > * + * { padding-top: 0; }
.contentBlock-content_flushBot { padding-bottom: 0; }
.testimonial { position: relative; }
.testimonial-media {
    position: relative;
}
.testimonial-media picture { display: block; }
.testimonial-content {
    background-color: var(--c-BLACK);
    box-sizing: border-box;
    position: relative;
    padding: calc(var(--spacing)*5) calc(var(--spacing)*4);
}
.testimonial-content-quote {
    color: var(--c-WHITE);
    font: 15px/37px var(--f-SERIF);
    font-style: italic;
    letter-spacing: 0.05em;
    margin-bottom: calc(var(--spacing)*4);
}
.testimonial-content-quote::before,
.testimonial-content-quote::after {
    font: italic 35px/37px var(--f-SERIF);
    display: inline;
    position: absolute;
}
.testimonial-content-quote::before {
    content: '“';
    margin-left: -20px;
}
.testimonial-content-quote::after {
    content: '”';
    margin-right: -20px;
}
.testimonial-content-author,
.testimonial-content-authorAffiliate {
    font: 11px/16px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--c-WHITE);
}
.testimonial-content-author { margin-bottom: var(--spacing); }
.testimonial-content-authorAffiliate {}
.testimonial-media-prodCta {
    display: inline-block;
    position: absolute;
    background-color: var(--c-WHITE);
    padding: calc(var(--spacing)*2);
    min-height: 70px;
    width: auto;
    box-sizing: border-box;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    text-decoration: none;
}
a.testimonial-media-prodCta:hover .link_carrot:after { right: 0; }
@media (min-width: 480px) { .testimonial-content-quote { font: italic 20px/36px var(--f-SERIF); } }
@media (min-width: 1024px) {
    .testimonial { padding-bottom: 200px; }
    .testimonial_pullBot { margin-bottom: -200px; }
    .testimonial-content {
        display: inline-block;
        min-height: 300px;
        width: 60vw;
        bottom: 0;
        padding: calc(var(--spacing)*6);
        position: absolute;
        right: 0;
    }
    .testimonial-content_wide { width: 85vw; }

    .testimonial-media { max-height: 600px; }

    .testimonial-media-prodCta { max-width: 40vw; }

    .testimonial-content-author { font: 18px/22px var(--f-SANS);
    font-weight: 400; }

    .testimonial_reversed .testimonial-content { left: 0; }

    .testimonial_reversed .testimonial-media .testimonial-media-prodCta {
        left: initial;
        right: 0;
    }
}
@media (min-width: 1200px) {
    .testimonial-content {
        min-height: 400px;
        padding: calc(var(--spacing)*8);
    }

    .testimonial-content-quote {
        font: italic 28px/52px var(--f-SERIF);
        margin-bottom: calc(var(--spacing)*4);
    }

    .testimonial-media-prodCta { max-width: 20vw; }
}
@media (min-width: 1400px) {
    .testimonial-media { overflow: hidden; }

    .testimonial-content { width: 50vw; }

    .testimonial-content_wide { width: 85vw; }
}
.featureBlock {
    display: block;
    flex-direction: row;
    flex-flow: row nowrap;
    padding: calc(var(--spacing)*5.5) 0 calc(var(--spacing)*11);
    position: relative;
}
.featureBlock::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 92%;
    bottom: 0;
    right: 0;
    background: var(--c-OFFWHITE);
    z-index: -1;
}
.featureBlock_clean { padding: 0; }
.featureBlock_clean:after { content: none; }
.featureBlock_stacked { flex-direction: column; }
.featureBlock-content {
    margin-right: calc(var(--spacing)*10);
    padding: 0 calc(var(--spacing)*2);
}
.featureBlock-content-hd { margin-bottom: calc(var(--spacing)*4); }
.featureBlock-content-cta {
    position: absolute;
    bottom: 3%;
    right: 8%;
    text-align: right;
}
.featureBlock-items {
    display: flex;
    flex-flow: column nowrap;
}
.featureBlock-items-product { position: relative; }
.featureBlock-items-product + .featureBlock-items-product { margin-top: calc(var(--spacing)*6); }
a.featureBlock-items-product > picture > img {
    transition: all 0.2s ease-in-out;
    display: block;
}
a.featureBlock-items-product:hover > .featureBlock-items-product-cta > .link_carrot:after { right: 0; }
a.featureBlock-items-product:hover > picture > img {
    display: block;
    transform: scale(1.05);
}
.featureBlock-items-product-img {
    display: block;
    overflow: hidden;
}
.featureBlock-items-product-img_vAlign {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.featureBlock-items-product-cta {
    padding: calc(var(--spacing)*2);
    background: var(--c-WHITE);
}
a.featureBlock-items-product { text-decoration: none; }
@media (min-width: 480px) {
    .featureBlock { padding: calc(var(--spacing)*11) calc(var(--spacing)*6); }

    .featureBlock_clean { padding: 0; }

    .featureBlock_clean:after { content: none; }

    .featureBlock::after {
        height: 100%;
        width: 93%;
        top: 0;
        bottom: unset;
    }

    .featureBlock-content { padding: 0; }

    .featureBlock-content-cta { bottom: 5%; }

    .featureBlock-items { display: flex; }

    .featureBlock-items-product + .featureBlock-items-product {
        margin-top: 0;
        margin-left: calc(var(--spacing)*6);
    }

    .featureBlock-items_2up,
    .featureBlock-items_3up,
    .featureBlock-items_2up-then-4up { flex-flow: wrap; }

    .featureBlock-items_2up-then-4up { margin-right: -40px; }

    .featureBlock-items_2up > .featureBlock-items-product + .featureBlock-items-product,
    .featureBlock-items_2up-then-4up > .featureBlock-items-product + .featureBlock-items-product { margin: 0 40px 40px 0; }

    .featureBlock-items_2up > .featureBlock-items-product,
    .featureBlock-items_2up-then-4up > .featureBlock-items-product {
        width: calc(50% - 40px);
        box-sizing: border-box;
        margin: 0 40px 40px 0;
        padding-bottom: 40px;
    }

    .featureBlock-items_2up .featureBlock-items-product-cta,
    .featureBlock-items_2up-then-4up .featureBlock-items-product-cta { bottom: 0; }
}
@media (min-width: 1024px) {
    .featureBlock { display: flex; }

    .featureBlock-content-cta { position: static; }

    .featureBlock-items_narrow {
        width: 90%;
        margin-left: 10%;
    }
}
@media (min-width: 1200px) {

    .featureBlock-items_2up > .featureBlock-items-product { width: calc(50% - 40px); }

    .featureBlock-items_2up-then-4up > .featureBlock-items-product { width: calc(25% - 40px); }
}
.featureBlock-items-product-cta_right {
    left: auto;
    right: 0;
}
.featureBlock-items-product-cta_onSale10 { padding-top: 0; }
.featureBlock-items-product-cta_onSale10::before {
    content: '10% Off';
    background: #007ac9;
    color: white;
    padding: 5px 10px;
    position: relative;
    top: -10px;
    left: -10px;
    border-radius: 25px;
    height: 15px;
    display: inline-block;
    font: 14px/17px  var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.accentBlock {
    position: relative;
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 1;
}
.accentBlock_full { max-width: 100%;}
.accentBlock_flush { padding: 0; }
.accentBlock > * { position: relative; }
.accentBlock_vertAlignMiddle { align-items: center; }
.accentBlock:before {
    content: '';
    position: absolute;
    z-index: 0;
    height: 60%;
    width: 80%;
    background-color: var(--c-OFFWHITE);
    top: 22.5%;
    right: 0;
}
.accentBlock-content { padding: calc(var(--spacing)*2); }
.accentBlock-media {
    width: 90%;
    margin-left: 10%;
}
.accentBlock > * { text-align: right; }
.accentBlock_reversed > * { text-align: left; }
.accentBlock_reversed > .accentBlock-media { margin-left: 0; }
.accentBlock_reversed:before {
    left: 0;
    right: unset;
}
.accentBlock-content-bd { margin-top: calc(var(--spacing)*2); }
.accentBlock-content-bd > * + * { margin-top: calc(var(--spacing)*2); }
.accentBlock-content-hd {}
@media (min-width: 1024px) {
    .accentBlock_leadIn .accentBlock-media { width: 100%; }
    .accentBlock_leadIn .accentBlock-content { width: 50%; }
    .accentBlock_leadIn .accentBlock-content-hd {
        text-align: left;
        margin-right: -20%;
    }

    .accentBlock_leadIn .accentBlock-content-bd:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 300%;
        right: 7%;
        top: 48%;
        background: var(--c-OFFBLACK);
    }

    .accentBlock {
        display: flex;
        align-items: center;
        padding-top: calc(var(--spacing)*5);
    }

    .accentBlock_leadIn { padding-top: 0; }

    .accentBlock_split > * { width: 50%; }

    .accentBlock-content {
        order: 1;
        align-self: center;
        padding: 0 calc(var(--spacing)*10);
        max-width: 70vw;
    }

    .accentBlock-media {
        order: 2;
        margin: 0;
    }

    .accentBlock-content-bd { margin-top: calc(var(--spacing)*4); }

    .accentBlock_pushtop { padding-top: calc(var(--spacing)*15); }
    .accentBlock_reversed > .accentBlock-content {
        order: 2;
        max-width: 60vw;
        align-self: auto;
    }

    .accentBlock_reversed > .accentBlock-media { order: 1;}
    .accentBlock_reversed::before {
        height: 80%;
        width: 90%;
        top: 0;
        right: unset;
        left: 0;
    }

    .accentBlock_vertAlignMiddle::before {
        top: 25%;
        height: 50%;
    }

    .accentBlock_accentFullBotLeft::before {
        bottom: 0;
        top: initial;
        left: 0;
    }

    .accentBlock_accentHalf::before { width: 45%; }

    .accentBlock-content_pushTop,
    .accentBlock_reversed > .accentBlock-content_pushTop { padding-top: 200px; }
}
@media (min-width: 1400px) {
    .accentBlock { max-width: 1600px; }
    .accentBlock-content {
        max-width: unset;
        width: 65%;
    }
    .accentBlock_reversed > .accentBlock-content {
        max-width: unset;
        width: 48%;
    }
}
/* Featured Products for Collection A/B test quarantine styles */
.accentBlock_siteLeadIn {
    padding: 0;
    max-width: 100vw;
    margin-bottom: 20px;
    overflow: hidden;
    z-index: unset;
}
.accentBlock_siteLeadIn::before,
.accentBlock_noAccent::before {
    content: none;
}
.accentBlock_siteLeadIn .accentBlock-content {
    align-self: center;
    text-align: left;
    padding: 5%;
}
.accentBlock_siteLeadIn .accentBlock-content-bd { margin-top: 0; }
.accentBlock_siteLeadIn .accentBlock-media {
    text-align: left;
    width: 90%;
    margin: 0 5%;
}
.accentBlock_siteLeadIn .featureBlock-items {}
.accentBlock_siteLeadIn .featureBlock-items_2up > .featureBlock-items-product {
    position: relative;
    display: block;
}
.accentBlock_siteLeadIn .featureBlock-items-product + .featureBlock-items-product { margin-top: calc(var(--spacing)*2); }
.accentBlock_siteLeadIn .scrollCta {
    left: 0;
    bottom: 110px;
    display: none;
}
.accentBlock_siteLeadIn .featureBlock-items-product-cta {
    min-width: calc(100% - 20px);
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    top: auto;
    z-index: 1;
}
@media (min-width: 480px) {
    .accentBlock_siteLeadIn { margin-bottom: 0; }

    .accentBlock_siteLeadIn .featureBlock-items { width: 100%; }

    .accentBlock_siteLeadIn .featureBlock-items_2up,
    .accentBlock_siteLeadIn .featureBlock-items_3up {
        width: calc(100% + 20px);
        margin-right: -20px;
    }

    .accentBlock_siteLeadIn .featureBlock-items_2up > .featureBlock-items-product,
    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product {
        min-height: 300px;
        box-sizing: border-box;
        margin: 0 20px 20px 0;
        padding-bottom: 0;
        overflow: hidden;
    }
    .accentBlock_siteLeadIn .featureBlock-items_2up > .featureBlock-items-product,
    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product { width: calc(50% - 20px); }

    .accentBlock_siteLeadIn .featureBlock-items_2up > .featureBlock-items-product+.featureBlock-items-product
    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product+.featureBlock-items-product {
        margin: 0 20px 20px 0;
    }
}
@media (min-width: 1024px) {
    .accentBlock_siteLeadIn .accentBlock-media { margin: 0; }

    .accentBlock_siteLeadIn .featureBlock-items_2up > .featureBlock-items-product { max-height: calc(47vh - 40px); }

    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product { max-height: calc(34vh - 40px); }

    .accentBlock_siteLeadIn .featureBlock-items-product-cta { left: unset; }

    .accentBlock_siteLeadIn .scrollCta { display: block; }

    .accentBlock_siteLeadIn .accentBlock-content {
        width: 40%;
        padding: 0 5% 0;
    }
    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product { width: calc(33.33% - 20px);}

}
@media (min-width: 1200px) {
    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product { max-height: calc(38vh - 40px); }

    .accentBlock_siteLeadIn .featureBlock-items-product-cta { min-width: 50%; }
}
@media (min-width: 1400px) {
    .accentBlock_siteLeadIn .featureBlock-items_3up > .featureBlock-items-product { max-height: calc(43vh - 40px); }
}
.accentBlock_videoWrap {
    position: relative;
    padding-bottom: 50.5%;
    height: 0
}
.accentBlock_videoWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media screen and (min-width: 1024px) {
    .accentBlock_videoWrap { padding-bottom: 26.165%; }
}
@media screen and (min-width: 1400px) {
    .accentBlock_videoWrap { padding-bottom: 32.165%; }
}
.shareLinkConfig {
    width: 100%;
    padding: 0 20px 20px 20px;
    display: flex;
    align-content: flex-end;
    flex-direction: row-reverse;
    box-sizing: border-box;
}
.shareLinkConfig .link_iconShare::before {
    font-size: 19px;
}
button.shareLinkConfig-btn {
    font-size: 14px !important;
    letter-spacing: 0.075em !important;
    text-transform: none;
    min-height: 0;
    white-space: nowrap;
    align-self: center;
}
.shareLinkConfig-status {
    opacity: 0;
    min-height: 27px;
    position: relative;
    top: 0;
    right: 0;
    padding: 7px 10px 5px;
    background: var(--c-OFFBLACK-LIGHTER);
    /* display: initial; */
    box-sizing: border-box;
    border-radius: 2px;
    transition: all 0.5s ease-in-out;
    font: 10px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.16em;
    font-weight: bold;
}
.shareLinkConfig-status:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    top: calc(50% - 5px);
    right: -5px;
    border-top: solid 5px transparent;
    border-right: solid 7px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 7px var(--c-OFFBLACK-LIGHTER);
    transition: all 0.3s ease-in-out;
    transition-delay: 0.3s;
}
.hasStatusMessage.shareLinkConfig-status {
    opacity: 1;
    right: 10px;
}
.hasStatusMessage.shareLinkConfig-status:after {
    opacity: 1;
    right: -14px;
}
.shareLinkConfig_linkContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0;
    position: relative;
    padding-top: 40px;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
    margin-top: 30px;
}
.shareLinkConfig.shareLinkConfig_linkContainer:after,
.shareLinkConfig.shareLinkConfig_linkContainer:before {
    position: absolute;
    opacity: 0;
    top: 40px;
    transition: all 0.3s ease-in-out;
}
.shareLinkConfig.shareLinkConfig_linkContainer:before {
    content: '\f3fd';
    left: 70px;
    font: 24px/15px var(--f-ICONS);
}
.shareLinkConfig.shareLinkConfig_linkContainer:after {
    content: 'Copied to clipboard';
    font: 10px/16px var(--f-SANS);
    font-weight: 400;
    letter-spacing: .22em;
    left: 90px;
    text-transform: uppercase;
}
.linkCopiedToClipboard.shareLinkConfig_linkContainer::before,
.linkCopiedToClipboard.shareLinkConfig_linkContainer::after {
    opacity: 1;
    top: 20px;
}
textarea.shareLinkConfig-textarea {
    opacity: 0;
    overflow-x: hidden;
    height: 44px;
    min-height: 10px !important;
    white-space: nowrap;
    margin-bottom: 0;
    resize: none;
    border-radius: 0;
}
.shareLinkConfig-shareBtn:hover { border-bottom: none !important; }
.linkCopiedToClipboard textarea.shareLinkConfig-textarea { opacity: 1; }
button.shareLinkConfig-shareBtn {
    text-align: left;
    font: 10px/10px var(--f-SANS);
    font-weight: 400;
    letter-spacing: .22em;
    padding: 0;
    background: none !important;
    border: none;
    color: var(--c-OFFBLACK);
    font-weight: bold;
    text-transform: uppercase;
    /* width: 60%; */
    overflow: hidden;
    height: 50px;
}
button.shareLinkConfig-shareBtn::before {
    content: '\e90d';
    font: 25px/51px var(--f-ICONS);
    text-indent: 2px;
    height: 50px;
    width: 50px;
    position: relative;
    background: var(--c-OFFBLACK-LIGHTER);
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
}
.linkCopiedToClipboard button.shareLinkConfig-shareBtn {
    width: 80px;
    line-height: 2;
}
.scrollCta {
    display: none;
    position: absolute;
    min-width: 115px;
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK);
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-weight: bold;
    transform: rotate(90deg);
}
.scrollCta:after {
    content: '';
    width: 14px;
    height: 14px;
    border-top: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    display: block;
    position: absolute;
    right: 0;
    top: -2px;
    bottom: 0;
    transform: rotate(45deg);
}
.scrollCta::before {
    content: '';
    height: 2px;
    width: 42%;
    background: #cccccc;
    position: absolute;
    right: -1px;
    top: calc(50% - 1px);
    animation: animateArrow 1.9s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes animateArrow {
    0% {
        transform-origin: left;
        transform: scaleX(0);
    }
    50% {
        transform-origin: left;
        transform: scaleX(1);
    }
    50.1% {
        transform-origin: right;
        transform: scaleX(1);
    }
    100% {
        transform-origin: right;
        transform: scaleX(0);
    }
}
@media (min-width: 480px) {
    .scrollCta {
        display: block;
    }
    .siteLeadIn + .scrollCta {
        top: 430px;
        right: -2vw;
    }
}
@media (min-width: 768px) {
    .siteLeadIn + .scrollCta {
        top: 630px;
        left: -10px;
        right: auto;
    }
}
@media (min-width: 1024px) {
    .siteLeadIn + .scrollCta {
        top: 650px;
    }
}
@media (min-width: 1400px) {
    .siteLeadIn + .scrollCta {
        top: 800px;
    }
}
.productGrid {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.productGrid > * {
    margin: 5px 5px 0 0;
    flex-grow: 1;
}
@media screen and (min-width: 480px) {
    .productGrid > * {
        width: calc(50% - 5px);
        height: auto;
        display: flex;
    }
}
@media screen and (min-width: 1024px) {
    .productGrid { flex-wrap: nowrap; }
}
.productHero {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
.productHero-media {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}
.carousel {
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
}
.carousel-slide { position: relative; }
.productHero-media-attribution { opacity: 1; }
.productHero .carousel-slide.isDelayed:not(.isLoaded) {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.carousel-slide.isLoaded::before,
.isLoaded::before {
    opacity: 0;
    transition: 1s opacity ease-out;
    pointer-events: none;
}
@media screen and (min-width: 1024px) {
    .productHero {
        flex-direction: row;
        max-width: 1300px;
        padding: 60px;
    }

    .productHero-info {
        width: 50%;
        padding-right: 40px;
        box-sizing: border-box;
    }

    .productHero-media {
        position: relative;
        width: 50%;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 1400px) {
    .productHero { padding: 0; }

    .productHero-info {
        padding: 40px 80px 40px 0;
        box-sizing: border-box;
    }
}
.productHero-media-attribution > * + *,
.productHero-media-attribution > span.lbl + span.lbl { margin-left: 3px; }
.productHero-media-attribution-details > p {
    font: 14px/17px var(--f-SERIF);
    font-weight: bold;
    letter-spacing: 0.018em;
    color: var(--c-OFFBLACK);
    margin: 0;
}
.productHero-media-attribution-details > p {
    display: inline-block;
    margin: 0;
}
.productHero-media-attribution .lbl { line-height: 13px; }
.productHero-media-attribution {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    padding: 3px;
    bottom: 4px;
    z-index: 9;
    min-height: 30px;
    width: 100%;
    text-align: center;
    background: rgba(247, 247, 247, 0.75);
    justify-content: center;
    align-items: baseline;
    box-sizing: border-box;
}
.productHero-info-price { padding-top: calc(var(--spacing)); }
.productHero-info-price > .hdg { margin-right: calc(var(--spacing)); }
.productHero-info-price > .lbl { line-height: 1; }
.productHero-info-price > .lbl + .lbl { margin-left: 5px; }
.productHero-info-price > .lbl + .lbl::before {
    content: "|";
    opacity: 0.5;
    margin-right: 5px;
}
.productHero-info-ratings { margin-top: calc(var(--spacing)) }
.productHero-info-desc { margin-top: calc(var(--spacing)) }
.productHero-info-desc > * {
    font: 15px/22px var(--f-SANS);
    font-weight: 300;
    color: #333333;
    letter-spacing: 0.03em;
}
.productHero-info-desc a {
    color: var(--c-BRAND);
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.productHero-info-desc a:hover { opacity: 0.6; }
.productHero-info-backCta { margin: 10px 0; }
.js-element--dismissContainer ~ div#___ratingbadge_0 { z-index: 9999 !important; }
.mix-disclaimerContainer { bottom: 95px; }
.productHeroPlayIcon {
    position: absolute;
    height: 84px;
    width: 84px;
    left: calc(50% - 42px);
    bottom: calc(50% - 42px);
    background-color: var(--c-WHITE);
    border-radius: 50%;
    font-size: 0;
    box-shadow: 0px 0px 60px 0 rgba(0,0,0,.4);
    transition: transform 0.15s ease-in-out,
                background 0.3s ease-in-out;
}
.productHeroPlayIcon:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: calc(50% - 25px);
    left: calc(50% - 15px);
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid var(--c-BRAND);
}
.productHeroPlayIcon:hover {
    background-color: var(--c-BRAND);
    transform: scale(1.25);
}
.productHeroPlayIcon:hover:after {
    border-left-color: var(--c-WHITE);
}
.productHeroPlayIcon.isPlaying {
    bottom: 20px;
    right: 8vw;
    transform: scale(.5) translateY(-0%) translatex(-0%);
    background-color: var(--c-BRAND);
    box-shadow: none;
}
.productHeroPlayIcon.isPlaying:after {
    height: 50%;
    width: 10%;
    border-top: 0;
    border-bottom: 0;
    border-left: 10px solid var(--c-WHITE);
    border-right: 10px solid var(--c-WHITE);
    top: calc(50% - 20px);
}
.productHeroPlayIcon.isPlaying:hover:after {
    border-right-color: var(--c-WHITE);
}
.productHeroPlayIcon.isPlaying:hover {
    transform: scale(0.55);
}
.productHeroPlayIcon_thumb {
    height: 25px;
    width: 25px;
    left: calc(50% - 12px);
    bottom: calc(50% - 12px);
    pointer-events: none;
}
.productHeroPlayIcon_thumb:after {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid var(--c-BRAND);
}
/* SAMPLE BOOK TARGETED STYLES */
/* .productHero-info-calc {} */
.SLS_47779 #stockCalculator #variants,
.SLS_47779 #stockCalculator #validationMessagesDiv,
.SLS_47779 #stockCalculator #quantity,
.SLS_47779 #stockCalculator #theQuote {
    display: none;
}
.SLS_47779 #stockCalculator .quoteContinue { margin-top: 10px; }
.SLS_47779 #stockCalculator .quoteContinue > button {
    display: block;
    font: 12px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.28em;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    width: 100%;
    padding: calc(var(--spacing)*1.5);
    padding-bottom: calc(var(--spacing)*1.2); /* Vertically centering text */
    border: 2px solid var(--c-BRAND);
    border-top-right-radius: 0 !important; /* overiding global css */
    border-bottom-right-radius: 0 !important; /* overiding global css */
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
.SLS_47779 #stockCalculator .quoteContinue > button:hover {
    cursor: pointer;
    background: var(--c-WHITE);
    color: var(--c-BRAND);
}
.productCard { text-align: center; }
.productCard-media { }
.productCard-title { margin-top: calc(var(--spacing)*2); }
.productCard-cta {
    margin-top: calc(var(--spacing)*2);
    text-transform: lowercase;
}
.productTile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: var(--f-SANS);
    background-color: var(--c-OFFWHITE);
    text-decoration: none;
}
.productTile-name {
    font-size: 16px;
    line-height: 24px;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.1em;
    padding: 25px 30px;
    box-sizing: border-box;
}
.productTile-cta {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: var(--c-OFFBLACK-LIGHT);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: right;
    padding: 25px 30px;
}
.collaterateTiles {
    position: relative;
    padding: calc(var(--spacing)*2);
    min-height: 600px;
}
.collaterateTiles #categoryProductCount,
.collaterateTiles #categoryProductsHeader1,
.collaterateTiles .customProductAttributes { display: none; }
.collaterateTiles .productExcerpt {
    font: 14px/21px var(--f-SANS);
    font-weight: 300;
    color: #333;
    letter-spacing: .03em;
}
.collaterateTiles .productExcerpt a {
    text-decoration: none;
    color: var(--c-BRAND);
}
.collaterateTiles .productExcerpt a:hover { opacity: 0.85; }
.collaterateTiles #categoryProductsPage1 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}
.collaterateTiles .resultsPage > .aProductResult {
    padding: 2vw;
    box-sizing: border-box;
}
.collaterateTiles #categoryProductsPage1 > .aProductResult { width: 50%; }
@media (min-width: 1024px) {

    .collaterateTiles { padding: 0 calc(var(--spacing)*4) calc(var(--spacing)*4); }
    .collaterateTiles_2up #categoryProductsPage1,
    .collaterateTiles_3up #categoryProductsPage1 { margin: 0 auto; }

    .collaterateTiles_2up #categoryProductsPage1 {
        padding: 0 25vw;
        max-width: 50vw;
    }

    .collaterateTiles_3up #categoryProductsPage1 {
        padding: 0 8vw;
        max-width: 84vw;
    }

    .collaterateTiles_2up #categoryProductsPage1 > .aProductResult { width: 50%; }

    .collaterateTiles_3up #categoryProductsPage1 > .aProductResult { width: 33%; }

    .collaterateTiles_4up #categoryProductsPage1 > .aProductResult,
    .collaterateTiles_5up #categoryProductsPage1 > .aProductResult,
    .collaterateTiles_6up #categoryProductsPage1 > .aProductResult { width: 33%; }

    .collaterateTiles .resultsPage > .aProductResult {
        padding: 1vw;
    }
}
@media (min-width: 1200px) {

    .collaterateTiles_4up #categoryProductsPage1 > .aProductResult { width: 25%; }

    .collaterateTiles_5up #categoryProductsPage1 > .aProductResult { width: 20%; }

    .collaterateTiles_6up #categoryProductsPage1 > .aProductResult { width: 16.6667%; }
}
.collaterateTiles .productThumb img {
    display: block;
    transition: all 0.2s ease-in-out;
}
.collaterateTiles .productThumb:hover img {
    transform: scale(1.05);
}
.collaterateTiles .productName a {
    display: block;
    font: 14px/20px  var(--f-SANS);
    font-weight: 400;
    letter-spacing: .15em;
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase;
    color: #007ac9;
}
.collaterateTiles .productName a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.collaterateTiles .productName a:hover,
.collaterateTiles .productName a:hover:after {
    opacity: 0.6;
}
.callToAction {
    display: block;
    max-width: 1250px;
    margin: 0 auto 5px;
    padding: calc(var(--spacing)*2);
    box-sizing: border-box;
    text-align: center;
}
.callToAction_tight {
    margin: 0 auto;
    padding: 10px;
}
.callToAction_wide { max-width: 1440px; }
.callToAction > * + * { margin: calc(var(--spacing)*2) 0 0; }
.callToAction-hd {}
.callToAction-bd {}
.callToAction-ft > a { display: block; }
.callToAction-ft > a + a { margin-top: 20px; }
@media (min-width: 1024px) {
    .callToAction:not(.callToAction_stacked) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .callToAction > * + * { margin: 0 0 0 calc(var(--spacing)); }
    
    .callToAction_stacked > * + * { margin: calc(var(--spacing)*3) 0 0 0; }

    .callToAction-ft > a { display: inline-block; }

    .callToAction-ft > a + a { margin: 0 0 0 20px; }
}
.promoCta {
    position: relative;
    display: inline-block;
    border: solid 3px var(--c-OFFBLACK-LIGHTER);
    padding: calc(var(--spacing)*1.5) calc(var(--spacing)*1.5) calc(var(--spacing));
    margin-top: calc(var(--spacing)*2);
    background-color: var(--c-WHITE);
    box-sizing: border-box;
}
.promoCta-discount {
    position: absolute;
    top: calc(- var(--spacing)*2);
    left: 10px;
    font: 24px/30px var(--f-SERIF);
    color: var(--c-BRAND);
    background-color: var(--c-WHITE);
    padding: 0 calc(var(--spacing)*.5);
}
.promoCta-message {
    font: 14px/24px var(--f-SANS);
    font-weight: 300;
    color: var(--c-OFFBLACK);
    letter-spacing: .05em;
}
.promoCta-code {
    text-transform: uppercase;
    font: 14px/24px var(--f-SANS);
    font-weight: 700;
    color: var(--c-BLACK);
}
@media (min-width: 1400px) {
    .promoCta {
        margin-top: calc(var(--spacing)*4);
    }
}
/* TODO: remove :not puesdo after moving modals out of project */
.mix-bodyIsLocked .project:not(.globalDiaolog) {
    pointer-events: none;
}
.project {
    border-collapse: separate;
    border-spacing: 0 20px;
    margin-top: 20px;
    /* width: 90vw; */
    /* min-width: 55vw; */
    width: 100%;
    box-sizing: border-box;
}
.project-hd {
    border-collapse: collapse;
}
.project-hd-accentRow {
    font: 11px/11px var(--f-SANS);
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: var(--c-OFFBLACK-LIGHTER);
}
.project > thead tr > td,
.project > thead tr > th {
    padding: 12px 20px 8px;
}
.project > tbody > tr::after {
    content: '';
    border-bottom: 40px solid transparent;
}
.project > tbody > tr {
    border: 2px solid transparent;
}
.project_quote td input[type=checkbox],
.project_quote th input[type=checkbox] {
    margin: 0 auto;
    display: block;
}
.project tbody td {
    font: 14px/20px var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK);
}
.project_isEmpty {
    margin: 5vw auto;
    max-width: 1200px;
    padding: 20px;
}
.project > thead > tr > th { text-align: left; }
.project_isEmpty td {
    padding: 40px;
    text-align: center;
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.project_isEmpty td p { margin-bottom: 40px; }
.orderItem > * {
    padding: 20px;
}
thead tr td:last-of-type {
    padding: 0;
}
/* .project-ft td {
    padding: 40px 0;
}

.project-ft-actions {
    text-align: right;
} */
.project-ft-actions .btn {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.project-ft-totals-promo input[type=submit] {
    width: auto;
}
/* @media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .project-ft-totals-promo input[type=submit] { min-width: 105px; } /* IE11 */
/* } */
.project-ft-totals-promo .spdcForm-row_inline > div {
    width: 100%;
    margin-right: 20px;
}
.project-ft-totals-promo-message {
    margin-top: 10px;
    background-color: var(--c-OFFWHITE);
    padding: 10px 10px 8px 10px;
}
.project-ft-totals-promo-message_invalid {
    color: var(--c-WHITE);
    background-color: var(--c-WARNING);
}
.project-ft-totals-promo-message_invalid > .lbl:before {
    content: '\f44c';
    font-family: var(--f-ICONS);
    font-size: 19px;
    vertical-align: middle;
    margin-right: 5px;
    color: var(--c-ERROR);
}
.project-ft-totals-tally {
    font: 14px/14px var(--f-SANS);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.085em;
    border-spacing: 0;
    color: var(--c-OFFBLACK);
    list-style: none;
    padding: 0 20px 0 0;
    /* margin-top: 30px; */
}
.project-ft-totals-tally > li {
    display: table;
    width: 100%;
}
.project-ft-totals-tally > li > * {
    display: table-cell;
    text-align: right;
}
.project-ft-totals-tally a {
    color: var(--c-BRAND);
    text-decoration: none;
}
.project-ft-totals-tally > li + li {
    margin-top: 20px;
}
.project-ft-totals-tally > li > *:first-child {
    width: 70%;
    text-align: right;
    padding-right: 20px;
}
.project-ft-totals-tally-total {
    padding-top: 20px;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.project-ft-totals-tally-shipping { word-wrap: none; }
.project-ft-totals-tally-total > *:last-child { font-size: 26px; }
@media screen and (min-width: 769px) {
    .project-ft td {
        padding: 20px 50px 0;
    }

    /* .project-ft-totals-promo {
        vertical-align: top;
        width: 40%;
    } */

    .project-ft-totals-tally {
        margin-top: 0;
        min-width: 40%;
    }

    /* .project-ft-totals > td > * {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    } */


}
@media screen and (max-width: 768px) {

    .project:not(.project_isEmpty) {
        display: flex;
        flex-direction: column;
        padding: 0;
        /* width: 90vw; */
        /* padding:20px; */
        box-sizing: border-box;
    }

    .project > thead {
        background-color: var(--c-OFFBLACK-LIGHTER);
    }

    .project-hd-supportRow {
        display: block;
        height: 0;
    }

    .project > thead tr > th:nth-child(n+2) { padding: 0; }

    .project > thead tr > th:nth-child(n+3) { font-size: 0; }

    /* .project-ft  tr {
        display: flex;
        flex-direction: column;
    } */

    .project-ft-actions ul {
        display: flex;
        flex-direction: column;
    }

    .project-ft-actions li { order: 1; margin: 0;}
    .project-ft-actions li:first-child {
        order: 2;
        margin-top: 40px;
    }
}
@media (min-width: 480px) {
    /* .project { max-width: 1024px; } */

    .project_quote {
        width: 100%;
        max-width: none;
        min-width: 100%;
        margin: 0;
    }

}
@media (min-width: 1024px) {
    .project { width: 100%; /* for Safari bug */ }
}
@media screen and (min-width: 1200px) {
    .project {
        margin: 0 auto;
        max-width: 1200px;
    }

    .project_isEmpty { margin: 120px auto 30px; }

    .project_isEmpty:only-child { margin: 120px auto }
}
.project-ft-totals-promo {
        padding: 40px;
    }
.project-ft-actions {
        padding: 0 40px 40px;
    }
.project-ft-totals-tally {
        padding: 40px;
        border-top: 4px solid white;
        margin: 0;
    }
/* } */
.orderItem .link {
    text-transform: lowercase;
    line-height: 22px;
}
.orderItem [class*="link_icon"]:before { font-size: 14px; }
.orderItem { transition: all 0.3s ease-in-out; }
.orderItem-files { text-align: center; }
.orderItem button { background-color: transparent; }
.orderItem-files a,
.orderItem-files button {
    position: relative;
    display: inline-block;
    font: 11px/13px var(--f-SANS);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--c-BRAND);
    text-align: center;
    border: none;
    background-color: transparent;
    transition: opacity 0.2s ease-in-out;
}
.orderItem-files a:not(:disabled):hover,
.orderItem-files button:not(:disabled):hover {
    opacity: 0.5;
    cursor: pointer;
}
.orderItem-files a::before,
.orderItem-files button::before {
    content: '\f40a';
    font-family: var(--f-ICONS);
    font-style: normal;
    font-size: 26px;
    line-height: 36px;
    display: block;
}
.orderItem-files_needFiles a,
.orderItem-files_needFiles button {
    color: var(--c-ALERT-TXT);
}
.orderItem-files.orderItem-files_needFiles a::before,
.orderItem-files.orderItem-files_needFiles button::before {
    content: '\f40a';
    font-family: var(--f-ICONS);
    font-style: normal;
    font-size: 26px;
}
.orderItem-files.orderItem-files_needFiles a::after,
.orderItem-files.orderItem-files_needFiles button::after {
    content: '\f44c';
    font: 25px/23px var(--f-ICONS);
    position: absolute;
    height: 20px;
    width: 20px;
    left: 50%;
    top: -3px;
    background-color: var(--c-ALERT);
    color: var(--c-ALERT-TXT);
    border-radius: 50%;
}
.orderItem-files_hasFiles {
    position: relative;
}
.orderItem-files.orderItem-files_hasFiles a::before,
.orderItem-files.orderItem-files_hasFiles button::before {
    content: '\f41b';
    font-size: 30px;
    line-height: 36px;
}
.orderItem-files_noFiles button:disabled {
    color: var(--c-OFFBLACK-LIGHT);
}
.orderItem-files_noFiles button:disabled:before,
.orderItem-files_hasThumb a:before,
.orderItem-files_hasThumb button:before {
    content: none;
}
.orderItem-files_viewFiles button:before {
    content: '\e90e';
}
.orderItem-files-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.orderItem-files-container img {
    cursor: pointer;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    padding-bottom: 10px;
}
.orderItem-files-counter {
    height: 15px;
    width: 15px;
    font: 11px/11px var(--f-SANS);
    font-weight: 700;
    position: absolute;
    background-color: var(--c-OFFBLACK-LIGHTER);
    color: var(--c-OFFBLACK);
    left: 49%;
    border-radius: 50%;
    font-size: 11px;
    line-height: 17px;
    padding: 2px;
    margin-top: -2px;
    z-index: 1;
}
.orderItem-info {}
.orderItem-info-name_isEditable {
    font-size: 0;
    position: relative;
}
.orderItem-info-name-label {
    font-size: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-block;
    left: -25px;
    cursor: pointer;
}
.orderItem-info-name-label::before {
    content: "\e060";
    font-family: var(--f-ICONS);
    font-style: normal;
    position: absolute;
    left: 0;
    top: 9px;
    height: 20px;
    width: 20px;
    z-index: 1;
    color: var(--c-BRAND);
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: bottom;
    padding-left: 2px; /* resolve clipping issue on hover */
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.orderItem-info-name {
    font-family: var(--f-SANS);
    font-weight: 700;
    margin: 5px 0;
}
.orderItem-info-name_isEditable > input[type="text"] {
    cursor: pointer;
    font-family: var(--f-SANS);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    border: 0;
    padding: 12px 5px 8px 5px;
    position: relative;
    left: -5px;
    width: calc(100% - 20px);
    text-align: left;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.03em;
    margin: 0;
    transition: all 0.3s ease-in-out;
    background-color: none;
    width: 100%;
}
.orderItem-info-name_isEditable > input[type="text"]:hover {
    background-color: var(--c-OFFWHITE);
}
.orderItem-info-name_isEditable + .orderItem-info-product { padding-top: 5px; }
.orderItem-info-product {
    font: 11px/11px var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK-LIGHT);
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.orderItem-info-description {
    font: 12px/15px var(--f-SANS);
    font-weight: 300;
    white-space: pre-line;
    color: var(--c-OFFBLACK);
    word-break: break-all;
}
.orderItem-info-actions {
    border-top: 1px solid var(--c-OFFWHITE);
    padding-top: 10px;
    margin: 10px 0 0 0;
    flex-wrap: wrap;
}
.orderItem-info-actions {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.orderItem-info-actions .link::before { vertical-align: middle; }
.orderItem-info-actions .link:not(.link_iconSaveforLater)::before { font-size: 12px; }
.orderItem-info-actions [class*=link_icon]:before {
    padding-left: 0;
    margin-right: 5px;
}
.mix-orderItem_alignRight { text-align: right !important; }
.orderItem-qty ,
.orderItem-price,
.orderItem-unitPrice {
    text-align: right;
}
.orderItem-remove a,
.orderItem-remove button {
    border: none;
    font-size: 0;
}
.orderItem-remove a:before,
.orderItem-remove button:before {
    content: '\e90b';
    font-family: var(--f-ICONS);
    font-size: 26px;
    display: inline-block;
    color: var(--c-OFFBLACK-LIGHTER);
    transition: color 0.2s ease-in-out;
}
.orderItem-remove a:hover:before,
.orderItem-remove button:hover:before {
    color: var(--c-ERROR);
    cursor: pointer;
}
.orderItem_isInvalid > td.orderItem-price,
.orderItem_isInvalid > td.orderItem-qty,
.orderItem_isInvalid > td > .orderItem-info-name {
    text-decoration: line-through;
}
.orderItem_isInvalid > td:not(.orderItem-price, .orderItem-qty),
.orderItem_isInvalid > td > * {
    color: var(--c-ERROR) !important;
}
.orderItem_isPending {
    transition: opacity 300ms;
    opacity: .5;
    pointer-events: none;
}
@media screen and (max-width: 768px) {

    .orderItem {
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
        margin-top: 20px;
    }

    .orderItem-files {
        order: 4;
        width: 100%;
        box-sizing: border-box;
        width: 50%;
        border-top: 1px solid var( --c-OFFBLACK-LIGHTER);
        padding: 20px;
    }

    .orderItem-info {
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
    }

    .orderItem-info-actions {
        padding-top: 20px;
        margin-top: 20px;
    }

    .orderItem-qty {
        padding: 10px 10px 30px 20px;
        order: 2;
        width: 50%;
        box-sizing: border-box;
        text-align: left !important;
    }

    .orderItem-qty:before {
        content: 'QTY';
        font: 11px/11px var(--f-SANS);
    font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        color: var( --c-OFFBLACK-LIGHT);
        margin-right: 5px;
    }

    .orderItem-price {
        order: 3;
        box-sizing: border-box;
        width: 50%;
        padding: 10px 20px 20px 10px;
    }

    .orderItem-price:before {
        content: 'Price';
        font: 11px/11px var(--f-SANS);
    font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        color: var( --c-OFFBLACK-LIGHT);
        margin-right: 5px;
    }

    .orderItem-unitPrice {
        order: 2;
        box-sizing: border-box;
        padding: 10px 20px 20px 10px;
    }

    .orderItem-unitPrice::before {
        content: 'Unit Price';
        font: 11px/11px var(--f-SANS);
    font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .1em;
        color: var( --c-OFFBLACK-LIGHT);
        margin-right: 5px;
    }

    .orderItem-files_noFiles button { padding-top: 10px; }

    .orderItem-remove {
        order: 5;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        width: 50%;
        border-top: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-left: 1px solid var( --c-OFFBLACK-LIGHTER);
        padding: 20px;
    }

    .orderItem-remove a,
    .orderItem-remove button {
        margin: 0 auto;
        display: block;
        background: none;
        height: 100%;
    }

    .orderItem-files {
        border-left: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-bottom: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem-info {
        border: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-bottom: none;
    }

    .orderItem-qty {
        border-left: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem-price {
        border-right: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem-remove {
        border-right: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-bottom: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem-info-name_isEditable > input[type="text"] {
        left: 5px;
    }

    .orderItem-info-name-label {
        left: -13px;
    }

}
@media screen and (min-width: 769px) {
    .orderItem > td:first-child {
        border-top: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-left: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-bottom: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem > td {
        border-top: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-bottom: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem > td:last-child {
        border-top: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-right: 1px solid var( --c-OFFBLACK-LIGHTER);
        border-bottom: 1px solid var( --c-OFFBLACK-LIGHTER);
    }

    .orderItem > td {
        transition: all 0.2s ease-in-out;
    }

    .orderItem:hover > td {
        border-color: var(--c-BRAND);
    }

    .orderItem_isInvalid:hover > td {
        border-color: var(--c-ERROR);
    }

    .orderItem-checkbox { border-right: 1px solid var(--c-OFFBLACK-LIGHTER); }

    .orderItem-remove {
        width: 20px;
        padding: 0 10px 0 0;
    }

}
@media (min-width: 1024px) {
    .orderItem-info-actions {
        justify-content: left;
    }
}
.fileUpload ul { list-style: none; }
.fileUpload > * + * { margin-top: 40px; }
.fileUpload-list { padding: 0; }
.fileUpload-list-item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    text-align: left;
}
.fileUpload-list-item > *:before {
    content: '\e040';
    font-family: var(--f-ICONS);
    font-size: 18px;
    font-weight: normal;
    display: inline-block;
    vertical-align: sub;
    margin-right: 10px;
    color: var(--c-OFFBLACK-LIGHTER);
}
.fileUpload-list > * + * { border-top: 1px solid var(--c-OFFBLACK-LIGHTER); }
.fileUpload-list-item-remove {}
button.fileUpload-list-item-remove {
    border: none;
    font-size: 0;
    background-color: transparent;
    white-space: nowrap;
}
.fileUpload-list-item-remove:before {
    content: '\e90b';
    font-family: var(--f-ICONS);
    font-size: 18px;
    display: inline-block;
    transition: color 0.2s ease-in-out;
    color: var(--c-ERROR);
}
.fileUpload-list-item-remove:hover:before,
.fileUpload-list-item-remove.isUndo:hover:after {
    cursor: pointer;
}
button.fileUpload-list-item-remove.isUndo:before {
    content: '\f4c6';
}
button.fileUpload-list-item-remove.isUndo:after {
    content: 'Undo';
    font: 14px/14px var(--f-SANS);
    font-weight: 400;
    color: var(--c-ERROR);
    text-transform: uppercase;
}
.fileUpload-progress {
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    letter-spacing: 0.087em;
    color: var(--c-OFFBLACK);
    padding: 0 0 20px 0;
}
.fileUpload-progress > * + * {
    margin-top: 20px;
}
.fileUpload-progress-file {
    padding: 5px 0;
}
.fileUpload-progress-file-info {
    margin-top : 5px;
    position: relative;
    height: 3px;
    background-color: var(--c-OFFBLACK-LIGHTER);
}
.fileUpload-progress-file-cancel {
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-ERROR);
    padding-right: 10px;
}
.fileUpload-progress-file-cancel:hover {
    opacity: 1;
}
.fileUpload-list-item .lbl {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media screen and (max-width: 769px) {
    .fileUpload-list-item .lbl {
        font-size: 2.25vw;
    }
}
@media (min-width: 1024px) {
    .fileUpload-list {
        padding: 0 20px;
    }
    .fileUpload-progress {
        padding: 0 20px;
    }
}
.fileUpload-progress-file-info > .fileUpload-progress-file-info-loaded {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: var(--c-BRAND);
}
.fileUpload-container {
    position: relative;
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    letter-spacing: 0.087em;
    color: var(--c-OFFBLACK);
}
.fileUpload-container-cta {
    position: relative;
    padding: 20px 20px 17px 60px;
    text-transform: uppercase;
    border: 1px dashed var(--c-OFFBLACK);
    background-color: var(--c-OFFWHITE);
    transition: all 0.2s ease-in-out;
}
.fileUpload-container-cta span {
    pointer-events: none;
    position: relative;
    z-index: 1;
}
.fileUpload-container-cta:before {
    content: '\f40a';
    font-family: var(--f-ICONS);
    font-size: 24px;
    position: absolute;
    left: 20px;
}
.fileUpload-container-cta:hover {
    background-color: var(--c-OFFBLACK-LIGHTER);
    cursor: pointer;
}
.fileUpload-container-cta.hasDragOver {
    background-color: var(--c-OFFBLACK-LIGHTER);
}
.fileUpload-container-cta-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: bounding-box;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}
.fileUpload-container-note {
    margin: 10px 10px 0;
}
.keyValTable {
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}
.keyValTable tr > * {
    width: 50%;
    padding: 10px 0;
    border-spacing: 0;
}
.keyValTable_spread tr > * { padding: 20px 0; }
.keyValTable_ruleAbove tr + tr > * {
    border-top: 1px solid var(--c-OFFBLACK-LIGHT);
}
.keyValTable_auto tr > * { width: auto; }
.keyValTable_auto tr > th { padding-right: 10px; }
.keyValTable_80-20 tr > *:first-child { width: 90%; }
@media (min-width: 1024px) {
    .keyValTable_40-60 tr > *:first-child {
        padding-left: 40px;
        width: 40%;
    }

    .keyValTable_40-60 tr > * + * { padding-left: 10px; }
}
.klevuHeadingText {
    font-family: var(--f-SANS) !important;
    font-size: 12px !important;
    letter-spacing: 0.03em !important;
    font-weight: bold !important;
}
.klevuSuggestionHeading.kuRecentSearchHeading { padding: 10px 5px !important; }
.kuRecentSearchTerms {
    font-family: var(--f-SANS) !important;
    padding: 0 !important;
}
.klevuAutoSuggestionsWrap ul,
.kuPopularSearchTerms { font-family: var(--f-SANS) !important; }
.klevuResultsBlock .klevuProductsViewAll a {
    font-family: var(--f-SERIF);
    text-decoration: none !important;
    border-bottom: none !important;
    color: var(--c-BRAND) !important;
    text-transform: none !important;
    font-size: 11px !important;
    font-weight: bold !important;
    font-style: italic !important;
    letter-spacing: 0.1em !important;
}
.klevuQuickProductName {
    font-family: var(--f-SANS) !important;
    font-size: 16px !important;
}
.klevu-desc-l2 { font-family: var(--f-SANS) !important; }
.klevuQuickImgWrap img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}
.klevuQuickProductDescBlock .klevuQuickProductName.kuClippedOne {
    color: var(--c-OFFBLACK) !important;
    font-size: 14px !important;
}
.klevuResultsBlock .klevuQuickSearchResults ul li:hover { background-color: var(--c-OFFWHITE) !important; }
.kuCarousel .nav {
    margin: 0 !important;
    top: calc(50% - 34px) !important;
}
.kuSearchResultsPageContainer .kuResultsHeadingTitleContainer {
    font-size: 20px !important;
    font-family: var(--f-SERIF) !important;
    text-align: center !important;
    padding-bottom: 20px !important;
    margin-top: 10px !important;
}
.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdTop .klevuImgWrap a img {
    object-fit: cover !important;
    height: 100% !important;
    width: 100% !important;
}
.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdTop .klevuImgWrap { min-height: 250px !important; }
.kuProdWrap {
    background-color: var(--c-OFFWHITE) !important;
    border: none !important;
}
.kuName.kuClippedOne {
    font-family: var(--f-SANS) !important;
    letter-spacing: 0.03em !important;
}
.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdBottom {
    height: auto !important;
    padding: 15px !important;
}
.kuSearchResultsPageContainer .kuResults ul li { padding: 1px !important; }
.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdAdditional { display: none !important; }
.kuPagination { font-family: var(--f-SANS-COND) !important; }
.kuPagination a {
    padding: 5px 10px !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    border-right: none !important;
    color: var(--c-OFFBLACK) !important;
}
.kuPagination a:hover,
.kuPagination a.kuCurrent{
    background-color: var(--c-OFFWHITE) !important;
    border-radius: 4px;
}
.kuContainer .kuTabs a.kuTabSelected { border-bottom: 3px solid var(--c-BRAND) !important; }
.kuContainer .kuTabs a { font-family: var(--f-SANS) !important; }
.kuDropdown.kuDropSortBy,
.kuLandingResultsViewSwitchContainer { display: none !important; }
.kuSearchResultsPageContainer .kuDropdown .kuDropdownLabel {
    font-family: var(--f-SANS)!important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;}
.kuSearchResultsPageContainer .kuDropdown .kuDropdownOptions {
    font-family: var(--f-SANS) !important;
    background-color: var(--c-WHITE) !important;
}
.kuSearchResultsPageContainer .kuDropdown .kuDropdownOptions .kuDropOption:hover { background-color: var(--c-OFFWHITE) !important; }
[data-result-view='list']  .kuProdWrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
/* List view layout adjustments */
.kuSearchResultsPageContainer [data-result-view=list] .kuResults ul li .kuName a { font-family: var(--f-SANS) !important; }
.kuSearchResultsPageContainer [data-result-view=list] .kuResults ul li .kuProdWrap .kuProdTop .klevuImgWrap {
    min-height: auto !important;
    height: auto !important;
}
.kuSearchResultsPageContainer [data-result-view=list] .kuResults ul li .kuProdWrap .kuProdTop .klevuImgWrap a img {
    position: static !important;
    max-height: 150px !important;
    max-width: 150px !important;
    width: 100% !important;
    height: auto !important;
}
.kuSearchResultsPageContainer [data-result-view=list] .kuResults ul li .kuProdWrap .kuProdTop .klevuImgWrap { margin-bottom: 0;; }
[data-result-view=list] .kuProdWrap { justify-content: flex-start !important; }
[data-result-view='list'] .klevuProduct main { width: auto !important; }
.kuLandingNoRecordFound .klevuNoResultsRecsResultsInner a.klevuNoResultsRecsTitle {
    font-family: din-2014,'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    letter-spacing: .03em !important;
    font-size: 14px  !important;
}
.klevuNoResultsRecs-itemWrap.klevuRecommendedProduct.klevuProduct {
    background-color: #f7f7f7 !important;
    border: none !important;
}
.kuLandingNoRecordFound .klevuNoResultsRecsResultsInner .klevuNoResultsRecs-item {
    border: none !important;
    min-height: auto !important;
    background: none !important;
    margin-bottom: 10px !important;
}
.kuLandingNoRecordFound .klevuNoResultsRecs-itemImg {
    min-height: auto !important;
}
.klevuNoResultsRecs-itemWrap.klevuRecommendedProduct.klevuProduct {
    box-sizing: border-box !important;
    padding: 10px !important;
}
.kuLandingNoRecordFound .klevuNoResultsRecs h3 {
    font-family: 'din-2014' !important;
}
/* Other Results Tab Text */
a.kuTab[data-section="contentList"] { font-size: 0 !important; }
a.kuTab[data-section="contentList"] > b {
    font-size: 13px !important;
    line-height: 130% !important;
}
a.kuTab[data-section="contentList"]:after {
    content: 'Blog and Support';
    font-size: 13px;
    line-height: 130%;
    margin-left: 5px;
}
@media screen and (min-width: 1024px) {
    [data-result-view='list'] .kuResults {
        max-width: 70% !important;
        margin: 0 auto !important;
    }   
}
.compareTable {
    width: 100%;
    overflow-x: scroll;
    font: 2vw/2.2vw var(--f-SANS);
    font-weight: 300;
    color: var(--c-OFFBLACK);
    /* padding: 20px 0; */
}
.compareTable {
    position: relative;
    margin: 20px 0px;
}
.compareTable table {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2vw 0;
    margin: 5px -2.2vw;
}
.compareTable th {
    text-align: right;
    font: 2vw/2vw var(--f-SANS);
    font-weight: 700;
    color: var(--c-BLACK);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 25vw;
    position: sticky;
    left: 0;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
    background: var(--c-WHITE);
    box-shadow: 0 3px 3px 1px var(--c-OFFBLACK-LIGHTER);
}
.compareTable tr:first-of-type th {
    border-top: none;
    box-shadow: 0 0px 3px 1px var(--c-OFFBLACK-LIGHTER);
}
.compareTable th,
.compareTable tr:not(.compareTable-productRow) td {
    padding: 1.9vw;
}
.compareTable td {
    text-align: center;
    vertical-align: middle;
    box-shadow:
    0 10px 5px 1px var(--c-OFFBLACK-LIGHTER),
    0 10px 5px 1px var(--c-OFFBLACK-LIGHTER);
    width: 17vw;
}
.compareTable-productRow {
    font: 1.8vw/1.9vw var(--f-SANS);
    font-weight: 400;
    color: var(--c-BLACK);
    text-transform: uppercase;
}
.compareTable-productRow td {
    padding: 0 0 2vw 0;
    vertical-align: top;
    overflow: hidden;
}
.compareTable-productRow td > * + * {
    margin-top: 10px;
}
.compareTable-productRow td,
.compareTable-servicesRow td {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow:
    0 10px 5px 1px var(--c-OFFBLACK-LIGHTER),
    0 10px 5px 1px var(--c-OFFBLACK-LIGHTER),
    0 0 5px 1px var(--c-OFFBLACK-LIGHTER);
}
.compareTable tr:last-of-type td {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow:
    0 0 5px 0 var(--c-OFFBLACK-LIGHTER),
    0 0 5px 0 var(--c-OFFBLACK-LIGHTER);
}
.compareTable tr:first-of-type th:before,
.compareTable tr:last-of-type th:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: var(--c-WHITE);
    left: 0
}
.compareTable tr:first-of-type th:before {
    top: -5px;
}
.compareTable tr:last-of-type th:after {
    bottom: -5px;
}
.compareTable tr:nth-child(even) td {
    background: var(--c-OFFWHITE);
}
.compareTable tr:nth-child(odd) td {
    background: var(--c-WHITE);
}
.compareTable .btn.btn_reversed {
    min-width: 100%;
    font-size: 1.1vw;
    padding: .7vw;
}
.mix-compareTable-ecoIcon { white-space: nowrap; }
.mix-compareTable-ecoIcon svg {
    display: inline-block;
    height: 12px;
    width: 16px;
    vertical-align: text-bottom;
 }
@media (min-width: 480px) {
    .mix-compareTable-ecoIcon svg { height: 16px; }
}
@media screen and (min-width: 768px) {

    .compareTable .btn.btn_reversed {
        font-size: 1.5vw;
        padding: 1.5vw;
    }

    .compareTable td { width: 15vw; }

    .compareTable-productRow { font: 1.5vw/1.6vw  var(--f-SANS);
    font-weight: 400; }

    .compareTable th {
        font: 1.5vw/1.5vw  var(--f-SANS);
    font-weight: 700;
        width: 17vw;
    }

    .compareTable tr:not(.compareTable-productRow) td, .compareTable th { padding: 1.2vw; }

    .compareTable-productRow td { padding-bottom: 1.5vw; }

    .compareTable { font: 1.5vw/1.9vw var(--f-SANS); font-weight: 300; }

    .mix-compareTable-ecoIcon svg {
        height: 24px;
        width: 24px;
    }

}
@media (min-width: 1024px) {

    .compareTable { font: 1.2vw/1.5vw var(--f-SANS); font-weight: 300; }

    .compareTable td { width: 15vw; }

    .compareTable-productRow { font: 1.2vw/1.3vw  var(--f-SANS);
    font-weight: 400; }

    .compareTable th {
        font: 1.2vw/1.2vw  var(--f-SANS);
        font-weight: 700;
        width: 12vw;
    }

    .compareTable .btn.btn_reversed {
        font-size: 1.2vw;
        padding: 1.2vw;
    }

}
.compareTable_services th { width: 25vw; }
@media (min-width: 1200px) {

    .compareTable { font: 14px/1vw var(--f-SANS); font-weight: 300; }

    .compareTable table {
        border-spacing: 25px 0;
        margin: 5px -1vw;
    }

    .compareTable-productRow { font: .7vw/.9vw  var(--f-SANS);
    font-weight: 400; }

    .compareTable td { width: 11vw; }

    .compareTable th {
        font: 14px/1vw  var(--f-SANS);
        font-weight: 700;
        width: 8vw;
    }

    .compareTable tr:not(.compareTable-productRow) td, .compareTable th { padding: .5vw; }

    .compareTable-productRow td { padding-bottom: .8vw; }

    .compareTable .btn.btn_reversed {
        font-size: 12px;
        padding: min(20px, .8vw);
    }
    .compareTable_services th { width: 14vw; }

}
@media (min-width: 1400px) {
    .compareTable tr:not(.compareTable-productRow) td, .compareTable th { 
        padding: 7px; 
    };
    .compareTable table { 
        border-spacing: 25px 0;
    }
    .compareTable_services th { 
        width: 250px;
        font-size: 14px;
    }
    .compareTable td { 
        width: 180px;
        line-height: 20px;
    }
    .compareTable {
        font-size: 14px;
    }
}
.compareTable-servicesRow td {
    font-family: var(--f-SANS);
    font-weight: 700;
}
.badgeMenu {
    position: relative;
}
@media screen and (min-width: 769px) {
    .badgeMenu_cart {
        right: -22px;
        top: 22px;
    }
}
@media screen and (max-width: 768px) {
    .badgeMenu_cart {
        position: relative;
        width: 44px;
        height: 44px;
        display: block;
        right: -75vw;
        top: -7px;
    }
}
.badgeMenu-trigger {
    height: 44px;
    width: 44px;
    background: var(--c-BRAND);
    border-radius: 50%;
}
.badgeMenu-trigger:before {
    content: '?';
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    font: 26px/26px var(--f-SANS);
    font-weight: 400;
    text-align: center;
    color: var(--c-WHITE);
}
.badgeMenu-content {
    height: 0;
    width: 0;
    overflow: hidden;
}
.badgeMenu-content-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.badgeMenu-content-list > * {
    padding: 10px 0;
}
.badgeMenu-content-list > * + * {
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.badgeMenu-content-list .link {
    text-transform: lowercase;
}
.badgeMenu-trigger,
.badgeMenu-content {
    position: absolute;
}
.badgeMenu-content {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
.badgeMenu-trigger {
    z-index: 3;
    cursor: pointer;
}
.badgeMenu-trigger:hover + .badgeMenu-content,
.badgeMenu-content:hover {
    cursor: pointer;
    height: auto;
    width: auto;
    box-sizing: border-box;
    padding: 20px 40px;
    background: var(--c-WHITE);
    top: 20px;
    right: 15px;
    min-width: 300px;
    z-index: 2;
    box-shadow: 0 0 4px 0 var(--c-OFFBLACK-LIGHT);
    opacity: 1;
}
.userAccount {
    display: flex;
    flex-direction: row;
    background-color: var(--c-OFFWHITE);
    position: relative;
}
.userAccount-main {
    width: 100%;
    background-color: var(--c-WHITE);
}
.userAccount-main-leadin {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 40px 40px 0 40px;
}
.userAccount-main-content {
    padding: 40px;
}
.userAccount-aside {
    display: none;
    width: 200px;
    position: sticky;
    align-self: flex-start;
    transition: width 0.2s ease-in-out;
}
.userAccount-main-leadin-right {
    margin-top: 20px;
    width: 100%;
}
.userAccount-main-leadin-left > * + * { margin-top: 20px; }
@media screen and (min-width: 1024px) {

    .userAccount-main {
        max-width: calc(100% - 200px);
        transition: all 0.2s ease-in-out;
        border-left: 1px solid var(--c-OFFBLACK-LIGHTER);
    }
    .userAccount-aside { display: block; }

    .userAccount-main-leadin {
        flex-direction: row;
        align-items: center;
    }

    .userAccount-main-leadin-left > * + * {
        margin-left: 80px;
        margin-top: 0;
    }

    .userAccount-main-leadin-left {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 50%;
        justify-content: stretch;
    }

    .userAccount-main-leadin-right {
        display: flex;
        justify-content: flex-end;
        width: 50%;
        margin-top: 0;
    }
}
.userAccount-aside a { transition: all 0.2s ease-in-out; }
.userAccount-aside-bio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    text-align: center;
    min-height: 100px;
    overflow: hidden;
}
ul.userAccount-aside-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.userAccount-aside-nav {
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.userAccount-aside-nav > * {
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.userAccount-aside-nav-item a {
    display: block;
    padding: 20px 20px 14px 22px;
    position: relative;
    font: 14px/14px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--c-OFFBLACK);
    border-left: 1px solid transparent;
    white-space: nowrap;
    text-decoration: none;
}
.userAccount-aside-nav-item a:hover,
.userAccount-aside-nav-item a:focus,
body.quotes-page .userAccount-aside-nav-item_quotes a,
body.my-products-page .userAccount-aside-nav-item_myProducts a,
body.account-page .userAccount-aside-nav-item_settings a,
body.orders-page .userAccount-aside-nav-item_orders a,
body.my-products-product-page .userAccount-aside-nav-item_myProducts a,
body#personalize-dashboard .userAccount-aside-nav-item_myProducts a,
body.mix-printPointsAccount .userAccount-aside-nav-item_printPoints a {
    color: var(--c-BRAND);
    border-left: 6px solid var(--c-BRAND);
    padding-left: 17px;
    background-color: var(--c-WHITE);
}
body.my-products-page .userAccount-aside-nav-item_myProducts a,
body.account-page .userAccount-aside-nav-item_settings a,
body.orders-page .userAccount-aside-nav-item_orders a,
body.my-products-product-page .userAccount-aside-nav-item_myProducts a,
body#personalize-dashboard .userAccount-aside-nav-item_myProducts a,
body.mix-printPointsAccount .userAccount-aside-nav-item_printPoints a  {
    margin-right: -1px; /* Offset for the current nav item styles */
}
.userAccount-aside-nav-item a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: 0;
    font-family: var(--f-ICONS);
    font-size: 19px;
    line-height: 1;
    text-align: left;
    margin-right: 10px;
    width: 20px;
}
.userAccount-aside-nav .total-notification-count {
    display: inline-block !important;
    position: relative;
    top: -2px;
    font: 11px/20px var(--f-SANS);
    font-weight: 400;
    color: var(--c-WHITE);
    text-align: center;
    letter-spacing: -0.05em;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    margin-left: 5px;
    vertical-align: middle;
    background: var(--c-ERROR);
}
.userAccount-aside-nav .total-notification-count.isEmpty,
.userAccount-aside-nav .total-notification-count.isEmpty > * { display: none; height: 0; width: 0; padding: 0; overflow: hidden; }
.userAccount-aside-nav-item_signOut {
    /* margin-top: 46px; */
}
.userAccount-aside-nav-item_signOut a {
    background-color: var(--c-OFFBLACK-LIGHTER);
}
.userAccount-aside-nav-item_quotes a:before { content: '\e910'; }
.userAccount-aside-nav-item_orders a:before { content: '\e90f'; }
.userAccount-aside-nav-item_myProducts a:before { content: '\e915'; }
.userAccount-aside-nav-item_settings a:before { content: '\e09a'; }
.userAccount-aside-nav-item_signOut a {
    color: var(--c-OFFBLACK);
    /* text-align: center; */
    /* padding: 22px 20px 16px 22px; */
}
.userAccount-aside-nav-item_signOut a:hover,
.userAccount-aside-nav-item_signOut a:focus {
    background-color: var(--c-OFFBLACK-LIGHT);
    color: var(--c-WHITE);
    border-left: 1px solid transparent;
    padding-left: 22px;
}
.userAccount-aside-nav-item_signOut a:before {
    content: '\f266';
    left: 4px;
}
.userAccount-aside-nav-item_isNew a:after {
    content: 'New';
    position: absolute;
    font-size: 11px;
    transform: rotate(-90deg);
    left: -4px;letter-spacing: 0.15em;
    color: var(--c-BRAND);
}
.userAccount-aside-nav-item_printPoints a:before {
    content: 'P';
    display: inline-block;
    height: 22px;
    width: 22px;
    font-family: var(--f-SLAB);
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: var(--c-BLACK);
    border-radius: 50%;
    background-color: var(--c-OFFWHITE);
    padding-left: 1px; /* Shim for center aligment of letter*/
    box-sizing: border-box;
}
.mix-ppTierCyan .userAccount-aside-nav-item_printPoints a:before {
    content: 'C';
    background-color: var(--c-TIER-CYAN);
}
.mix-ppTierMagenta .userAccount-aside-nav-item_printPoints a:before {
    content: 'M';
    background-color: var(--c-TIER-MAGENTA);
}
.mix-ppTierYellow .userAccount-aside-nav-item_printPoints a:before {
    content: 'Y';
    background-color: var(--c-TIER-YELLOW);
}
.mix-ppTierBlack .userAccount-aside-nav-item_printPoints a:before {
    content: 'K';
    background-color: var(--c-TIER-BLACK);
    color: var(--c-WHITE);
}
.featureTile {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
}
.featureTile-cta {
    position: static;
    bottom: 0;
    background: var(--c-WHITE);
    padding: 20px;
    right: 0;
}
.featureTile { text-decoration: none; }
.featureTile:hover > .featureTile-img > img {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.featureTile-img {
    overflow: hidden;
    display: block;
}
.featureTile > .featureTile-img > img { transition: all 0.3s ease-in-out; }
.featureTile:hover > .featureTile-cta > .link_carrot:after { right: 0; }
.videoOverlay {
    margin: 0 auto;
    max-width: 1024px;
}
.videoOverlay-hd {
    margin-bottom: 20px;
    padding: 0 10%;
}
.videoOverlay-media { position: relative; }
.videoOverlay-media > video {
    position: absolute;
    top: 2%;
    left: 12%;
    width: 76%;
    right: 12%;
}
.mod-youtube-video {
    width: 100%;
    aspect-ratio: 16 / 9;
}
@media screen and (min-width: 480px) {
    .videoOverlay-media > video { top: 3%; }
}
@media screen and (min-width: 1024px) {
    .videoOverlay-media > video { top: 4.5%; }
}
.fixedMediaContainer {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}
.fixedMediaContainer > picture > * {
    height: 100vh;
    object-fit: cover;
}
.responsiveEmbedContainer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.responsiveEmbedContainer iframe,
.responsiveEmbedContainer object,
.responsiveEmbedContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.disabledCalcContainer {
    position: relative;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.disabledCalcContainer-message {
    max-width: 1200px;
    font: 22px/28px din-2014,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 300;
    letter-spacing: 0.03em;
    color: #AE921C !important;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    background-color: var(--c-ALERT);
    border: 1px solid var(--c-ALERT-TXT);
    padding: 80px;
}
.disabledCalcContainer-message .hdg {
    font-family: var(--f-SANS-COND);
    font-size: 50px;
    text-transform: uppercase;
    color: var(--c-ALERT-TXT);
    letter-spacing: 0.03em;
}
.disabledCalcContainer-message p {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}
/* updated hero for ai slide */
.bubble {
    opacity: 0;
    transform: translateY(20px);
    margin: 0 0 20px;
    width: 350px;
    border-radius: 20px;
    padding: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    will-change: opacity, transform;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    position: relative;
}
.bubble-inner {
    padding: 20px 20px;
    word-wrap: break-word;
    background-color: #fff;
    border-radius: 15px;
}
.bubble.active {
    opacity: 1;
    transform: translateY(0);
}
.bubble.fade-out { opacity: 0; }
.bubble.request {
    margin-left: 60px;
    background-color: #fff;
}
.bubble.response {
    margin-right: 60px;
    background: linear-gradient(to right, #2AD9D9, #FF00FF);
}
.bubble-star {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 40px;
    position: absolute;
    left: -15px;
    top: -15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.bubble-star svg {
    width: 24px;
    height: 24px;
}
.bubble-star path { fill: url(#star-gradient); }
@media (min-width: 768px) {
    .bubble-container { display: block; }
}
@media (min-width: 1024px) {
    .bubble-container {
        right: 11%;
        top: 12.34567%;
    }
}
[class*=pill]:after {
    display: inline-block;
    vertical-align: middle;
    font: 8px/8px var(--f-SANS-ALT);
    font-weight: 700;
    padding: 4px 8px;
    margin-left: 5px;
    border-radius: 8px;
    text-transform : uppercase;
    letter-spacing: 1px;

    /* Enlarge pills for duration of ship test */
    padding: 5px 12px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 11px;
    margin-top: -2px;
    margin-bottom: -2px;
}
.pill_isNew:after {
    content: 'New';
    background-color: var(--c-BRAND-LIGHTER);
    color: var(--c-BLACK);
}
.pill_questionTip:after {
    content: '\f143';
    font: 10px/10px var(--f-ICONS);
    color: var(--c-BRAND);
    text-align: center;
    height: 17px;
    width: 17px;
    padding: 4px;
    background-color: #f1f1f1;
    border-radius: 50%;
    box-sizing: border-box;
}
.pill_pdp {
    margin-top: 5px;
    margin-bottom: 15px;
}
.pill_pdp:after {
    margin-left: 0;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 14px;
}
.pdpGrid-media {}
.pdpGrid-description {}
.pdpGrid-resources {}
.pdpGrid-calc {}
.pdpGrid-media-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/* Style Overwrites */
.pdpGrid-description .productHero-info {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
.pdpGrid-calc .generalCalculator {
    display: block;
    width: 100%;
    padding: 20px 10px;
}
.pdpGrid-calc .generalCalculator > * { width: 100%; }
.pdpGrid-calc .generalCalculator > * + * { margin-top: 20px; }
.pdpGrid-calc .generalCalculator .optionWrapperOn { padding: 5px 10px 10px; }
.pdpGrid-calc #stockCalculator {
    max-width: 100%;
    padding: 20px;
}
.product .pdpGrid-calc .generalCalculator:not(#stockCalculator) > * + * { padding-left: 0; }
.pdpGrid-calc .generalCalculator h3 { margin: 0 0 10px; }
.pdpGrid-calc .turnaroundTime-process { margin: 35px auto 55px; }
.pdpGrid-calc .generalCalculator .quoteContinue { margin-bottom: 0; }
.product .pdpGrid-calc .validationErrorMessage,
.product .pdpGrid-calc .validationInfoMessage {
    margin: 0;
    top: 0;
}
.pdpGrid-calc-inner > .generalCalculator > * { width: 100% !important; }
.pdpGrid-calc-inner { border: 1px solid var(--c-OFFBLACK-LIGHTER); }
.pdpGrid-calc-inner-reqQuote {
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    font-family: var(--f-SANS-ALT);
}
.pdpGrid-calc-inner-reqQuote .bdcpy_sm { font-size: 14px; }
.pdpGrid-calc-inner-reqQuoteHorizontal {
    border: none;
    height: 1px;
    background-color: var(--c-OFFBLACK-LIGHTER);    
    margin: 0 24px;
}
.pdpGrid-calc-inner-reqQuote-title {
    margin: 1px !important;
    display: block;
    font: 16px var(--f-SANS) !important;
}
.pdpGrid-calc-inner-reqQuote > * + * { margin-top: 20px; }
.pdpGrid-media .carousel-dots { left: 0; right: unset; }
.pdpGrid-resources .projectResource { padding: 20px 10px 10px; }
.pdpGrid-resources .artworkGuides a {
    min-height: 40px;
    border: 1px solid var(--c-BRAND);
    padding: 10px 10px 10px 40px;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.pdpGrid-resources .artworkGuides {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 -20px
}
.artworkGuides a:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 22px;
    color: white;
    font-size: 9px;
    text-align: center;
    width: 30px;
}
.artworkGuides a[href$=".idml"]:after { content: 'IDML'; }
.artworkGuides a[href$=".pdf"]:after { content: 'PDF'; }
.artworkGuides a[href$=".xls"]:after { content: 'XLS'; }
.pdpGrid-resources .artworkGuides > li {
    font-size: 13px;
    line-height: 15px;
    display: flex;
    margin: 0 0 0 20px !important;
    width: calc(50% - 20px);
}
.pdpGrid-resources .artworkGuides li a:before {
    background: var(--c-BRAND);
    position: absolute;
    left: 1px;
    top: 1px;
    height: calc(100% - 2px);
    width: 30px;
    margin: auto;
    line-height: 26px;
    text-align: center;
    color: #fff;
    bottom: 1px;
}
.pdpGrid-description > * + * { margin-top: 10px; }
.pdpGrid-description { padding: 20px; }
.pdpGrid-description .p-w-r { margin-left: 0 }
.pdpGrid-description .p-w-r .pr-snippet-stars-reco-reco { display: none }
.pdpGrid-description .p-w-r .pr-star-v4 {
    height: 16px!important;
    width: 16px!important
}
.pdpGrid-description .p-w-r .pr-snippet-rating-decimal {
    margin-left: 2px!important;
    padding: 0 4px!important;
    font-size: 11px!important
}
@media screen and (min-width: 1024px) {
    .pdpGrid {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        /* grid-template-rows: repeat(4, auto); */
        grid-template-rows: auto auto minmax(100%, 100%);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        align-items: start;
        padding: 20px;
        box-sizing: border-box;
        max-width: 1400px;
        margin: 0 auto;
    }

    .pdpGrid-media {
        grid-area: 1 / 1 / 2 / 2;
        grid-row: span 2;
    }

    .pdpGrid-description {
        grid-area: 1 / 2 / 2 / 3;
        padding: 0;
    }

    .pdpGrid-resources {
        grid-area: 2 / 1 / 3 / 2;
        grid-row: span 2;
    }

    .pdpGrid-calc {
        grid-area: 2 / 2 / 3 / 3;
        grid-row: span 3;
    }

    .pdpGrid-media-container { max-width: calc(50vw - 20px); }

    .pdpGrid-calc-inner + .pdpGrid-calc-inner { margin-top: 20px; }

    .pdpGrid-calc-inner-reqQuote {
        flex-direction: row;
        padding: 20px;
    }
    .pdpGrid-calc-inner-reqQuote > * + * {
        margin-top: 0;
        margin-left: 20px;
    }
}
@media screen and (min-width: 1400px) {
    .pdpGrid-media-container { max-width: 680px; }
}
#ui-datepicker-div {
    background-color: var(--c-WHITE);
    padding: 20px; 
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    font-family: var(--f-SANS);
    width: 100%;
    max-width: 250px;
}
.ui-datepicker-header {
    display: grid;
    grid-template-columns: 50% 50%;
}
.ui-datepicker-title {
    font-size: 1.5rem;
    grid-column: span 2;
    padding: 5px 0;
}
.ui-datepicker-prev { cursor: pointer; }
.ui-datepicker-next {
    text-align: right;
    cursor: pointer;
}
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar tbody { text-align: center; }
.ui-datepicker-calendar a {
    color: var(--c-BRAND);
    display: inline-block;
    width: 100%;
    text-decoration: none;
    padding: 5px 2px;
    transition: background 0.2s ease-in-out;
}
.ui-datepicker-calendar a:hover {
    background-color: var(--c-OFFWHITE);
    border-radius: 5px;
}
.heroItem-featuredImg {
    width: 100%;
    border-radius: var(--radius-medium);
    aspect-ratio: 16/9;
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
    .heroItem { text-align: center; }
}
.featureContainer {
    width: 100%;
    border-radius: 8px;
    aspect-ratio: 16/9;
    /* margin-bottom: 20px; */
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.featureContainer-cta {
    opacity: .8;
    transition: opacity .3s;
}
.featureContainer:hover .featureContainer-cta,
.ds-page-hero-graphic-play .featureContainer-cta:hover,
.ds-sectionHero .featureContainer-cta:hover { 
    cursor: pointer;
    opacity: 1; 
}
.featureContainer-icons {
    display: flex;
    flex-direction: column;
}
.featureContainer-icons-icon {
    color: var(--c-OFFBLACK);
    text-align: center;
    font-family: var(--f-SANS);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; 
    letter-spacing: 1.12px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px; 
}
.featureContainer-icons-icon-copy {
    padding-top: 20px; 
}
.featureContainer-icons-icon-copy a {
    text-decoration: none;
    color: var(--c-OFFBLACK);
}
@media only screen and (min-width: 768px) {
    .featureContainer-icons {
        flex-direction: row;
        justify-content: space-between;
        max-width: 80%;
        margin: auto;
    }
    .featureContainer-icons-icon { max-width: 155px; }
}
@media only screen and (min-width: 1024px) {
    .featureContainer-icons { gap: 20px; }
}
.featuredProductCards {
    padding: 20px;
    min-width: 320px;
 }
.featuredProductCards-categories {
    color:  var(--c-BLACK);
    font-family: "Helvetica Neue";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    list-style: none;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
    padding-left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    box-sizing: content-box;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.featuredProductCards-categories::-webkit-scrollbar { display: none;  /* Safari and Chrome */ }
.featuredProductCards-categories li {
    display: inline-block;
    padding: 16px;
    margin: 0;
    cursor: pointer;
    color: var(--c-BRAND);
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: background-color .3s;
}
.featuredProductCards-categories li:hover {
    background-color: var(--c-OFFWHITE);
    border-bottom: 2px solid transparent;
}
.featuredProductCards-categories-category_selected {
    border-bottom: 2px solid var(--c-BRAND)!important;
    color: var(--c-TIER-BLACK)!important;
    z-index: 10;
    padding: 16px 0!important;
    margin: 0 16px!important;
    margin-bottom: 0px!important;
}
.featuredProductCards-categories-category_selected:hover {
    background-color: transparent!important;
    cursor: auto!important;
}
.featuredProductCards-view {
    width: 100%;
    height: 345px;
    padding-bottom: 20px;
    overflow: hidden;
}
.featuredProductCards-view-sled {
    white-space: nowrap;
    transition: all .3s;
}
.featuredProductCard {
    display: inline-block;
    width: 235px;
    height: 350px;
    background-color: var(--c-OFFWHITE);
    border-radius: 8px;
    margin-right: 20px;
    position: relative;
}
.featuredProductCard-title {
    padding: 20px;
    color: var(--c-OFFBLACK);
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.32px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.featuredProductCard-product {
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    overflow: hidden;
    width: calc(100% - 20px);
    margin: auto;
    margin-top: 15px;
    position: relative;
}
.featuredProductCard-product img {
    width: 92%;
    aspect-ratio: 1/1;
    width: 100%;
    transition: all .3s;
    position: absolute;
}
.featuredProductCard-product:hover img {
    width: 110%;
    aspect-ratio: 1/1;
}
.featuredProductCard-cta {
    padding: 20px;
    text-align: right;
}
.featuredProductCards-pagination {
    position: relative;
}
.featuredProductCards-pagination-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.featuredProductCards-pagination-indicator-current {
    background-color: var(--c-BRAND)!important;
    height: 4px !important;
}
.featuredProductCards-pagination-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 0;
    top: 0;
}
.featuredProductCards-pagination-controls-page {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--c-OFFBLACK);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    line-height: 0;
    user-select: none;
    font-family: var(--f-SANS);
}
.featuredProductCards-pagination-controls-prev {
    height: 31px;
    padding-top: 5px;
    width: 36px;
    border-radius: 50%;
}
.featuredProductCards-pagination-controls-prev:hover { background-color: var(--c-OFFWHITE); }
.featuredProductCards-pagination-controls-prev::before {
    height: 100%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.69926 14.9974C8.47314 15.2582 8.07841 15.2863 7.81761 15.0602L0.53503 8.74599L0.532474 8.74372C0.0882736 8.35 0.063503 7.65746 0.494455 7.23677L0.49807 7.23324L7.79409 0.225255C8.04303 -0.0138617 8.43868 -0.0058947 8.67779 0.243048C8.91691 0.491988 8.90894 0.887636 8.66 1.12675L1.54152 7.96423L8.63647 14.1158C8.89727 14.3419 8.92538 14.7366 8.69926 14.9974Z" fill="%23999999"/></svg>');
}
.featuredProductCards-pagination-controls-prev:hover::before {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.69926 14.9974C8.47314 15.2582 8.07841 15.2863 7.81761 15.0602L0.53503 8.74599L0.532474 8.74372C0.0882736 8.35 0.063503 7.65746 0.494455 7.23677L0.49807 7.23324L7.79409 0.225255C8.04303 -0.0138617 8.43868 -0.0058947 8.67779 0.243048C8.91691 0.491988 8.90894 0.887636 8.66 1.12675L1.54152 7.96423L8.63647 14.1158C8.89727 14.3419 8.92538 14.7366 8.69926 14.9974Z" fill="%23007AC9"/></svg>');
}
.featuredProductCards-pagination-controls-next {
    height: 31px;
    padding-top: 5px;
    width: 36px;
    border-radius: 50%;
}
.featuredProductCards-pagination-controls-next:hover {
    background-color: var(--c-OFFWHITE);
}
.featuredProductCards-pagination-controls-next::before {
    height: 100%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.337848 0.266605C0.56397 0.00580486 0.958699 -0.0223071 1.2195 0.203815L8.50208 6.51805L8.50463 6.52032C8.94884 6.91404 8.97361 7.60658 8.54265 8.02727L8.53904 8.0308L1.24302 15.0388C0.994083 15.2779 0.598435 15.2699 0.35932 15.021C0.120205 14.7721 0.128171 14.3764 0.377113 14.1373L7.49558 7.29981L0.400638 1.14826C0.139838 0.922133 0.111726 0.527405 0.337848 0.266605Z" fill="%23999999"/></svg>');
}
.featuredProductCards-pagination-controls-next:hover::before {
    height: 100%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.337848 0.266605C0.56397 0.00580486 0.958699 -0.0223071 1.2195 0.203815L8.50208 6.51805L8.50463 6.52032C8.94884 6.91404 8.97361 7.60658 8.54265 8.02727L8.53904 8.0308L1.24302 15.0388C0.994083 15.2779 0.598435 15.2699 0.35932 15.021C0.120205 14.7721 0.128171 14.3764 0.377113 14.1373L7.49558 7.29981L0.400638 1.14826C0.139838 0.922133 0.111726 0.527405 0.337848 0.266605Z" fill="%23007AC9"/></svg>');
}
.featuredProductCards-pagination-indicator-page {
    background-color: var(--c-OFFBLACK-LIGHTER);
    height: 2px;
    width: 30px;
}
.featuredProductCard-footer {
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    height: 38px;
    display: flex;
    justify-content: right;
    align-items: center;
}
.featuredProductCard-footer .btnShop {  background-color: transparent; }
.featuredProductCard-footer .btnShop:hover {  background-color: var(--c-OFFBLACK-LIGHTER); }
.featuredProductCard-footer .btnShop { background-color: transparent; }
/* slight variation for featured product cards */
.featuredProductCard .btnShop:before { margin-top: -4px; }
@media (min-width: 500px) {
    .featuredProductCards-pagination-indicator-page { width: 50px;  }
}
@media (min-width: 768px) {
    .featuredProductCards { padding: 20px 40px; }

    .featuredProductCards-pagination-controls { position: absolute; }
}
@media (min-width: 1024px) {
    .featuredProductCard {
        height: 335px;
        width: 220px
    }

    .featuredProductCard-product { height: 200px; }
}
/* @media (min-width: 1440px) {
    .featuredProductCard {
        height: 435px;
        width: 325px
    }

    .featuredProductCard-product { height: 300px; }

    .featuredProductCards { padding:20px 0; }

    .featuredProductCards-view { height: 430px; }
} */
@media (min-width: 1440px) {
    .featuredProductCards { padding:20px 0; }
}
.splitShippingMessage {
    background-color: var(--c-OFFWHITE);
    padding: 8px 20px;
    border-radius: 8px;
    color:var(--c-BLACK);
    font-family: var(--f-SANS);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.14px;
    interpolate-size: allow-keywords;
    margin-top: 5px;
    overflow: hidden;
}
.splitShippingMessage summary {
    cursor: pointer;
    color: var(--c-OFFBLACK);
    text-transform: uppercase;
    font-family: var(--f-SANS);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.96px;
    list-style: none;
    position: relative;
}
.splitShippingMessage summary::before {
    content: "View Details";
    position: absolute;
    right: 0;
    color: var(--c-BRAND);
    font-family: var(--f-SANS);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.56px;
    padding-right: 20px;
    text-transform: capitalize;
}
.splitShippingMessage[open] summary::before { content: "Hide Details"; }
.splitShippingMessage summary::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.366 6.1484C17.6268 6.37452 17.6549 6.76925 17.4288 7.03005L11.1145 14.3126L11.1123 14.3152C10.7185 14.7594 10.026 14.7842 9.6053 14.3532L9.60177 14.3496L2.59379 7.05357C2.35467 6.80463 2.36264 6.40898 2.61158 6.16987C2.86052 5.93075 3.25617 5.93872 3.49528 6.18766L10.3328 13.3061L16.4843 6.21118C16.7104 5.95038 17.1052 5.92227 17.366 6.1484Z' fill='%23007AC9'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    bottom: -7px;
    transition: all .2s;
}
.splitShippingMessage[open] summary:after {
    rotate: 180deg;
    bottom: -3px;
}
.splitShippingMessage summary::-webkit-details-marker { display: none; }
.splitShippingMessage li::marker {
    font-size: 20px;
    padding: 20px;
    border-radius: 50%;
}
.splitShippingMessage::details-content {
    block-size: 0;
    transition: all .1s;
    transition-behavior: allow-discrete;
}
.splitShippingMessage[open]::details-content { block-size: auto; }
.splitShippingMessage ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
.splitShippingMessage li {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}
.splitShippingMessage li::before {
    display: inline-block;
    content: counter(item);
    counter-increment: item;
    margin-left: -2em;
    padding: 1px 8px 3px 8px;
    background-color: var(--c-OFFBLACK-LIGHTER);
    border-radius: 50%;
    margin-right: 10px;
    color: var(--c-BLACK);
    text-align: center;
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.64px;
}
/* Design System Pagination */
.dsPagination {
    position: relative;
    display: flex;
    flex-direction: column;
}
.dsPagination-indicator { 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15px;
}
.dsPagination-indicator-page {
    height: 2px; 
    width: 50px;
    background-color: var(--c-OFFWHITE-DARKER);
    margin-right: 7px;
}
.dsPagination-indicator-page.isCurrent {
    height: 4px;
    background-color: var(--c-BRAND);
}
.dsPagination-controls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dsPagination-controls-prev, 
.dsPagination-controls-next {
    height: 31px;
    padding-top: var(--padding-xxsmall);
    width: 36px;
    border-radius: 50%;
    transition: all .2s;
    cursor: pointer;
}
.dsPagination-controls-prev:hover, 
.dsPagination-controls-next:hover { background-color: var(--c-OFFWHITE); }
.dsPagination-controls-prev:before, 
.dsPagination-controls-next:before {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dsPagination-controls-prev:before { content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.69926 14.9974C8.47314 15.2582 8.07841 15.2863 7.81761 15.0602L0.53503 8.74599L0.532474 8.74372C0.0882736 8.35 0.063503 7.65746 0.494455 7.23677L0.49807 7.23324L7.79409 0.225255C8.04303 -0.0138617 8.43868 -0.0058947 8.67779 0.243048C8.91691 0.491988 8.90894 0.887636 8.66 1.12675L1.54152 7.96423L8.63647 14.1158C8.89727 14.3419 8.92538 14.7366 8.69926 14.9974Z" fill="%23999999"/></svg>'); }
.dsPagination-controls-prev:hover:before { content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.69926 14.9974C8.47314 15.2582 8.07841 15.2863 7.81761 15.0602L0.53503 8.74599L0.532474 8.74372C0.0882736 8.35 0.063503 7.65746 0.494455 7.23677L0.49807 7.23324L7.79409 0.225255C8.04303 -0.0138617 8.43868 -0.0058947 8.67779 0.243048C8.91691 0.491988 8.90894 0.887636 8.66 1.12675L1.54152 7.96423L8.63647 14.1158C8.89727 14.3419 8.92538 14.7366 8.69926 14.9974Z" fill="%23007ac9"/></svg>'); }
.dsPagination-controls-next:before { content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.337848 0.266605C0.56397 0.00580486 0.958699 -0.0223071 1.2195 0.203815L8.50208 6.51805L8.50463 6.52032C8.94884 6.91404 8.97361 7.60658 8.54265 8.02727L8.53904 8.0308L1.24302 15.0388C0.994083 15.2779 0.598435 15.2699 0.35932 15.021C0.120205 14.7721 0.128171 14.3764 0.377113 14.1373L7.49558 7.29981L0.400638 1.14826C0.139838 0.922133 0.111726 0.527405 0.337848 0.266605Z" fill="%23999999"/></svg>'); }
.dsPagination-controls-next:hover:before { content: url('data:image/svg+xml;utf8,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.337848 0.266605C0.56397 0.00580486 0.958699 -0.0223071 1.2195 0.203815L8.50208 6.51805L8.50463 6.52032C8.94884 6.91404 8.97361 7.60658 8.54265 8.02727L8.53904 8.0308L1.24302 15.0388C0.994083 15.2779 0.598435 15.2699 0.35932 15.021C0.120205 14.7721 0.128171 14.3764 0.377113 14.1373L7.49558 7.29981L0.400638 1.14826C0.139838 0.922133 0.111726 0.527405 0.337848 0.266605Z" fill="%23007ac9"/></svg>'); }
.dsPagination-controls-page {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--c-BLACK);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    line-height: 0;
    -webkit-user-select: none;
    user-select: none;
    font-family: var(--f-SANS);
}
header {
    background-color: rgba(0, 0, 0, .004);
}
.gHeader {
    position: sticky;
    top: 0;
    z-index: var(--z-HEADER);
    width: 100%; 
    margin: auto;
    height: 60px;
}
/* gHeader Main */
.gHeader-main {
    background-color: var(--c-BRAND);
}
/* gHeader Main Inner*/
.gHeader-main-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    color: var(--c-WHITE);
    height: 60px; 
    max-width: var(--MAX-WIDTH);
    padding: 0;
}
/* gHeader Mobile Menu Trigger */
.gHeader-main-mMenuTrigger {
    position: relative;
    display: flex;
    height: 60px;
    width: 50px;
    cursor: pointer;
}
.gHeader-main-mMenuTrigger-inner {
    position: relative;
    top: 28px;
    height: 2px;
    width: 24px;
    margin: 0 auto;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
.gHeader-main-mMenuTrigger-inner:after,
.gHeader-main-mMenuTrigger-inner:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    display: block;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
}
.gHeader-main-mMenuTrigger-inner:after { bottom: calc(50% - 11px); }
.gHeader-main-mMenuTrigger-inner:before { top: calc(50% - 11px); }
.gHeader-main-mMenuTrigger.isOpen > .gHeader-main-mMenuTrigger-inner { background-color: transparent; }
.gHeader-main-mMenuTrigger.isOpen > .gHeader-main-mMenuTrigger-inner::before {
    width: 130%;
    left: 1px;
    top: calc(50% - 12px);
    transform: rotate(45deg);
    transform-origin: top left;
}
.gHeader-main-mMenuTrigger.isOpen > .gHeader-main-mMenuTrigger-inner:after {
    width: 130%;
    left: 1px;
    transform: rotate(-45deg);
    transform-origin: bottom left;
}
.gHeader-main-alerts.isOpen .gHeader-main-alerts-count span {
    display: none;
}
/* gHeader Main Logo */
.gHeader-main-logo {
    display: block;
    height: 44px;
    width: 44px;
    padding: 5px;
    box-sizing: border-box;
    transition: opacity 0.2s ease-in-out;
    flex-grow: 1;
}
.gHeader-main-logo-link { display: inline-block; }
.gHeader-main-logo-link-mark,
.gHeader-main-logo-link-type {
    display: flex;
    align-self: center;
}
.gHeader-main-logo-link-mark {
    align-content: flex-start;
    height: 32px;
    width: 38px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0AviewBox='0 0 105.72 100.09' style='enable-background:new 0 0 105.72 100.09;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%0A.st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M94.5,80.24c-1.45,0-2.62,1.17-2.62,2.62h0c0,3.29-1.33,6.25-3.48,8.41c-2.16,2.16-5.12,3.48-8.41,3.48%0AH17.13c-3.29,0-6.25-1.33-8.41-3.48c-2.16-2.16-3.48-5.12-3.48-8.41v-44.7l58.34,32.78l-9.84,5.28c-1.64,0.88-3.46,1.3-5.32,1.3%0Ac-1.71,0-3.44-0.44-5.04-1.3l-14.05-7.53c-1.28-0.68-2.86-0.2-3.55,1.07c-0.68,1.28-0.2,2.86,1.07,3.55l0,0l14.05,7.53%0Ac2.33,1.25,4.9,1.92,7.52,1.92c2.65,0,5.34-0.61,7.79-1.92l12.37-6.63c0.62-0.33,1.12-0.83,1.45-1.41%0Ac0.33-0.57,0.48-1.2,0.48-1.83c0-0.61-0.15-1.23-0.47-1.8c-0.31-0.56-0.8-1.07-1.4-1.4L3.9,31.4c-0.04-0.02-0.08-0.03-0.12-0.05%0Ac-0.08-0.04-0.17-0.08-0.26-0.11c-0.08-0.03-0.16-0.05-0.24-0.08c-0.08-0.02-0.16-0.04-0.24-0.05c-0.09-0.02-0.19-0.02-0.28-0.03%0Ac-0.04,0-0.09-0.01-0.13-0.01c-0.03,0-0.07,0.01-0.1,0.01c-0.09,0-0.19,0.01-0.28,0.03C2.16,31.12,2.08,31.13,2,31.15%0Ac-0.08,0.02-0.16,0.05-0.24,0.08c-0.08,0.03-0.16,0.06-0.24,0.09c-0.08,0.04-0.15,0.08-0.22,0.12c-0.07,0.04-0.14,0.08-0.21,0.13%0Ac-0.07,0.05-0.13,0.11-0.2,0.16c-0.06,0.06-0.12,0.11-0.18,0.17c-0.06,0.06-0.11,0.12-0.16,0.19c-0.06,0.07-0.11,0.15-0.16,0.23%0Ac-0.02,0.03-0.04,0.05-0.06,0.08c-0.02,0.04-0.03,0.08-0.05,0.12c-0.04,0.08-0.08,0.17-0.11,0.26c-0.03,0.08-0.05,0.16-0.08,0.24%0Ac-0.02,0.08-0.04,0.16-0.05,0.24c-0.02,0.09-0.02,0.19-0.03,0.28C0.01,33.6,0,33.64,0,33.69l0,49.18c0,4.72,1.92,9.02,5.02,12.12%0Ac3.09,3.1,7.39,5.02,12.12,5.02h62.85c4.72,0,9.02-1.92,12.12-5.02c3.1-3.09,5.02-7.39,5.02-12.12%0AC97.12,81.42,95.95,80.24,94.5,80.24z'/%3E%3Cpath class='st0' d='M92.1,5.02C89.01,1.92,84.71,0,79.99,0H17.13C12.41,0,8.11,1.92,5.02,5.02C1.92,8.11,0,12.41,0,17.13%0Ac0,1.45,1.17,2.62,2.62,2.62c1.45,0,2.62-1.17,2.62-2.62h0c0-3.29,1.33-6.25,3.48-8.41c2.16-2.16,5.12-3.48,8.41-3.48h62.85%0Ac3.29,0,6.25,1.33,8.41,3.48c2.16,2.16,3.48,5.12,3.48,8.41v44.7L33.54,29.05l9.84-5.28c1.61-0.86,3.37-1.3,5.11-1.3%0Ac1.82,0,3.62,0.43,5.25,1.3l14.05,7.53c1.28,0.68,2.86,0.2,3.55-1.07c0.68-1.28,0.2-2.86-1.07-3.55h0l-14.05-7.53%0Ac-2.42-1.3-5.09-1.92-7.73-1.92c-2.62,0-5.23,0.66-7.59,1.92l-12.37,6.63c-0.62,0.33-1.12,0.83-1.45,1.4%0Ac-0.33,0.57-0.48,1.2-0.48,1.83c0,0.61,0.15,1.23,0.47,1.8c0.31,0.56,0.81,1.07,1.4,1.4l64.75,36.38%0Ac0.04,0.02,0.08,0.03,0.12,0.05c0.08,0.04,0.17,0.08,0.26,0.11c0.08,0.03,0.16,0.05,0.24,0.07s0.16,0.04,0.25,0.05%0Ac0.09,0.02,0.19,0.02,0.28,0.03c0.05,0,0.09,0.01,0.13,0.01c0.03,0,0.07-0.01,0.1-0.01c0.09,0,0.19-0.01,0.28-0.03%0Ac0.08-0.01,0.16-0.02,0.24-0.04c0.08-0.02,0.16-0.05,0.24-0.07c0.08-0.03,0.16-0.06,0.24-0.09c0.08-0.03,0.15-0.08,0.22-0.12%0Ac0.07-0.04,0.14-0.08,0.21-0.13c0.07-0.05,0.13-0.11,0.2-0.16c0.06-0.06,0.13-0.11,0.18-0.17c0.06-0.06,0.11-0.12,0.16-0.19%0Ac0.06-0.07,0.11-0.15,0.16-0.23c0.02-0.03,0.04-0.05,0.06-0.08c0.02-0.04,0.03-0.08,0.05-0.12c0.04-0.08,0.08-0.17,0.11-0.26%0Ac0.03-0.08,0.05-0.16,0.07-0.24c0.02-0.08,0.04-0.16,0.05-0.25c0.02-0.09,0.02-0.19,0.03-0.28c0-0.05,0.01-0.09,0.01-0.13%0Al0-49.18C97.12,12.41,95.2,8.11,92.1,5.02z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M102.7,96.79l0.96,1.38c0.03,0.06,0.05,0.12-0.03,0.12h-0.56c-0.06,0-0.1-0.01-0.14-0.08L102,96.84h-0.87%0Av1.38c0,0.04-0.03,0.07-0.07,0.07h-0.51c-0.03,0-0.07-0.03-0.07-0.07v-3.78c0-0.04,0.03-0.08,0.07-0.08h1.62%0Ac0.38,0,0.71,0.06,0.97,0.24c0.29,0.21,0.46,0.55,0.46,1c0,0.4-0.16,0.72-0.45,0.95C103.02,96.67,102.87,96.74,102.7,96.79z%0AM101.14,94.91v1.39h0.93c0.25,0,0.44-0.02,0.61-0.12c0.17-0.1,0.28-0.28,0.28-0.57c0-0.28-0.1-0.47-0.27-0.57%0Ac-0.16-0.1-0.35-0.13-0.56-0.13H101.14z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M101.96,100.09c-2.07,0-3.76-1.69-3.76-3.76c0-2.07,1.69-3.76,3.76-3.76s3.76,1.69,3.76,3.76%0AC105.72,98.41,104.04,100.09,101.96,100.09z M101.96,93.07c-1.8,0-3.26,1.46-3.26,3.26c0,1.8,1.46,3.26,3.26,3.26%0As3.26-1.46,3.26-3.26C105.22,94.53,103.76,93.07,101.96,93.07z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.gHeader-main-logo-link-mark_holiday {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 110 120' style='enable-background:new 0 0 110 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF;%7D.st1%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cg%3E%3Cg id='LOGO_STANDARD_-_Horizontal_Lockup'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M103.76 115.72l0.96 1.38c0.03 0.06 0.05 0.12-0.04 0.12h-0.56c-0.06 0-0.1-0.01-0.14-0.08l-0.93-1.37h-0.87v1.38c0 0.04-0.04 0.07-0.07 0.07h-0.51c-0.03 0-0.07-0.03-0.07-0.07v-3.78c0-0.04 0.04-0.08 0.07-0.08h1.62c0.38 0 0.71 0.06 0.97 0.24c0.29 0.21 0.46 0.55 0.46 1c0 0.4-0.16 0.72-0.45 0.95C104.07 115.61 103.92 115.68 103.76 115.72z M102.19 113.85v1.39h0.93c0.25 0 0.44-0.02 0.61-0.12c0.17-0.1 0.28-0.28 0.28-0.57c0-0.28-0.1-0.47-0.27-0.57c-0.16-0.1-0.35-0.13-0.56-0.13H102.19z'/%3E%3C/g%3E%3Cpath class='st0' d='M103.02 119.03c-2.07 0-3.76-1.69-3.76-3.76s1.69-3.76 3.76-3.76s3.76 1.69 3.76 3.76S105.09 119.03 103.02 119.03z M103.02 112.01c-1.8 0-3.26 1.46-3.26 3.26s1.46 3.26 3.26 3.26s3.26-1.46 3.26-3.26S104.82 112.01 103.02 112.01z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M95.5 99.1c-1.44 0-2.6 1.17-2.6 2.6h0c0 3.27-1.32 6.21-3.46 8.36c-2.15 2.14-5.08 3.46-8.36 3.46H18.62c-3.27 0-6.21-1.32-8.36-3.46c-2.14-2.15-3.46-5.08-3.46-8.36l0-44.42l57.97 32.58L55 95.11c-1.63 0.87-3.44 1.29-5.29 1.29c-1.7 0-3.42-0.44-5.01-1.29l-13.96-7.48c-1.27-0.68-2.85-0.2-3.52 1.06c-0.68 1.27-0.2 2.85 1.06 3.52l0 0l13.96 7.48c2.31 1.24 4.87 1.91 7.47 1.91c2.63 0 5.31-0.6 7.75-1.91l12.29-6.59c0.61-0.33 1.12-0.83 1.44-1.4c0.33-0.57 0.48-1.19 0.48-1.81c0-0.61-0.15-1.22-0.46-1.78c-0.31-0.56-0.8-1.06-1.39-1.39L5.48 50.57c-0.04-0.02-0.08-0.03-0.12-0.05c-0.08-0.04-0.17-0.08-0.26-0.11c-0.08-0.03-0.16-0.05-0.24-0.07c-0.08-0.02-0.16-0.04-0.24-0.05c-0.09-0.02-0.19-0.02-0.28-0.03c-0.04 0-0.09-0.01-0.13-0.01c-0.03 0-0.06 0.01-0.1 0.01c-0.09 0-0.19 0.01-0.28 0.03c-0.08 0.01-0.16 0.02-0.24 0.04c-0.08 0.02-0.16 0.05-0.24 0.08c-0.08 0.03-0.16 0.06-0.23 0.09c-0.08 0.04-0.15 0.08-0.22 0.12c-0.07 0.04-0.14 0.08-0.21 0.13c-0.07 0.05-0.13 0.11-0.2 0.16c-0.06 0.06-0.12 0.11-0.18 0.17c-0.06 0.06-0.11 0.12-0.16 0.19c-0.06 0.07-0.11 0.15-0.16 0.23c-0.02 0.03-0.04 0.05-0.06 0.08c-0.02 0.04-0.03 0.08-0.05 0.12c-0.04 0.08-0.08 0.17-0.11 0.26c-0.03 0.08-0.05 0.16-0.07 0.24c-0.02 0.08-0.04 0.16-0.05 0.24c-0.02 0.09-0.02 0.19-0.03 0.28c0 0.04-0.01 0.09-0.01 0.13l0 48.87c0 4.69 1.91 8.97 4.99 12.04c3.07 3.08 7.35 4.99 12.04 4.99h62.45c4.69 0 8.97-1.91 12.04-4.99c3.08-3.07 4.99-7.35 4.99-12.04C98.11 100.27 96.94 99.1 95.5 99.1z'/%3E%3Cpath class='st1' d='M4.2 39c1.44 0 2.6-1.17 2.6-2.6h0c0-3.27 1.32-6.21 3.46-8.36c2.15-2.14 5.08-3.46 8.36-3.46h20.51l-15.3 9c-1.19 0.7-1.59 2.23-0.89 3.42c0.47 0.79 1.3 1.23 2.16 1.23c0.43 0 0.87-0.11 1.27-0.35l21.75-12.79L61.57 35.1c1.11 0.83 2.68 0.6 3.5-0.51c0.82-1.11 0.6-2.67-0.51-3.5l-8.75-6.51h25.28c3.27 0 6.21 1.32 8.36 3.46c2.14 2.15 3.46 5.08 3.46 8.36v44.42L34.93 48.23l9.78-5.24c1.6-0.86 3.35-1.29 5.08-1.29c1.81 0 3.6 0.43 5.22 1.29l13.96 7.48c1.27 0.68 2.85 0.2 3.52-1.06c0.68-1.27 0.2-2.85-1.06-3.52h0L57.46 38.4c-2.41-1.29-5.05-1.91-7.68-1.91c-2.61 0-5.2 0.65-7.54 1.91l-12.29 6.59c-0.61 0.33-1.12 0.83-1.44 1.4c-0.33 0.57-0.48 1.19-0.48 1.81c0 0.61 0.15 1.22 0.46 1.78c0.31 0.56 0.8 1.06 1.39 1.39l64.34 36.15c0.04 0.02 0.08 0.03 0.12 0.05c0.08 0.04 0.17 0.08 0.26 0.11c0.08 0.03 0.16 0.05 0.24 0.07c0.08 0.02 0.16 0.04 0.24 0.05c0.09 0.02 0.19 0.02 0.28 0.03c0.04 0 0.09 0.01 0.13 0.01c0.03 0 0.07-0.01 0.1-0.01c0.09 0 0.18-0.01 0.28-0.03c0.08-0.01 0.16-0.02 0.24-0.04c0.08-0.02 0.16-0.05 0.24-0.07c0.08-0.03 0.16-0.06 0.24-0.09c0.08-0.03 0.15-0.08 0.22-0.12c0.07-0.04 0.14-0.08 0.21-0.13c0.07-0.05 0.13-0.11 0.2-0.16c0.06-0.06 0.12-0.11 0.18-0.17c0.05-0.06 0.1-0.12 0.15-0.19c0.06-0.07 0.11-0.15 0.16-0.23c0.02-0.03 0.04-0.05 0.06-0.08c0.02-0.04 0.03-0.08 0.05-0.12c0.04-0.08 0.08-0.17 0.11-0.26c0.03-0.08 0.05-0.16 0.07-0.24c0.02-0.08 0.04-0.16 0.05-0.24c0.02-0.09 0.02-0.19 0.03-0.28c0-0.04 0.01-0.09 0.01-0.13l0-48.86c0-4.69-1.91-8.97-4.99-12.04c-3.07-3.08-7.35-4.99-12.04-4.99h-2.87c1.34-1.9 2.13-4.21 2.13-6.7c0-4.9-2.96-9.19-7.55-10.93C68.21 0 63.15 1.25 59.9 4.93L48.28 18.07L36.67 4.93C33.42 1.25 28.36 0 23.78 1.74s-7.55 6.02-7.55 10.93c0 2.5 0.8 4.81 2.14 6.72c-4.59 0.07-8.77 1.95-11.79 4.97C3.51 27.43 1.6 31.7 1.6 36.39C1.6 37.83 2.76 39 4.2 39z M63.65 8.24c2.25-2.55 5.28-2.61 7.37-1.82c2.09 0.79 4.32 2.85 4.32 6.25c0 3.68-3 6.68-6.68 6.68H53.83L63.65 8.24z M25.55 6.42c0.72-0.27 1.56-0.45 2.44-0.45c1.65 0 3.46 0.61 4.93 2.27l9.81 11.1H27.92c-3.68 0-6.68-3-6.68-6.68C21.24 9.26 23.47 7.21 25.55 6.42z'/%3E%3C/g%3E%3C/svg%3E");
    height: 39px;
    top: -4px;
    position: relative;
}
.gHeader-main-logo-link-type { display: none; }
/* gHeader Main Search */
.gHeader-main-search { display: none; }
/* gHeader Main Mobile Search */
.gHeader-main-mSearch {}
.gHeader-main-mSearch-trigger {
    position: relative;
    height: 60px;
    width: 44px;
    font-size: 0;
    align-self: flex-end;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.gHeader-main-mSearch-trigger:before {
    content: '';
    position: absolute;
    right: 12px;
    bottom: 20px;
    height: 1px;
    width: 9px;
    /* background: var(--c-WHITE); */
    background: transparent;
    transform: rotate(45deg);
    transform-origin: bottom right;
    transition: all 0.3s ease-in-out;
}
.gHeader-main-mSearch-trigger:after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5015 14.8695C14.7279 14.5226 15.1926 14.4249 15.5395 14.6513L21.4531 18.5105C21.7999 18.7369 21.8976 19.2016 21.6713 19.5485C21.4449 19.8953 20.9802 19.993 20.6333 19.7667L14.7197 15.9075C14.3728 15.6811 14.2751 15.2164 14.5015 14.8695Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.58557 5.67578C6.31494 5.67578 3.66357 8.32715 3.66357 11.5978C3.66357 14.8684 6.31494 17.5198 9.58557 17.5198C12.8562 17.5198 15.5076 14.8684 15.5076 11.5978C15.5076 8.32715 12.8562 5.67578 9.58557 5.67578ZM2.16357 11.5978C2.16357 7.49872 5.48652 4.17578 9.58557 4.17578C13.6846 4.17578 17.0076 7.49872 17.0076 11.5978C17.0076 15.6968 13.6846 19.0198 9.58557 19.0198C5.48652 19.0198 2.16357 15.6968 2.16357 11.5978Z" fill="white"/></svg>');
    position: absolute;
    left: 12px;
    bottom: 29px;
    height: 13px;
    width: 13px;
    /* border: 1px solid var(--c-WHITE);
    border-radius: 50%; */
    transition: all 0.3s ease-in-out;
    transform-origin: bottom left;
}
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-trigger:before,
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-trigger:after {
    bottom: 22px;
    height: 2px;
    width: 47%;
    content:'';
}
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-trigger:before {
    right: 15px;
    background-color: var(--c-BRAND);
}
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-trigger:after {
    left: 15px;
    background-color: var(--c-BRAND);
    border: none;
    border-radius: 0;
    transform: rotate(-45deg);
}
/* .gHeader-main-mSearch-trigger:hover { background-color: var(--c-BRAND-LIGHT); } */
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-trigger { background-color: var(--c-WHITE); }
.gHeader-main-mSearch-triggerisOpen:before { background-color: var(--c-BRAND); }
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-trigger:after { border-color: var(--c-BRAND); }
.gHeader-main-mSearch-target {
    position: absolute;
    left: -100%;
    height: 100vh;
    width: 0;
    padding: 40px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    z-index: var(--z-HEADER);
}
.gHeader-main-mSearch.isOpen > .gHeader-main-mSearch-target {
    left: 0;
    width: 100%;
    background-color: var(--c-WHITE);
}
.gHeader-main-mSearch-target-hdg {
    display: inline-block;
    font: 30px/37px var(--f-SERIF);
    color: var(--c-OFFBLACK);
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid var(--c-OFFBLACK-LIGHTER);
}
.mix-sdpcForm-gHeaderSearchSubmit {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 40px;
    height: 37px;
    display: inline-block;
    border: none;
    font-size: 0!important;
    overflow: hidden;
    cursor: pointer;
    outline: 0!important;
    background-color: transparent !important;
    border: none !important;
}
.mix-sdpcForm-gHeaderSearchSubmit::after,
.mix-sdpcForm-gHeaderSearchSubmit::before {
    content: '';
    font-family: var(--f-ICONS);
    font-size: 24px;
    padding: calc(var(--spacing)) 2px;
    line-height: .75;
    color: var(--c-BRAND-LIGHT);
    position: absolute;
    height: 17px;
    width: 20px;
    right: 0;
    top: -60px;
    opacity: 0;
    transition: all .3s ease-in-out
}
.mix-sdpcForm-gHeaderSearchSubmit::before {
    content: '\f3d6';
    top: -60px;
    opacity: 0
}
.mix-sdpcForm-gHeaderSearchSubmit::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5015 14.7777C14.7279 14.4308 15.1926 14.3331 15.5395 14.5595L21.4531 18.4187C21.7999 18.6451 21.8976 19.1098 21.6713 19.4567C21.4449 19.8036 20.9802 19.9012 20.6333 19.6749L14.7197 15.8157C14.3728 15.5893 14.2751 15.1246 14.5015 14.7777Z" fill="%23007AC9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.58557 5.58398C6.31494 5.58398 3.66357 8.23535 3.66357 11.506C3.66357 14.7766 6.31494 17.428 9.58557 17.428C12.8562 17.428 15.5076 14.7766 15.5076 11.506C15.5076 8.23535 12.8562 5.58398 9.58557 5.58398ZM2.16357 11.506C2.16357 7.40693 5.48652 4.08398 9.58557 4.08398C13.6846 4.08398 17.0076 7.40693 17.0076 11.506C17.0076 15.605 13.6846 18.928 9.58557 18.928C5.48652 18.928 2.16357 15.605 2.16357 11.506Z" fill="%23007AC9"/></svg>');
    top: -2px;
    margin-right: 4px;
    opacity: 1
}
/* gHeader Main Navigation */
.gHeader-main-nav {}
.gHeader-main-nav-mTrigger {
    position: relative;
    display: block;
    font-size: 0;
    height: 60px;
    width: 44px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.gHeader-main-nav-mTrigger::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.98242C7.1123 3.98242 3.15002 7.9447 3.15002 12.8324C3.15002 17.7201 7.1123 21.6824 12 21.6824C16.8877 21.6824 20.85 17.7201 20.85 12.8324C20.85 7.9447 16.8877 3.98242 12 3.98242ZM1.65002 12.8324C1.65002 7.11628 6.28388 2.48242 12 2.48242C17.7162 2.48242 22.35 7.11628 22.35 12.8324C22.35 18.5486 17.7162 23.1824 12 23.1824C6.28388 23.1824 1.65002 18.5486 1.65002 12.8324Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.74 8.78242C10.7053 8.78242 9.84998 9.6348 9.84998 10.7067C9.84998 11.1209 9.51419 11.4567 9.09998 11.4567C8.68576 11.4567 8.34998 11.1209 8.34998 10.7067C8.34998 8.82468 9.85864 7.28242 11.74 7.28242C13.6213 7.28242 15.13 8.82468 15.13 10.7067C15.13 11.5113 14.9269 12.1157 14.5639 12.5918C14.246 13.0087 13.8333 13.2808 13.5313 13.4799C13.5118 13.4928 13.4927 13.5054 13.4741 13.5177C13.1375 13.7407 12.9215 13.8976 12.765 14.1191C12.6239 14.3189 12.49 14.6353 12.49 15.2324C12.49 15.6466 12.1542 15.9824 11.74 15.9824C11.3258 15.9824 10.99 15.6466 10.99 15.2324C10.99 14.3896 11.1861 13.7545 11.5399 13.2536C11.8771 12.7763 12.3189 12.4837 12.6419 12.2697L12.6458 12.2671C13.0005 12.0322 13.2145 11.8877 13.371 11.6824C13.5031 11.5092 13.63 11.2392 13.63 10.7067C13.63 9.6348 12.7747 8.78242 11.74 8.78242Z" fill="white"/><path d="M12.46 17.8724C12.46 18.2701 12.1377 18.5924 11.74 18.5924C11.3424 18.5924 11.02 18.2701 11.02 17.8724C11.02 17.4748 11.3424 17.1524 11.74 17.1524C12.1377 17.1524 12.46 17.4748 12.46 17.8724Z" fill="white"/></svg>');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    font-family: var(--f-SANS);
    font-size: 14px;
    text-align: center;
    color: var(--c-WHITE);
    margin: auto;
    height: 25px;
    width: 18px;
    filter: brightness(0) invert(1); 
}
.gHeader-main-nav-mTrigger::after {
    content: '';
    opacity: 0;
    transform: rotate(0);
    transition: all 0.3s ease-in-out;
}
.gHeader-main-nav.isOpen > .gHeader-main-nav-mTrigger::before {
    content: '';
    position: absolute;
    border: 1px solid var(--c-BRAND);
    width: 18px;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    filter: none;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;
}
.gHeader-main-nav.isOpen > .gHeader-main-nav-mTrigger::after {
    content: '';
    position: absolute;
    border: 1px solid var(--c-BRAND);
    width: 18px;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    transform: rotate(-45deg);
}
.isOpen > .gHeader-main-nav-mTrigger::before { color: var(--c-BRAND) }
*/

/* .gHeader-main-nav-mTrigger:hover { background-color: var(--c-BRAND-LIGHT); } */

.gHeader-main-nav.isOpen > .gHeader-main-nav-mTrigger { background-color: var(--c-WHITE); }
.gHeader-main-nav-list {
    display: block;
    position: absolute;
    left: -300%;
    height: calc(100vh - 100px);
    font: 16px/20px var(--f-SANS);
    letter-spacing: 0.03em;
    text-align: center;
    color: var(--c-BRAND);
    margin: 0;
    padding: 40px 40px 100px 40px;
    box-sizing: border-box;
    background-color: var(--c-WHITE);
    list-style: none;
    overflow: scroll;
    transition: all 0.3s ease-in-out;
}
.gHeader-main-nav-list li a {
    padding: 23px 15px;
    transition: all .5s;
    display: inline-block;
}
.gHeader-main-nav-list-backLink {
    padding: 0 0 0 40px !important;
}
.gHeader-main-nav.isOpen > .gHeader-main-nav-list {
    width: 100%;
    left: 0;
    z-index: var(--z-HEADER);
}
.gHeader-main-nav-list a {
    text-decoration: none;
    color: var(--c-OFFBLACK);
}
/* .gHeader-main-nav-list > li:not(:first-of-type) { margin-top: 40px; } */
.gHeader-main-nav-list-backLink {
    position: relative;
    text-align: left;
    display: block;
    padding-left: 50px;
    cursor: pointer;
}
.gHeader-main-nav-list-backLink:after,
.gHeader-main-nav-list-backLink:before {
    content: '';
    position: absolute;
    left: 13px;
    height: 2px;
    width: 14px;
    background: var(--c-BRAND);
    margin-left: 5px;
}
.gHeader-main-nav-list-backLink:before {
    top: 14px;
    transform: rotate(45deg)
}
.gHeader-main-nav-list-backLink:after {
    bottom: 14px;
    transform: rotate(-45deg)
}
/* gHeader Main Cart */
.gHeader-main-cart {}
.gHeader-main-cart {
    position: relative;
    display: block;
    height: 60px;
    width: 44px;
    transition: background-color 0.3s ease-in-out;
    padding-right: 5px;
}
.gHeader-main-cart a .text { color: #fff }
.gHeader-main-cart::before {
    content: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Outline/Cart"%3E%3Cg id="Vector"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.65614 5.32185C5.79861 5.14879 6.01102 5.04852 6.23519 5.04852H21.9456C22.1697 5.04852 22.3821 5.14874 22.5245 5.32173C22.667 5.49473 22.7246 5.72238 22.6817 5.94233L20.9777 14.6639C20.9088 15.0165 20.5996 15.2707 20.2404 15.2701L7.93801 15.2509C7.57981 15.2504 7.272 14.9966 7.20316 14.645L5.49916 5.94263C5.45609 5.72265 5.51367 5.49492 5.65614 5.32185ZM7.14628 6.54852L8.55676 13.7519L19.6241 13.7691L21.0349 6.54852H7.14628Z" fill="white"/%3E%3Cpath d="M11.5968 21.4849C11.5968 22.2802 10.9521 22.9249 10.1568 22.9249C9.3615 22.9249 8.71678 22.2802 8.71678 21.4849C8.71678 20.6896 9.3615 20.0449 10.1568 20.0449C10.9521 20.0449 11.5968 20.6896 11.5968 21.4849Z" fill="white"/%3E%3Cpath d="M18.3648 21.4849C18.3648 22.2802 17.7201 22.9249 16.9248 22.9249C16.1295 22.9249 15.4848 22.2802 15.4848 21.4849C15.4848 20.6896 16.1295 20.0449 16.9248 20.0449C17.7201 20.0449 18.3648 20.6896 18.3648 21.4849Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1.16998 2.28491C1.16998 1.8707 1.50577 1.53491 1.91998 1.53491H5.32318C5.6822 1.53491 5.99087 1.78934 6.05939 2.14176L9.06706 17.6098L18.423 17.6773C18.8372 17.6803 19.1706 18.0185 19.1676 18.4327C19.1646 18.8469 18.8264 19.1803 18.4122 19.1773L8.44257 19.1053C8.08559 19.1027 7.77991 18.8489 7.71177 18.4985L4.70497 3.03491H1.91998C1.50577 3.03491 1.16998 2.69913 1.16998 2.28491Z" fill="white"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    position: absolute;
    top: -3px;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 24px;
    width: 24px;
    font-family: var(--f-ICONS);
    font-size: 24px;
    color: var(--c-WHITE);
    margin: auto;
    transition: color 0.3s ease-in-out;
}
.gHeader-main-cart #cartButton {
    display: none;
    padding: 0;
}
.gHeader-main-cart #cartContents {
    background: 0 0;
    padding: 0;
    font-size: 0;
}
.gHeader-main-cart .cartCount {
    position: absolute;
    top: 12px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    width: 16px;
    font: 11px/19px var(--f-SANS);
    font-weight: 400;
    letter-spacing: .05em;
    text-align: center;
    color: var(--c-BRAND);
    padding: 0;
    background: var(--c-WHITE);
    border-radius: 50%;
}
/* gHeader Main Account */
.gHeader-main-account {}
.gHeader-main-account-trigger {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 30px 0 10px;
    background-color: var(--c-BRAND-DARK);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
/* .gHeader-main-account-trigger:after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M20.8392 7.94604C21.1522 8.21739 21.1859 8.69106 20.9146 9.00402L13.3375 17.7431L13.3347 17.7462C12.8623 18.2792 12.0312 18.309 11.5264 17.7918L11.5222 17.7875L3.11259 9.03225C2.82565 8.73352 2.83521 8.25875 3.13394 7.97181C3.43267 7.68487 3.90745 7.69443 4.19439 7.99316L12.3994 16.5353L19.7812 8.02139C20.0526 7.70843 20.5262 7.6747 20.8392 7.94604Z" fill="white"/%3E%3C/svg%3E');
    position: absolute;
    padding-left:41px;
    margin-top: 5px;
} */
.gHeader-main-account-avatar-label__account {
    font-size: 0px;
    line-height: 0px;
    font-family: var(--f-SANS);
}
.gHeader-main-account.isOpen > .gHeader-main-account-trigger { background-color: white; }
.gHeader-main-account.isOpen .gHeader-main-account-avatar-label::before,
.gHeader-main-account.isOpen .gHeader-main-account-avatar-label::after { background-color: var(--c-BRAND); }
.gHeader-main-account-avatar-email { font-size: 0; }
.gHeader-main-account-avatar-image {
    display: flex; 
    overflow: hidden;
    justify-content: center; 
    align-items: center;
    font-family: var(--f-SANS);
    font-size: 16px;
    font-weight: 600;
    color: var(--c-BRAND-DARK); 
    text-align: center;
    height: 30px;
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 2px solid transparent;
    pointer-events: none;
    background-color: var(--c-BRAND-LIGHTEST);
}
.gHeader-main-account-avatar-label {
    position: relative;
    font-size: 0;
    pointer-events: none;
}
.gHeader-main-account-avatar-label::after,
.gHeader-main-account-avatar-label::before {
    content: '';
    position: absolute;
    top: -5px;
    height: 2px;
    width: 10px;
    background-color: var(--c-WHITE);
    transition: all .3s ease-in-out;
}
.gHeader-main-account-avatar-label::before {
    left: 7px;
    transform: rotate(45deg);
    transform-origin: top left;
}
.gHeader-main-account-avatar-label::after {
    right: -18px;
    transform: rotate(-45deg);
    transform-origin: top right;
}
.gHeader-main-account.isOpen .gHeader-main-account-avatar-label::after,
.gHeader-main-account.isOpen .gHeader-main-account-avatar-label::before { top: -9px; }
.gHeader-main-account.isOpen .gHeader-main-account-avatar-label::before { width: 20px }
.gHeader-main-account.isOpen .gHeader-main-account-avatar-label::after {
    width: 20px;
    right: -20px;
}
.mix-ppTierCyan .gHeader-main-account-avatar-image { border-color: var(--c-TIER-CYAN) }
.mix-ppTierMagenta .gHeader-main-account-avatar-image { border-color: var(--c-TIER-MAGENTA) }
.mix-ppTierYellow .gHeader-main-account-avatar-image { border-color: var(--c-TIER-YELLOW) }
.mix-ppTierBlack .gHeader-main-account-avatar-image { border-color: var(--c-TIER-BLACK) }
.gHeader-main-account-target {
    position: fixed;
    right: -100%;
    height: 100vh;
    width: 0;
    overflow: hidden;
    background-color: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
    box-shadow: -2px 0px 5px 0 rgba(0,0,0,.2);
}
.gHeader-main-account.isOpen > .gHeader-main-account-target {
    position: absolute;
    right: 0;
    width: 100vw;
    overflow: scroll;
    z-index: var(--z-HEADER);
}
.gHeader-main-signIn {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    padding: 24px 20px;
    font-size: 0;
    line-height: 14px;
    text-align: center;
    color: var(--c-WHITE);
    background-color: var(--c-BRAND-DARK);
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}
.gHeader-main-signIn::before {
    content: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Outline/Login"%3E%3Cg id="Vector"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 3.1499C9.49023 3.1499 7.45563 5.1845 7.45563 7.6943C7.45563 10.2041 9.49023 12.2387 12 12.2387C14.5098 12.2387 16.5444 10.2041 16.5444 7.6943C16.5444 5.1845 14.5098 3.1499 12 3.1499ZM5.95563 7.6943C5.95563 4.35607 8.6618 1.6499 12 1.6499C15.3383 1.6499 18.0444 4.35607 18.0444 7.6943C18.0444 11.0325 15.3383 13.7387 12 13.7387C8.6618 13.7387 5.95563 11.0325 5.95563 7.6943Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 13.7339C7.65745 13.7339 4.13403 17.2573 4.13403 21.5999C4.13403 22.0141 3.79825 22.3499 3.38403 22.3499C2.96982 22.3499 2.63403 22.0141 2.63403 21.5999C2.63403 16.4289 6.82902 12.2339 12 12.2339C17.171 12.2339 21.366 16.4289 21.366 21.5999C21.366 22.0141 21.0302 22.3499 20.616 22.3499C20.2018 22.3499 19.866 22.0141 19.866 21.5999C19.866 17.2573 16.3426 13.7339 12 13.7339Z" fill="white"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    bottom: 0;
    height: 16px;
    width: 27px;
    font-family: var(--f-ICONS);
    font-size: 27px;
    margin: auto;
}
/* gHeader Main Alerts */
.gHeader-main-alerts-count:not(:empty) {
    /* height: 60px;
    width: 44px; */
    display: flex !important;
    justify-content: center;
    /* align-items: center; */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 16px 12px 15px 12px;
}
.gHeader-main-alerts-count:before {
    content: url('data:image/svg+xml,%3Csvg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Outline/Notifications"%3E%3Cpath id="Vector" d="M20.805 17.7452C20.785 17.7152 18.68 14.8852 18.68 12.6852V10.2302C18.68 7.5002 16.81 5.1752 14.215 4.3152C14.03 3.2552 13.11 2.4502 12 2.4502C10.89 2.4502 9.96999 3.2602 9.78499 4.3152C7.18999 5.1752 5.31999 7.5002 5.31999 10.2302V12.6852C5.31499 14.8602 3.20999 17.7202 3.18999 17.7502C3.01999 17.9802 2.99499 18.2802 3.11999 18.5352C3.24499 18.7902 3.50499 18.9502 3.78999 18.9502H8.31499C8.66499 20.6652 10.18 21.9602 12 21.9602C13.82 21.9602 15.335 20.6652 15.685 18.9502H20.21C20.495 18.9502 20.755 18.7902 20.88 18.5352C21.005 18.2802 20.98 17.9752 20.81 17.7502L20.805 17.7452ZM12 20.4552C11.02 20.4552 10.19 19.8202 9.87999 18.9452H14.12C13.81 19.8202 12.98 20.4552 12 20.4552ZM5.17999 17.4452C5.88999 16.2552 6.81999 14.3752 6.81999 12.6852V10.2302C6.81999 7.5952 9.14499 5.4502 12 5.4502C14.855 5.4502 17.18 7.5952 17.18 10.2302V12.6852C17.18 14.3902 18.105 16.2602 18.815 17.4452H5.17999Z" fill="white"/%3E%3C/g%3E%3C/svg%3E');
}
.gHeader-main-alerts.isOpen > .gHeader-main-alerts-count:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M21.4036 4.10248C21.6965 4.39538 21.6965 4.87025 21.4036 5.16314L5.56357 21.0031C5.27067 21.296 4.7958 21.296 4.50291 21.0031C4.21001 20.7102 4.21001 20.2354 4.50291 19.9425L20.3429 4.10248C20.6358 3.80959 21.1107 3.80959 21.4036 4.10248Z" fill="%23007AC9"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M21.4035 21.0031C21.1106 21.296 20.6358 21.296 20.3429 21.0031L4.50287 5.16314C4.20998 4.87025 4.20998 4.39538 4.50287 4.10248C4.79577 3.80959 5.27064 3.80959 5.56353 4.10248L21.4035 19.9425C21.6964 20.2354 21.6964 20.7102 21.4035 21.0031Z" fill="%23007AC9"/%3E%3C/svg%3E');
    /* height:29px;
    width: 24px; */
}
.gHeader-main-alerts-count > span {
    font: 12px/14px var(--f-SANS);
    background-color: var(--c-ERROR);
    height: 16px;
    width: 16px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    margin-top: -4px;
    margin-left:-11px;
    z-index: 0;
}
.gHeader-main-alerts-count.isEmpty { display: none !important; }
.gHeader-main-alerts-list {
    position: fixed;
    height: 100vh;
    background-color: var(--c-WHITE);
    right: -100%;
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.gHeader-main-alerts.isOpen > .gHeader-main-alerts-count { background-color: var(--c-WHITE); }
.gHeader-main-alerts.isOpen > .gHeader-main-alerts-list {
    position: absolute;
    width: 100%;
    right: 0;
    overflow: scroll;
}
/* gHeader Navigation */
.gHeader-nav {
    position: absolute;
    left: -100%;
    height: 100vh;
    width: 0;
    overflow: hidden;
    background: var(--c-WHITE);
    transition: all 0.3s ease-in-out;
}
.gHeader-nav.isOpen {
    left: 0;
    width: 100%;
    z-index: var(--z-HEADER);
}
.gHeader-nav-list {
    height: calc(100vh - 100px);
    text-align: center;
    margin: 0 auto;
    padding: 40px 40px 100px 40px;
    box-sizing: border-box;
    list-style: none;
    overflow: scroll;
}
.gHeader-nav-list-item { 
    text-wrap: balance; 
    padding: 2px 0;
}
.gHeader-nav-list-item-name {
    display: flex;
    justify-content: center;
    font: 16px/18px var(--f-SANS);
    color: var(--c-OFFBLACK);
    text-decoration: none;
    padding: 20px 10px;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: color 0.3s ease-in-out;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.gHeader-nav-list-item-links {
    position: absolute;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 0;
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--c-WHITE);
    z-index: var(--z-HEADER);
    transition: all 0.3s ease-in-out;
}
.gHeader-nav-list-item.isOpen > .gHeader-nav-list-item-links {
    display: block;
    width: 100%;
    left: 0;
    height: calc(100vh - 100px); /* Offset for fixed header and possible global message banner */
    padding-bottom: 100px;
    overflow: scroll;
}
/* Targeting iOS Safari */
@supports (-webkit-hyphens:none) {
    .gHeader-nav-list-item.isOpen > .gHeader-nav-list-item-links {
        height: calc(100vh - 175px); /* Offset for fixed header, possible global message banner and iOS Safari bottom browser chrome */
    }
}
.gHeader-nav-list-item-links-backLink {
    position: relative;
    display: flex;
    align-items: center;
    height: 44px;
    width: 100%;
    font: 16px/20px var(--f-SANS);
    color: var(--c-BRAND);
    letter-spacing: 0.03em;
    text-decoration: none;
    margin: 0 auto;
    text-align: left;
    padding-left: 23px;
    box-sizing: border-box;
}
.gHeader-nav-list-item-links-backLink:after,
.gHeader-nav-list-item-links-backLink:before {
    content: '';
    position: absolute;
    left: 0px;
    height: 2px;
    width: 14px;
    background: var(--c-BRAND);
}
.gHeader-nav-list-item-links-backLink:before {
    top: 16px;
    transform: rotate(-45deg)
}
.gHeader-nav-list-item-links-backLink:after {
    bottom: 17px;
    transform: rotate(45deg)
}
/* gHeaderMenu */
.gHeaderMenu {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    transition: all .2s;
    border-bottom-left-radius: var(--radius-medium);
    border-bottom-right-radius: var(--radius-medium);
}
.gHeaderMenu-item { margin-top: 20px; }
.gHeaderMenu-item:last-of-type {
    width: 100%;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
/* thumbTile */
.thumbTile {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    background-color: var(--c-OFFWHITE);
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
    transition: all 0.3s ease-in-out;
}
.thumbTile_link {
    position: relative;
    display: inline-block;
    height: 40px;
    font: 16px/20px var(--f-SANS);
    letter-spacing: 0.03em;
    color: var(--c-BRAND);
    text-align: center;
    padding-top: 10px;
    padding: 8px 30px 8px 8px;
    margin-top: 10px;
    box-sizing: border-box;
    background: inherit;
    border: none;
    transition: all 0.3s ease-in-out;
}
.thumbTile_link:after,
.thumbTile_link:before {
    content: '';
    position: absolute;
    right: 0;
    height: 2px;
    width: 14px;
    background: var(--c-BRAND)
}
.thumbTile_link:before {
    top: 15px;
    transform: rotate(45deg)
}
.thumbTile_link:after {
    bottom: 14px;
    transform: rotate(-45deg)
}
.thumbTile-img { max-width: 100px; }
.thumbTile-name {
    font: 16px/20px var(--f-SANS);
    color: var(--c-BRAND);
    letter-spacing: 0.03em;
    padding: 10px;
}
@media screen and (min-width: 768px) {
    .gHeader-main-logo { flex-grow: unset; }

    .gHeader-main-mSearch.js--element-toggle { display: none; }

    .gHeader-main-search {
        display: flex;
        margin: 0 20px;
        flex-grow: 1;
    }

    .mix-gHeaderSearchInput { background-color: var(--c-WHITE) !important; }

    .spdcForm_gHeaderSearch { width: 100%; }

    .gHeader-nav-list { max-width: 100%; }
}
@media screen and (min-width: 1200px) {
    .gHeader {
        margin-bottom: 58px;
    }
    .gHeaderMenu {
        max-height: 0px;
        overflow: hidden;
    }

    .hoverOn .gHeaderMenu { max-height: 800px!important }

    .hoverOn .gHeaderMenu::before {
        content: '';
        height: 100vh;
        width: 100vw;
        background-color: rgba(0,0,0,.2);
        backdrop-filter: blur(5px);
        position: fixed;
        top: 160px;
        left: 0;
        z-index: -1;
        pointer-events: none
    }

    .gHeader-main-nav-list li a:hover {
        background-color: var(--c-BRAND-LIGHT);
   }
   .gHeader-subNav-list-item__sub-menu__item a:hover {
    background-color:var(--c-WHITE) !important;
   }
    .gHeader-main-account-avatar-label {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-size:0;
        min-width: 85px;
      }
    .gHeader-main-account-avatar-label__account {
        font-size: 12px;
        line-height: 12px;
    }
    .gHeader-main-account-avatar-label__account::after {
        content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M13.8928 4.94499C14.1015 5.12588 14.124 5.44167 13.9431 5.65031L8.89169 11.4764L8.88987 11.4784C8.57489 11.8338 8.02087 11.8536 7.68431 11.5088L7.68149 11.5059L2.0751 5.66913C1.88381 5.46997 1.89018 5.15345 2.08933 4.96216C2.28849 4.77087 2.60501 4.77724 2.7963 4.9764L8.26628 10.6712L13.1875 4.99522C13.3684 4.78658 13.6842 4.76409 13.8928 4.94499Z" fill="white"/%3E%3C/svg%3E');
        position: absolute;
        padding-left:2px;
    }
    .gHeader-nav-list-item-name { padding: 10px; }
    .gHeader-main-inner {
        position:relative;
        z-index: var(--z-HEADER);
        max-width: var(--MAX-WIDTH);
        margin: 0 auto;
        height: 60px;
    }

    .gHeader-main-logo { width: auto; }

    .gHeader-main-logo-link {
        display: flex;
        flex-direction: row;
    }

    .gHeader-main-logo-link:hover,
    .gHeader-main-logo-link:active,
    .gHeader-main-logo-link:focus {
        opacity: 0.65;
    }

    .gHeader-main-logo-link-type {
        display: block;
        height: 12px;
        width: 145px;
        margin-left: 4px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('data:image/svg+xml,<svg width="142px" height="12px" viewBox="0 0 142 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><polygon id="path-1" points="0 0 10.31095 0 10.31095 11.598 0 11.598"></polygon></defs><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Globals-/-Branding-/-Horizontal-Logo-with-Mark-/-White" transform="translate(-46.000000, -9.000000)"><g id="Group" transform="translate(46.015900, 9.031801)"><path d="M106.0763,1.9301 C106.2293,1.7781 106.4323,1.6871 106.6643,1.6871 L112.0813,1.6871 C112.5153,1.6871 112.8673,1.3351 112.8673,0.9011 C112.8673,0.4661 112.5153,0.115097242 112.0813,0.115097242 L106.6643,0.115097242 C106.0023,0.1141 105.3973,0.3851 104.9643,0.8181 C104.5313,1.2511 104.2603,1.8561 104.261297,2.5181 L104.261297,9.0201 C104.2603,9.6811 104.5313,10.2871 104.9643,10.7191 C105.3973,11.1531 106.0023,11.4241 106.6643,11.4231028 L112.0813,11.4231028 C112.5153,11.4231028 112.8673,11.0711 112.8673,10.6371 C112.8673,10.2031 112.5153,9.8511 112.0813,9.8511 L106.6643,9.8511 C106.4323,9.8511 106.2293,9.7591 106.0763,9.6081 C105.9243,9.4551 105.8333,9.2521 105.8333,9.0201 L105.8333,6.6221 L110.1743,6.6221 C110.6083,6.6221 110.9603,6.2701 110.9603,5.8361 C110.9603,5.4021 110.6083,5.0501 110.1743,5.0501 L105.8333,5.0501 L105.8333,2.5181 C105.8333,2.2861 105.9243,2.0831 106.0763,1.9301" id="Fill-6" fill="%23FFFFFF"></path><path d="M83.2655,4.0632 L83.2655,4.0622 C83.2385,4.6212 82.9885,5.1132 82.5915,5.4782 C82.1945,5.8422 81.6575,6.0652 81.0815,6.06420335 L77.1625,6.06420335 L77.1625,2.6862 C77.1635,2.4542 77.2545,2.2512 77.4065,2.0982 C77.5585,1.9472 77.7615,1.8562 77.9935,1.8552 L81.1635,1.8552 C81.7465,1.8562 82.2685,2.0892 82.6515,2.4722 C83.0335,2.8552 83.2675,3.3762 83.2675,3.9602 C83.2675,3.9942 83.2675,4.0282 83.2655,4.0632 M81.1635,0.2832 L77.9935,0.2832 C77.3325,0.2832 76.7265,0.5532 76.2945,0.9872 C75.8605,1.4192 75.5905,2.0252 75.5905,2.6862 L75.5905,10.7902 C75.5905,11.2242 75.9425,11.5762 76.3765,11.5762 C76.8105,11.5762 77.1625,11.2242 77.1625,10.7902 L77.1625,7.6362 L81.0815,7.6362 C82.0625,7.6362 82.9735,7.2602 83.6535,6.6372 C84.3335,6.0162 84.7895,5.1322 84.8355,4.1362 L84.8355,4.1352 C84.8385,4.0762 84.8395018,4.0182 84.8395018,3.9602 C84.8405,2.9472 84.4275,2.0232 83.7625,1.3602 C83.1005,0.6962 82.1755,0.2832 81.1635,0.2832" id="Fill-8" fill="%23FFFFFF"></path><path d="M70.2077,0.2833 L62.4177,0.2833 C61.9837,0.2833 61.6317,0.6353 61.6317,1.0693 C61.6317,1.5033 61.9837,1.8553 62.4177,1.8553 L65.5267,1.8553 L65.5267,10.7903 C65.5267,11.2243 65.8787,11.5763 66.3127,11.5763 C66.7467,11.5763 67.0987,11.2243 67.0987,10.7903 L67.0987,1.8553 L70.2077,1.8553 C70.6417,1.8553 70.9937,1.5033 70.9937,1.0693 C70.9937,0.6353 70.6417,0.2833 70.2077,0.2833" id="Fill-10" fill="%23FFFFFF"></path><path d="M49.837,2.6863 C49.837,2.4543 49.929,2.2513 50.08,2.0983 C50.233,1.9473 50.436,1.8553 50.668,1.8553 L53.837,1.8553 C54.421,1.8553 54.942,2.0893 55.326,2.4713 C55.708,2.8553 55.942,3.3763 55.942,3.9603 C55.942,3.9943 55.941,4.0283 55.94,4.0623 C55.913,4.6213 55.663,5.1133 55.266,5.4783 C54.869,5.8423 54.332,6.0653 53.756,6.06430335 L49.837,6.06430335 L49.837,2.6863 Z M58.145,10.1183 C57.978,10.0143 57.769,10.0293 57.585,9.9653 C57.034,9.7733 56.664,9.2343 56.331,8.7843 C55.991,8.3313 55.637,7.8143 55.225,7.3393 C55.632,7.1683 56.007,6.9323 56.328,6.6373 C57.008,6.0163 57.464,5.1323 57.51,4.1363 L57.51,4.1353 C57.513,4.0763 57.514,4.0183 57.514,3.9603 C57.515,2.9473 57.102,2.0233 56.437,1.3603 C55.774,0.6963 54.85,0.2833 53.837,0.2833 L50.668,0.2833 C50.007,0.2833 49.401,0.5533 48.969,0.9873 C48.535,1.4193 48.265,2.0253 48.265,2.6863 L48.265,10.7903 C48.265,11.2243 48.617,11.5763 49.051,11.5763 C49.485,11.5763 49.837,11.2243 49.837,10.7903 L49.837,7.6363 L52.941,7.6363 C53.06,7.6373 53.166,7.6623 53.296,7.7253 C53.522,7.8323 53.806,8.0823 54.098,8.4333 C54.319,8.6943 54.545,9.0043 54.779,9.3273 C55.133,9.8113 55.498,10.3233 55.949,10.7573 C56.176,10.9733 56.428,11.1723 56.724,11.3233 C57.019,11.4743 57.365,11.5743 57.733,11.5733 C58.167,11.5733 58.519,11.2213 58.519,10.7873 C58.519,10.5163 58.375,10.2603 58.145,10.1183 L58.145,10.1183 Z" id="Fill-12" fill="%23FFFFFF"></path><path d="M90.9399,2.6863 C90.9399,2.4543 91.0319,2.2513 91.1829,2.0983 C91.3359,1.9473 91.5389,1.8553 91.7709,1.8553 L94.9399,1.8553 C95.5239,1.8553 96.0449,2.0893 96.4289,2.4713 C96.8109,2.8553 97.0449,3.3763 97.0449,3.9603 C97.0449,3.9943 97.0439,4.0283 97.0429,4.0623 C97.0159,4.6213 96.7659,5.1133 96.3689,5.4783 C95.9719,5.8423 95.4349,6.0653 94.8589,6.06430335 L90.9399,6.06430335 L90.9399,2.6863 Z M99.2479,10.1183 C99.0809,10.0143 98.8719,10.0293 98.6879,9.9653 C98.1369,9.7733 97.7669,9.2343 97.4339,8.7843 C97.0939,8.3313 96.7399,7.8143 96.3279,7.3393 C96.7349,7.1683 97.1099,6.9323 97.4309,6.6373 C98.1109,6.0163 98.5669,5.1323 98.6129,4.1363 L98.6129,4.1353 C98.6159,4.0763 98.6169,4.0183 98.6169,3.9603 C98.6179,2.9473 98.2049,2.0233 97.5399,1.3603 C96.8769,0.6963 95.9529,0.2833 94.9399,0.2833 L91.7709,0.2833 C91.1099,0.2833 90.5039,0.5533 90.0719,0.9873 C89.6379,1.4193 89.3679,2.0253 89.3679,2.6863 L89.3679,10.7903 C89.3679,11.2243 89.7199,11.5763 90.1539,11.5763 C90.5879,11.5763 90.9399,11.2243 90.9399,10.7903 L90.9399,7.6363 L94.0439,7.6363 C94.1629,7.6373 94.2689,7.6623 94.3989,7.7253 C94.6249,7.8323 94.9089,8.0823 95.2009,8.4333 C95.4219,8.6943 95.6479,9.0043 95.8819,9.3273 C96.2359,9.8113 96.6009,10.3233 97.0519,10.7573 C97.2789,10.9733 97.5309,11.1723 97.8269,11.3233 C98.1219,11.4743 98.4679,11.5743 98.8359,11.5733 C99.2699,11.5733 99.6219,11.2213 99.6219,10.7873 C99.6219,10.5163 99.4779,10.2603 99.2479,10.1183 L99.2479,10.1183 Z" id="Fill-14" fill="%23FFFFFF"></path><path d="M34.311,6.1096 L34.311,4.9816 C34.311,4.0556 34.684,3.2256 35.289,2.6196 C35.896,2.0136 36.726,1.6416 37.651,1.6406 C38.576,1.6416 39.406,2.0136 40.013,2.6186 C40.618,3.2256 40.99,4.0556 40.991,4.9816 L40.991,6.1096 L34.311,6.1096 Z M41.124,1.5076 C40.238,0.6196 39.005,0.0686 37.651,0.0686 C36.297,0.0686 35.064,0.6196 34.178,1.5076 C33.29,2.3936 32.739,3.6266 32.739,4.9816 L32.739,10.7906 C32.739,11.2246 33.091,11.5766 33.525,11.5766 C33.959,11.5766 34.311,11.2246 34.311,10.7906 L34.311,10.7906 L34.311,7.6816 L40.991,7.6816 L40.991,10.7906 C40.991,11.2246 41.343,11.5766 41.777,11.5766 C42.211,11.5766 42.563,11.2246 42.563,10.7906 L42.563,4.9816 C42.563,3.6266 42.012,2.3936 41.124,1.5076 L41.124,1.5076 Z" id="Fill-16" fill="%23FFFFFF"></path><path d="M9.6248,7.2 L2.1298,3.065 C2.1288,3.064 2.1278,3.063 2.1258,3.062 C2.6598,2.518 3.2068,2.152 3.7548,1.917 C4.3178,1.677 4.8848,1.573 5.4518,1.572 C6.0908,1.572 6.7288,1.708 7.3288,1.943 C7.9278,2.178 8.4868,2.512 8.9598,2.894 C9.2978,3.167 9.7928,3.114 10.0648,2.776 C10.3378,2.438 10.2848,1.943 9.9468,1.671 C9.3528,1.192 8.6618,0.778 7.9018,0.48 C7.1428,0.182 6.3138,0 5.4518,0 C4.6898,0 3.9028,0.144 3.1368,0.472 C2.3708,0.798 1.6288,1.308 0.9498,2.016 C-0.0352,3.142 0.5958,3.985 1.2948,4.398 L8.7898,8.533 C8.7908,8.534 8.7918,8.535 8.7938,8.536 C8.2598,9.08 7.7128,9.446 7.1648,9.681 C6.6018,9.921 6.0338,10.025 5.4678,10.026 C4.7148,10.026 3.9628,9.837 3.2748,9.52 C2.5878,9.205 1.9668,8.762 1.4888,8.282 C1.1818,7.975 0.6838,7.975 0.3768,8.281 C0.0698,8.588 0.0698,9.086 0.3768,9.393 L0.3768,9.393 C0.9898,10.006 1.7528,10.55 2.6178,10.949 C3.4828,11.346 4.4518,11.597 5.4678,11.598 C6.2298,11.598 7.0168,11.454 7.7828,11.127 C8.5488,10.8 9.3208,10.318 9.9708,9.582 C10.7728,8.673 10.5338,7.676 9.6248,7.2" id="Fill-18" fill="%23FFFFFF"></path><path d="M0.5,2.0161 L0.5,2.0161 L0.5,2.0161 Z" id="Fill-20" fill="%23007AC9"></path><path d="M126.4094,7.2 L118.9144,3.065 C118.9134,3.064 118.9124,3.063 118.9114,3.062 C119.4444,2.518 119.9914,2.152 120.5394,1.917 C121.1024,1.677 121.6694,1.573 122.2364,1.572 C122.8754,1.572 123.5134,1.708 124.1134,1.943 C124.7124,2.178 125.2714,2.512 125.7444,2.894 C126.0824,3.167 126.5774,3.114 126.8504,2.776 C127.1224,2.438 127.0694,1.943 126.7314,1.671 C126.1374,1.192 125.4464,0.778 124.6874,0.48 C123.9274,0.182 123.0984,0 122.2364,0 C121.4744,0 120.6874,0.144 119.9214,0.472 C119.1554,0.798 118.4134,1.308 117.7344,2.016 C116.7494,3.142 117.3804,3.985 118.0804,4.398 L125.5744,8.533 C125.5754,8.534 125.5764,8.535 125.5784,8.536 C125.0444,9.08 124.4974,9.446 123.9494,9.681 C123.3864,9.921 122.8184,10.025 122.2524,10.026 C121.4994,10.026 120.7474,9.837 120.0594,9.52 C119.3724,9.205 118.7514,8.762 118.2734,8.282 C117.9664,7.975 117.4684,7.975 117.1614,8.281 C116.8544,8.588 116.8544,9.086 117.1614,9.393 L117.1614,9.393 C117.7744,10.006 118.5374,10.55 119.4024,10.949 C120.2674,11.346 121.2364,11.597 122.2524,11.598 C123.0144,11.598 123.8014,11.454 124.5674,11.127 C125.3334,10.8 126.1054,10.318 126.7554,9.582 C127.5574,8.673 127.3184,7.676 126.4094,7.2" id="Fill-22" fill="%23FFFFFF"></path><path d="M117.7339,2.0161 L117.7339,2.0161 L117.7339,2.0161 Z" id="Fill-24" fill="%23007AC9"></path><g id="Group-28" transform="translate(131.604150, 0.000000)"><mask id="mask-2" fill="white"><use xlink:href="%23path-1"></use></mask><g id="Clip-27"></g><path d="M9.47825,7.2 L1.98325,3.065 C1.98225,3.064 1.98125,3.063 1.97925,3.062 C2.51325,2.518 3.06025,2.152 3.60825,1.917 C4.17125,1.677 4.73825,1.573 5.30525,1.572 C5.94425,1.572 6.58225,1.708 7.18225,1.943 C7.78125,2.178 8.34025,2.512 8.81325,2.894 C9.15125,3.167 9.64625,3.114 9.91825,2.776 C10.19125,2.438 10.13825,1.943 9.80025,1.671 C9.20625,1.192 8.51525,0.778 7.75525,0.48 C6.99625,0.182 6.16725,0 5.30525,0 C4.54325,0 3.75625,0.144 2.99025,0.472 C2.22425,0.798 1.48225,1.308 0.80325,2.016 C-0.18175,3.142 0.44925,3.985 1.14825,4.398 L8.64225,8.533 C8.64425,8.534 8.64525,8.535 8.64725,8.536 C8.11325,9.08 7.56625,9.446 7.01825,9.681 C6.45525,9.921 5.88725,10.025 5.32125,10.026 C4.56825,10.026 3.81625,9.837 3.12825,9.52 C2.44025,9.205 1.82025,8.762 1.34225,8.282 C1.03525,7.975 0.53725,7.975 0.23025,8.281 C-0.07675,8.588 -0.07675,9.086 0.23025,9.393 L0.23025,9.393 C0.84325,10.006 1.60625,10.55 2.47125,10.949 C3.33625,11.346 4.30525,11.597 5.32125,11.598 C6.08325,11.598 6.87025,11.454 7.63625,11.127 C8.40225,10.8 9.17425,10.318 9.82425,9.582 C10.62625,8.673 10.38725,7.676 9.47825,7.2" id="Fill-26" fill="%23FFFFFF" mask="url(%23mask-2)"></path></g><path d="M132.4068,2.0161 L132.4068,2.0161 L132.4068,2.0161 Z" id="Fill-29" fill="%23007AC9"></path><path d="M27.1443,1.1444 C27.1443,0.9374 27.0603,0.7354 26.9143,0.5884 C26.7673,0.4424 26.5653,0.3584 26.3583,0.3584 C26.0753,0.3594 25.7203,0.4154 25.2933,0.5724 C24.6553,0.8084 23.8783,1.2784 23.0883,2.1354 C22.5553,2.7134 22.0163,3.4654 21.5003,4.4404 C20.7293,2.9834 19.9053,2.0234 19.1313,1.4014 C18.6193,0.9904 18.1323,0.7294 17.7073,0.5724 C17.2803,0.4154 16.9253,0.3594 16.6423,0.3584 C16.4353,0.3584 16.2323,0.4424 16.0863,0.5884 C15.9403,0.7354 15.8563,0.9374 15.8563,1.1444 L15.8563,10.7904 C15.8563,11.2244 16.2083,11.5764 16.6423,11.5764 C17.0763,11.5764 17.4283,11.2244 17.4283,10.7904 L17.4283,2.1634 C17.7933,2.3424 18.2503,2.6534 18.7573,3.2014 C19.3953,3.8934 20.1083,4.9634 20.7713,6.6064 C20.7723,6.6084 20.7733,6.6104 20.7743,6.6124 C20.7883,6.6454 20.8063,6.6764 20.8243,6.7074 C20.8323,6.7214 20.8383,6.7364 20.8473,6.7494 C20.8653,6.7764 20.8873,6.8004 20.9083,6.8244 C20.9213,6.8384 20.9313,6.8544 20.9443,6.8674 C20.9593,6.8824 20.9763,6.8944 20.9923,6.9074 C21.0153,6.9274 21.0373,6.9484 21.0623,6.9644 C21.0763,6.9734 21.0923,6.9804 21.1063,6.9884 C21.1373,7.0064 21.1673,7.0244 21.2003,7.0374 C21.2023,7.0384 21.2043,7.0404 21.2063,7.0404 C21.2233,7.0474 21.2403,7.0504 21.2573,7.0554 C21.2873,7.0654 21.3173,7.0764 21.3483,7.0824 C21.3723,7.0874 21.3963,7.0884 21.4203,7.0904 C21.4473,7.0934 21.4733,7.0974 21.5003,7.0974 C21.5273,7.0974 21.5533,7.0934 21.5803,7.0904 C21.6043,7.0884 21.6283,7.0874 21.6523,7.0824 C21.6833,7.0764 21.7133,7.0654 21.7433,7.0554 C21.7603,7.0504 21.7783,7.0474 21.7943,7.0404 C21.7963,7.0404 21.7983,7.0384 21.8003,7.0374 C21.8333,7.0244 21.8643,7.0064 21.8953,6.9884 C21.9093,6.9794 21.9243,6.9734 21.9383,6.9644 C21.9633,6.9474 21.9863,6.9264 22.0103,6.9054 C22.0253,6.8924 22.0423,6.8814 22.0563,6.8674 C22.0703,6.8534 22.0813,6.8364 22.0953,6.8204 C22.1153,6.7974 22.1363,6.7754 22.1533,6.7494 C22.1623,6.7364 22.1683,6.7204 22.1773,6.7054 C22.1943,6.6754 22.2123,6.6444 22.2263,6.6124 C22.2273,6.6104 22.2283,6.6084 22.2293,6.6064 L22.2293,6.6064 C23.1143,4.4154 24.0843,3.2454 24.8533,2.6274 C25.1193,2.4134 25.3603,2.2684 25.5723,2.1644 L25.5723,10.7904 C25.5723,11.2244 25.9243,11.5764 26.3583,11.5764 C26.7923,11.5764 27.1443,11.2244 27.1443,10.7904 L27.1443,1.1444 Z" id="Fill-31" fill="%23FFFFFF"></path></g></g></g></svg>');
    }

    .gHeader-main-nav-mTrigger { display: none; }

    .gHeader-main-nav-list {
        position: static;
        display: flex;
        flex-direction: row;
        height: auto;
        font: 14px/14px var(--f-SANS);
        padding: 0;
        background: transparent;
        transition: none;
	    overflow: unset;
    }

    .gHeader-main-nav-list > li:not(:first-of-type) { margin: 0px; }

    .gHeader-main-nav-list a { color: var(--c-WHITE); }

    .gHeader-main-nav-list-backLink,
    .gHeader-main-mMenuTrigger { display: none; }

    .gHeader-main-cart:hover { background-color: var(--c-BRAND-LIGHT); }

    .gHeader-main-signIn {
        display: flex;
        align-items: center;
        width: auto;
        font: 12px/12px var(--f-SANS);
        padding: 0 20px 0 50px;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .gHeader-main-signIn::before {
        right: unset;
        left: 18px;
        top: -6px;
    }

    .gHeader-main-account-trigger { padding: 0 20px; }

    .gHeader-main-account-target,
    .gHeader-main-alerts-list { position: absolute; }

    .gHeader-main-account { position: relative; }

    .gHeader-main-account-target {
        height: auto;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        right: 0;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }

    .gHeader-main-account:hover > .gHeader-main-account-target {
        width: 300px;
        opacity: 1;
        z-index: var(--z-HEADER);
        transition-delay: 0.5s;
    }

    .gHeader-main-account-avatar-label {
        /* max-width: auto; */
        font: 14px/14px var(--f-SANS-ALT);
        color: var(--d-WHITE);
        text-transform: capitalize;
        letter-spacing: 0.03em;
        margin-left: 10px;
    }

    .gHeader-main-account-avatar-label:before,
    .gHeader-main-account-avatar-label:after { content: none; }

    .gHeader-main-alerts-list {
        right: 0;
        opacity: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: opacity 0.3s ease-in-out;
    }

    .gHeader-main-alerts-count:hover + .gHeader-main-alerts-list,
    .gHeader-main-alerts-list:hover {
        width: 250px;
        height: auto;
        overflow: scroll;
        opacity: 1;
        box-shadow: -2px 0 5px 0 rgba(0,0,0,.2);
        transition-delay: 0.5s;
        margin-top: 1px;
    }

    .gHeader-nav {
        position: relative;
        left: 0;
        top: 0;
        z-index: -1;
        height: auto;
        width: auto;
        overflow: unset;
        border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
        transition: top 0.3s ease-in-out;
    }

    .hideNav .gHeader-nav { top: -61px; }

    .gHeader-nav-list {
        max-width: var(--MAX-WIDTH);
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        height: 58px;
        padding: 0 10px;
	    overflow: unset;
    }

    .gHeader-nav-list-item-links {
        max-height: 0;
        padding: 0;
        transition: all 0.2s ease-in-out;
    }

    .gHeader-nav-list-item.hoverOn > .gHeader-nav-list-item-name + .gHeader-nav-list-item-links {
        position: static;
        width: 100%;
        max-height: 10px;
        opacity: 1;
    }

    .gHeader-nav-list-item.hoverOn .gHeader-nav-list-item-links:after {
        content: '';
        position: fixed;
        width: 100vw;
        /* height: 100vh; */
        transition: all .5s;
        background-color: rgba(0, 0, 0, .6);
        left: 0;
        z-index: -1;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        top: 60px;
        pointer-events: none;
    }

    .hideNav .gHeader-nav-list-item-links {
        opacity: 0;
        height: 0;
        padding: 0;
        overflow: hidden;
        pointer-events: none;
    }

    .gHeader-nav-list-item-links-backLink { display: none; }

    .gHeader-nav-list-item-name {
        height: 55px;
        box-sizing: border-box;
        padding: 5px 15px;
        display: flex;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }

    .gHeaderMenu {
        position: absolute;
        top: 57px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100vw;
        margin: 0 auto;
        flex-flow: wrap;
        box-sizing: border-box;
        padding: 20px 40px 0 40px;
        background-color: var(--c-WHITE);
        border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
        box-shadow: 0px 5px 5px 0 rgba(0,0,0,.2);
        padding:0px calc( calc(100% - 1440px) / 2);
    }

    .gHeaderMenu-item {
        width: 33.333367%;
        padding: 10px;
        margin: 0;
        box-sizing: border-box;
    }

    .gHeaderMenu-item:last-of-type {
        width: 100%;
        margin-top: 20px;
    }

    .gHeader-nav-list-item-name { position: relative; }

    .gHeader-nav-list-item.hoverOn > .gHeader-nav-list-item-name {
        color: var(--c-BRAND);
    }

    .gHeader-nav-list-item-name.isActive {
        box-shadow: inset 0px -4px 0 var(--c-BRAND);
        border-bottom-color: var(--c-BRAND);
    }

    .gHeader-nav-list-item-name:after {
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: transparent;
        bottom: -2px;
        z-index: 1;
    }

    .gHeader-nav-list-item.hoverOn > .gHeader-nav-list-item-name:after {
        transition: all 1s ease-in-out;
    }

    .thumbTile:not(.thumbTile_link) { overflow: hidden; }

    .thumbTile { margin-top: 0; }

    .thumbTile:not(.thumbTile_link):hover { background-color: var(--c-OFFBLACK-LIGHTER); }

    .thumbTile:hover > .thumbTile-name { color: var(--c-OFFBLACK); }

    .thumbTile_link:hover::before,
    .thumbTile_link:hover::after { background-color: var(--c-OFFBLACK); }

    .gHeader-nav-list-item-name:hover { color: var(--c-BRAND); }

    .gHeader-main-alerts-count:hover {
        background-color: var(--c-BRAND-LIGHT);
        transition-delay: 0.5s;
    }

    .gHeader-main-signIn:hover { background-color: var(--c-BRAND-LIGHT); }

    .gHeader-main-account-trigger:hover {
        background-color: var(--c-BRAND-LIGHT);
        transition-delay: 0.5s;
    }
}
@media screen and (max-width: 320px) {
    .gHeader-main-alerts {
        width: 0px;
    }
    .gHeader-main-alerts-count > span {
        position: absolute;
        right: 26px;
        top: 15px
    }
}
.gHeader-nav-list-item-name {
    text-decoration: none;
    padding: 14px 10px;
    text-transform: capitalize;
    background: linear-gradient(var(--c-BRAND), var(--c-BRAND)) bottom / 0 .1em no-repeat;
    transition: 0.3s background-size;
}
.hoverOn .gHeader-nav-list-item-name {
    background-size: 100% 2px;
}
.gHeader-subNav-list-item {
    color: var(--c-OFFBLACK);
    font-family: var(--f-SANS);
    padding-right: 40px !important;
}
.gHeader-subNav-list-item__target {
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.64px;
    padding: 40px 0px 23px 0px;
}
.gHeader-subNav-list-item__target::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8392 7.11328C21.1522 7.38463 21.1859 7.8583 20.9146 8.17126L13.3375 16.9104L13.3347 16.9134C12.8623 17.4465 12.0312 17.4762 11.5264 16.959L11.5222 16.9547L3.11259 8.19949C2.82565 7.90076 2.83521 7.42598 3.13394 7.13905C3.43267 6.85211 3.90745 6.86167 4.19439 7.1604L12.3994 15.7026L19.7812 7.18863C20.0526 6.87567 20.5262 6.84193 20.8392 7.11328Z" fill="%23007AC9"/></svg>');
    height: 17px;
    width: 17px;
    position:absolute;
    margin: -2px 0 0 4px;
    transition: all .1s linear; 
}
.gHeader-subNav-list-item__target_arrow::after {
    transform: scale(1, -1);
    margin: 4px 0 0 3px;
}
.gHeader-subNav-list-item__sub-menu-container {
    overflow: hidden;
    max-height: 0px;
    max-width:0px;
    transition:  opacity .2s linear, max-height .5s linear, padding .2s linear;
    opacity: 0;
}
.reveal_sub_menu {
    max-height: 3000px;
    padding-top: 20px;
    opacity: 1;
}
.reveal_subnav_width {
    max-width: 1000px;
}
.gHeader-subNav-list-item__sub-menu {
    background-color: var(--c-OFFWHITE);
    padding: 20px;
    border-radius: 8px;
    transition: all .5s linear;
}
.gHeader-subNav-list-item__sub-menu__item {
    padding-bottom: 20px;
}
.gHeader-subNav-list-item__sub-menu__item:last-child {
    padding-bottom: 0;
}
.gHeader-subNav-list-item__sub-menu__item__media {
    width: 100%;
    height: calc(100vw - 130px);
    background-color: rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden;
}
.gHeader-subNav-list-item__sub-menu__item__media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.gHeader-subNav-list-item__sub-menu__item__productDetails {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; 
    letter-spacing: 0.14px;
    text-align: left;
    font-family: var(--f-SANS);
}
.gHeader-subNav-list-item__sub-menu__item__href {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.56px;
    text-align: left;
    font-family: var(--f-SANS);
    color: var(--c-BRAND);
    padding: 8px 0;
}
.gHeader-subNav-list-item__sub-menu__item__href a {
    color: var(--c-BRAND);
}
.gHeader-subNav-list-item__sub-menu__item__href::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.81978 2.7666C6.0459 2.5058 6.44063 2.47769 6.70143 2.70382L13.984 9.01805L13.9866 9.02032C14.4308 9.41404 14.4555 10.1066 14.0246 10.5273L14.021 10.5308L6.72496 17.5388C6.47602 17.7779 6.08037 17.7699 5.84125 17.521C5.60214 17.272 5.6101 16.8764 5.85905 16.6373L12.9775 9.79981L5.88257 3.64826C5.62177 3.42213 5.59366 3.0274 5.81978 2.7666Z" fill="%23007AC9"/></svg>');
    height: 20px;
    width: 20px;
    position:absolute;
    padding-left: 4px;
    margin-top: -3px;
}
.gHeader-subNav-list-item__sub-menu__item__productName {
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    font-family: var(--f-SANS);
    color: var(--c-BRAND);
    padding-top: 16px;
    text-align: left;
}
.gHeader-subNav-list-item__sub-menu__item__rate {
    color: #B05B00;
    padding: 4px 0;
    font-family: var(--f-SANS);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    text-align: left;
}
@media screen and (min-width: 768px) {
    .gHeader-subNav-list-item__sub-menu {
        display: flex;
    }
    .gHeader-subNav-list-item__sub-menu__item__media {
        width: 100%;
        height: calc(48vw - 130px);
        background-color: rgba(0, 0, 0, .1);
        border-radius: 8px;
        overflow: hidden;
    }
    .gHeader-subNav-list-item__sub-menu__item {
        padding: 20px;
    }
}
@media screen and (min-width: 1200px) {
    .gHeader-subNav-list-item {
        color: white;
        height: 17px;
        padding: 22px 26px 21px 15px;
        margin-top: 1px;
        transition: all .5s;
        cursor: pointer;
    }
    .gHeader-subNav-list-item__sub-menu {
        cursor: default;
    }
    .gHeader-subNav-list-item:hover {
        background-color: var(--c-BRAND-LIGHT);
    }
    .gHeader-subNav-list-item__target {
        margin-top: -2px;
        font-family: var(--f-SANS);
        font-size: 14px;
        padding: 0px;
    }
    .gHeader-subNav-list-item__target::after {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8392 7.11328C21.1522 7.38463 21.1859 7.8583 20.9146 8.17126L13.3375 16.9104L13.3347 16.9134C12.8623 17.4465 12.0312 17.4762 11.5264 16.959L11.5222 16.9547L3.11259 8.19949C2.82565 7.90076 2.83521 7.42598 3.13394 7.13905C3.43267 6.85211 3.90745 6.86167 4.19439 7.1604L12.3994 15.7026L19.7812 7.18863C20.0526 6.87567 20.5262 6.84193 20.8392 7.11328Z" fill="white"/></svg>');
        height: 17px;
        width: 17px;
        position: absolute;
        margin: -2px 0 0 3px;
    }
    .gHeader-subNav-list-item__sub-menu {
        margin: 22px 0 0 -15px;
        box-shadow: 0px 4px 6px 0px rgba(102, 102, 102, 0.24);
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        display: flex;
        position: absolute;
        padding: 20px 0;
        border-top-right-radius: none;
        border-top-left-radius: none;
        z-index: 10;
    }
    .gHeader-subNav-list-item__sub-menu__item {
        border-right: 1px solid var(--c-OFFBLACK-LIGHTER);
        padding: 0 20px;
    }
    .gHeader-subNav-list-item__sub-menu__item:last-child {
        border-right: none;
    }
    .gHeader-subNav-list-item__sub-menu__item__media {
        height: 200px;
        width: 200px;
        background-color: rgba(0, 0, 0, .1);
        border-radius: 8px;
    }
    .gHeader-subNav-list-item__sub-menu__item__productDetails {
        padding: 16px 20px 0 16px;
        text-align: left;
        color: var(--c-BLACK);
        font-family: var(--f-SANS);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.10px;
        width: 149px;
    }
    .gHeader-subNav-list-item__sub-menu__item__href {
        padding: 5px 0;
    }
    .gHeader-subNav-list-item__sub-menu__item__href a {
        font-family: var(--f-SANS);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0.56px;
        color: var(--c-BRAND);
    }
    .gHeader-subNav-list-item__sub-menu__item__href::after {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.81978 2.7666C6.0459 2.5058 6.44063 2.47769 6.70143 2.70382L13.984 9.01805L13.9866 9.02032C14.4308 9.41404 14.4555 10.1066 14.0246 10.5273L14.021 10.5308L6.72496 17.5388C6.47602 17.7779 6.08037 17.7699 5.84125 17.521C5.60214 17.272 5.6101 16.8764 5.85905 16.6373L12.9775 9.79981L5.88257 3.64826C5.62177 3.42213 5.59366 3.0274 5.81978 2.7666Z" fill="%23007AC9"/></svg>');
        height: 20px;
        width: 20px;
        position:absolute;
        padding-left: 4px;
    }
    .gHeader-subNav-list-item__sub-menu__item__productName {
        text-transform: uppercase;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 1px;
        font-family: var(--f-SANS);
        color: var(--c-BRAND);
    }
    .gHeader-subNav-list-item__sub-menu__item__rate {
        padding: 4px 0;
        color: #B05B00;
        font-family: var(--f-SANS);
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0.96px;
        text-transform: uppercase;
    }
    .gHeader-subNav-list-item__sub-menu-container {
        max-width: 100%;
        max-height: 100%;
        display: none;
    }
    .gHeader-subNav-list-item__target_arrow::after {
        transform: scale(1, -1);
        margin: 6px 0 0 3px;
    }
    .reveal_sub_menu { 
        padding-top: 0px;
        display: block;
    }
    .gHeader-subNav-list-item__sub-menu {
        background-color: var(--c-WHITE);
    }
    .gHeader-subNav-list-item__sub-menu {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
}
.gHeaderMenu-menuChild {
    color: var(--c-BLACK);
    font-family: var(--f-SANS);
    font-style: normal;
    padding: var(--padding-large);
    overflow-y: scroll;
    scrollbar-width: none;
}
.gHeaderMenu-menuChild-subCategoryName {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.56px;
    padding: var(--padding-xsmall) 0  var(--padding-large) 0;
    text-align: left;
}
.gHeaderMenu-menuChild-content {
    display: flex;
    flex-direction: column;
}
.gHeaderMenu-menuChild-content-featured {
    display: flex;
    flex-direction: column;
}
.gHeaderMenu-menuChild-content-featured-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.4px;
    text-align: left;
    text-transform: capitalize;
    padding-top: var(--padding-small);
}
.gHeaderMenu-menuChild-content-featured-menus { padding: 0; }
.gHeaderMenu-menuChild-content-featured-menus-secondary {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.64px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--padding-large);
    padding-inline-start: 0px;
}
.gHeaderMenu-menuChild-content-featured-menus-secondary-link {
    color: var(--c-BLACK);
    text-decoration: none;
}
.gHeaderMenu-menuChild-content-featured-menus-secondary-link:hover {
    color: var(--c-BRAND);
    text-decoration: underline;
}
.gHeaderMenu-menuChild-content-featured-menus-tertiary {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--padding-xsmall);
    padding-top: var(--padding-xsmall);
    width: 100%;
    padding-inline-start: 0px;
}
.gHeaderMenu-menuChild-content-featured-menus-tertiary a {
    padding: var(--padding-xxsmall);
    color: var(--c-BLACK);
    text-decoration: none;
    display: block;
    border-radius: var(--radius-medium);
    transition: background-color .3s;
    text-align: left;
}
.gHeaderMenu-menuChild-content-featured-menus-tertiary a:hover { background-color: var(--c-SECONDARY); }
.gHeaderMenu-menuChild-content-featured-shopAll {
    display: flex;
    justify-content: right;
    align-items: middle;
    padding: var(--padding-xxxlarge) 0;
    margin-top: auto;
}
.gHeaderMenu-menuChild-content-featured-shopAll-cta {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.64px;
    color: var(--c-BLACK);
    text-decoration: none;
    transition: color .3s;
}
.gHeaderMenu-menuChild-content-featured-shopAll-cta:hover { color: var(--c-BRAND); }
.gHeaderMenu-menuChild-content-featured-shopAll::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='19' viewBox='0 0 11 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.183348 0.258695C0.454694 -0.0542646 0.928368 -0.087999 1.24133 0.183348L9.98042 7.76043L9.98349 7.76315C10.5165 8.23562 10.5463 9.06666 10.0291 9.57149L10.0248 9.57573L1.26956 17.9853C0.970829 18.2722 0.496051 18.2627 0.209113 17.964C-0.0778244 17.6652 -0.0682652 17.1905 0.230465 16.9035L8.77263 8.69854L0.258695 1.31668C-0.0542646 1.04533 -0.087999 0.571655 0.183348 0.258695Z' fill='%23007AC9'/%3E%3C/svg%3E");
    padding-left: var(--padding-xsmall);
    margin-top: 2px;
}
.gHeaderMenu-menuChild-content-spotlight {
    color: var(--c-WHITE);
    border-radius: var(--padding-xsmall);
    overflow: hidden;
    text-align: left;
}
.gHeaderMenu-menuChild-content-spotlight-top {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.4px;
    text-transform: capitalize;
    padding: var(--padding-large);
    background-color: var(--c-BRAND);
}
.gHeaderMenu-menuChild-content-spotlight-graphic {
    aspect-ratio: 1.45 / 1;
    background-color: var(--c-SECONDARY);
    background-image: url('https://spdc-assets.imgix.net/images/raised-foil-nav-spotlight_gold-gloss_bristle_906x460.png');
    background-size:cover;
    background-position: center center;
}
.gHeaderMenu-menuChild-content-spotlight-bottom {
    padding: var(--padding-large);
    background-color: var(--c-BRAND);
    width: calc(100% - 40px);
    text-wrap: wrap !important;
}
.gHeaderMenu-menuChild-content-spotlight-bottom-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.32px;
    text-wrap: wrap !important;
}
.gHeaderMenu-menuChild-content-spotlight-bottom-ctaContainer { padding-top:  var(--padding-large); }
.gHeaderMenu-menuChild-content-spotlight-bottom-ctaContainer-cta {
    color: var(--c-WHITE);
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    display: block;
    border: 2px solid var(--c-WHITE);
    padding: var(--padding-medium) var(--padding-large);
    border-radius: var(--radius-xlarge);
    transition: background-color .3s;
}
.gHeaderMenu-menuChild-content-spotlight-bottom-ctaContainer-cta:hover { background-color: rgba(255, 255, 255, .25); }
.gHeaderMenu-menuChild-content-featured-menus-secondary > li {
    align-self: flex-start;
    width: 100%;
    text-align: left;
}
.gHeaderMenu-menuChild-content-spotlight-bottom-copy {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.16px;
    padding-top: var(--padding-medium);
    margin: 0;
    width: 100%;
    text-wrap: wrap !important;
}
@media screen and (min-width: 768px) {
    .gHeaderMenu-menuChild-content {
        flex-direction: row;
        gap: var(--padding-large);
    }

    .gHeaderMenu-menuChild-content-spotlight { align-self: flex-start; }
    
    .gHeaderMenu-menuChild-content-spotlight,
    .gHeaderMenu-menuChild-content-featured { width: 50%; }

    .gHeaderMenu-menuChild-content-featured-shopAll { padding-bottom: 0; }

    .gHeaderMenu-menuChild-content-spotlight-graphic { aspect-ratio: 1.17 / 1; }
}
@media screen and (min-width: 1024px) {
    .gHeaderMenu-menuChild {
        padding: var(--padding-large) var(--padding-xxxlarge) var(--padding-xxxlarge) var(--padding-xxxlarge);
        width: calc(100% - 80px);
    }

    .gHeaderMenu-menuChild-content-spotlight-graphic { aspect-ratio: 1.53 / 1; }

    .gHeaderMenu-menuChild-content-featured-menus-secondary {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .gHeaderMenu-menuChild-content-featured-menus-secondary > li {
        width: calc(50% - 10px);
        flex-wrap: wrap;
        display: flex;
    }
}
@media screen and (min-width: 1200px) {
    .gHeaderMenu-menuChild-subCategoryName { display: none; }
    
    .gHeaderMenu-menuChild-content-featured { padding-top: var(--padding-large); }
}
@media screen and (min-width: 1400px) {
    .gHeaderMenu-menuChild {
        padding: var(--padding-large);
        width: 100%;
    }

    .gHeaderMenu-menuChild-content-featured { width: 67% }

    .gHeaderMenu-menuChild-content-spotlight { width: 32% }

    .gHeaderMenu-menuChild-content-featured-menus-secondary { gap: var(--padding-large) var(--padding-xxxlarge) }
    
    .gHeaderMenu-menuChild-content-featured-menus-secondary > li {
        width: calc(25% - 30px);
        flex-wrap: wrap;
        display: flex;
    }

    .gHeaderMenu-menuChild-content-spotlight-graphic { aspect-ratio: 1.97 / 1; }
    
    .gHeaderMenu-menuChild-content-spotlight-bottom-copy { display: block; }
}
@media screen and (min-width: 1480px) {
    .gHeaderMenu-menuChild { padding: var(--padding-large) 0; }
}
.heroCarousel {
    height: 600px;
    background-color: var(--c-OFFWHITE);
    display: flex;
    flex-direction: column;
    position: relative;
}
.heroCarousel-innerContent-hdg { 
    font-family: var(--f-SANS-COND) !important; 
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    color: var(--c-BLACK);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.heroCarsouel-heroProductImg {
    background-size: cover;
    background-position: center;
    flex-grow: 1;
    position: relative;
}
.heroCarouselImageCache {
    position: absolute;
    height: 0;
    width: 0;
    display: none;
}
.heroCarousel-bannerPreSubmediumViewport,
.heroCarsouel-heroProductImg-bannerSubmediumViewport {
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    padding: var(--padding-small);
    text-align: center;
    font-family: var(--f-SANS-COND);
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    user-select: none;
}
.heroCarousel-bannerPreSubmediumViewport { font-size: 8vw; }
.heroCarousel-innerContent {
    padding: var(--padding-xxxlarge) var(--padding-xxxlarge) 0 var(--padding-xxxlarge);
    text-align: center;
}
.heroCarousel-innerContent-bdcpy {
    font-weight: 500;
    margin: 5px 0;
    font-family: var(--f-SANS);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.4px;
    text-align: center;
    padding: var(--padding-xsmall) 0 var(--padding-xlarge) 0;
}
.heroCarousel-innerContent-cta {
    font-family: var(--f-SANS);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.68px;
    text-align: center;
    text-transform: uppercase;
    color: var(--c-BRAND);
    padding: var(--padding-medium) var(--padding-large);
    border: 2px solid var(--c-BRAND);
    border-radius: var(--radius-xlarge);
    text-decoration: none;
    display: block;
    transition: all .3s;
}
.heroCarousel-innerContent-cta:hover {
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
}
.heroCarouselPagination { padding-top: var(--padding-xlarge); }
.heroCarouselPagination .dsPagination-controls { padding: 10px 0; }
.heroCarouselPagination .dsPagination-indicator-page { margin-right: 7px; }
.heroCarouselPagination .dsPagination-controls-next:hover,
.heroCarouselPagination .dsPagination-controls-prev:hover { background-color: var(--c-OFFBLACK-LIGHTER); }
.heroCarsouel-heroProductImg-bannerSubmediumViewport { display: none; }
@media screen and (min-width: 480px) {
    .dsPagination.heroCarouselPagination  {
        flex-direction: row;
        padding: var(--padding-large) var(--padding-xxxlarge) 0 var(--padding-xxxlarge);
        align-items: center;
        justify-content: space-between;
    }
    .heroCarouselPagination .dsPagination-controls { padding: 14px 0 10px 0; }
}
@media screen and (min-width: 550px) {
    .heroCarousel-bannerPreSubmediumViewport { font-size: 36px; }
}
@media screen and (min-width: 768px) {
    .heroCarousel {
        flex-direction: row-reverse;
        height: 500px;
    }

    .heroCarousel-bannerPreSubmediumViewport { display: none; }

    .heroCarousel-innerContent {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        padding-bottom: 80px;
        user-select: none;
    }

    .heroCarousel-innerContent-bdcpy,
    .heroCarousel-innerContent-hdg { text-align: left; }

    .heroCarousel-innerContent-cta { width: max-content; }

    .dsPagination.heroCarouselPagination {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .dsPagination.heroCarouselPagination {
        flex-direction: column;
        width: 33%;
    }

    .heroCarsouel-heroProductImg-bannerSubmediumViewport {
        display: inline-block;
        font-size: 4vw;
        position: absolute;
        bottom: 0;
        right: 0;
        width: calc(100% - 24px);
    }
}
@media screen and (min-width: 900px) {
    .heroCarsouel-heroProductImg-bannerSubmediumViewport { font-size: 36px; }
}
@media screen and (min-width: 1024px) {
    .heroCarsouel-heroProductImg-bannerSubmediumViewport { width: auto; }
    .heroCarousel-innerContent,
    .dsPagination.heroCarouselPagination { width: 33% }
}
@media screen and (min-width: 1400px) {
    .dsPagination.heroCarouselPagination { flex-direction: column; } 

    .dsPagination.heroCarouselPagination {
        flex-direction: row;
        padding-bottom: 5px;
    }
}
.hpTestimonials { padding: var(--padding-large) }
.hpTestimonials-xlarge-viewport { display: none; }
.hpTestimonials-inner {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--padding-large) 0;
}
.hpTestimonials-inner-productImage {
    background-color: var(--c-OFFBLACK-LIGHTER);
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 9px;
    background-size: cover;
}
.hpTestimonials-inner-review { padding: var(--padding-large) 0; }
.hpTestimonials-inner-review-cta {
    display: inline-block !important;
    padding: var(--padding-medium) var(--padding-large);
    border: 1px solid var(--c-BRAND);
    border-radius: var(--radius-xlarge);
    font-family: var(--f-SANS);
    color: var(--c-BRAND);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.68px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    max-width: 120px;
    transition: all .3s;
}
.hpTestimonials-inner-review-cta:hover {
    color: var(--c-WHITE);
    background-color: var(--c-BRAND);
}
.hpTestimonials-inner-review-for {
    color: var(--c-OFFBLACK);
    font-family: var(--f-SANS);
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .96px;
    text-transform: uppercase;
}
.hpTestimonials-inner-review-name {
    font-family: var(--f-SANS);
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1.6px;
    color: var(--c-OFFBLACK);
    padding: var(--padding-small) 0;
}
.hpTestimonials-inner-review-score { padding: var(--padding-small) 0; }
.hpTestimonials-inner-review-score-star {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 3px;
}
.hpTestimonials-inner-review-score-star:before { content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_449_152)'%3E%3Cpath d='M0 5.33333C0 2.38781 2.38781 0 5.33333 0H42.6667C45.6122 0 48 2.38781 48 5.33333V42.6667C48 45.6122 45.6122 48 42.6667 48H5.33333C2.38781 48 0 45.6122 0 42.6667V5.33333Z' fill='%23DDDDDD'/%3E%3Cpath d='M23.049 8.26039C23.3483 7.33908 24.6517 7.33908 24.9511 8.26039L27.9665 17.5407C28.1003 17.9527 28.4843 18.2317 28.9175 18.2317H38.6754C39.6441 18.2317 40.0469 19.4713 39.2632 20.0407L31.3689 25.7763C31.0184 26.0309 30.8717 26.4823 31.0056 26.8943L34.021 36.1746C34.3203 37.0959 33.2658 37.862 32.4821 37.2926L24.5878 31.5571C24.2373 31.3024 23.7627 31.3024 23.4123 31.5571L15.5179 37.2926C14.7342 37.862 13.6798 37.0959 13.9791 36.1746L16.9945 26.8943C17.1283 26.4823 16.9817 26.0309 16.6312 25.7763L8.73688 20.0407C7.95317 19.4713 8.35595 18.2317 9.32467 18.2317H19.0826C19.5158 18.2317 19.8998 17.9527 20.0336 17.5407L23.049 8.26039Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_449_152'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.hpTestimonials-inner-review-score-star_full:before { content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.0180664' y='0.529785' width='24' height='24' rx='3' fill='%23D6AC7F'/%3E%3Cpath d='M12.0177 16.7299L7.0809 19.3255L8.0229 13.8283L4.0293 9.93428L9.5493 9.13148L12.0177 4.12988L14.4861 9.13148L20.0061 9.93428L16.0125 13.8283L16.9545 19.3255L12.0177 16.7299Z' fill='white'/%3E%3C/svg%3E%0A"); }
.hpTestimonials-inner-review-score-star_75:before { content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_449_149)'%3E%3Cpath d='M0 5.33333C0 2.38781 2.38781 0 5.33333 0H42.6667C45.6122 0 48 2.38781 48 5.33333V42.6667C48 45.6122 45.6122 48 42.6667 48H5.33333C2.38781 48 0 45.6122 0 42.6667V5.33333Z' fill='%23DDDDDD'/%3E%3Cpath d='M36.001 48H5.33398C2.38862 48 0.000257669 45.6123 0 42.667V5.33301C9.35373e-05 2.38757 2.38852 0 5.33398 0H36.001V48Z' fill='%23D6AC7F'/%3E%3Cpath d='M23.049 8.26039C23.3483 7.33908 24.6517 7.33908 24.9511 8.26039L27.9665 17.5407C28.1003 17.9527 28.4843 18.2317 28.9175 18.2317H38.6754C39.6441 18.2317 40.0469 19.4713 39.2632 20.0407L31.3689 25.7763C31.0184 26.0309 30.8717 26.4823 31.0056 26.8943L34.021 36.1746C34.3203 37.0959 33.2658 37.862 32.4821 37.2926L24.5878 31.5571C24.2373 31.3024 23.7627 31.3024 23.4123 31.5571L15.5179 37.2926C14.7342 37.862 13.6798 37.0959 13.9791 36.1746L16.9945 26.8943C17.1283 26.4823 16.9817 26.0309 16.6312 25.7763L8.73688 20.0407C7.95317 19.4713 8.35595 18.2317 9.32467 18.2317H19.0826C19.5158 18.2317 19.8998 17.9527 20.0336 17.5407L23.049 8.26039Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_449_149'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.hpTestimonials-inner-review-score-star_50:before { content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_449_150)'%3E%3Cpath d='M0 5.33333C0 2.38781 2.38781 0 5.33333 0H42.6667C45.6122 0 48 2.38781 48 5.33333V42.6667C48 45.6122 45.6122 48 42.6667 48H5.33333C2.38781 48 0 45.6122 0 42.6667V5.33333Z' fill='%23DDDDDD'/%3E%3Cpath d='M24 48H5.33301C2.38755 48 9.27789e-05 45.6124 0 42.667V5.33301C0.000258476 2.38771 2.38765 0 5.33301 0H24V48Z' fill='%23D6AC7F'/%3E%3Cpath d='M23.049 8.26039C23.3483 7.33908 24.6517 7.33908 24.9511 8.26039L27.9665 17.5407C28.1003 17.9527 28.4843 18.2317 28.9175 18.2317H38.6754C39.6441 18.2317 40.0469 19.4713 39.2632 20.0407L31.3689 25.7763C31.0184 26.0309 30.8717 26.4823 31.0056 26.8943L34.021 36.1746C34.3203 37.0959 33.2658 37.862 32.4821 37.2926L24.5878 31.5571C24.2373 31.3024 23.7627 31.3024 23.4123 31.5571L15.5179 37.2926C14.7342 37.862 13.6798 37.0959 13.9791 36.1746L16.9945 26.8943C17.1283 26.4823 16.9817 26.0309 16.6312 25.7763L8.73688 20.0407C7.95317 19.4713 8.35595 18.2317 9.32467 18.2317H19.0826C19.5158 18.2317 19.8998 17.9527 20.0336 17.5407L23.049 8.26039Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_449_150'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.hpTestimonials-inner-review-score-star_25:before { content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_449_151)'%3E%3Cpath d='M0 5.33333C0 2.38781 2.38781 0 5.33333 0H42.6667C45.6122 0 48 2.38781 48 5.33333V42.6667C48 45.6122 45.6122 48 42.6667 48H5.33333C2.38781 48 0 45.6122 0 42.6667V5.33333Z' fill='%23DDDDDD'/%3E%3Cpath d='M12.001 48H5.33398C2.38847 48 0 45.6115 0 42.666V5.33301C4.40636e-05 2.38753 2.38849 0 5.33398 0H12.001V48Z' fill='%23D6AC7F'/%3E%3Cpath d='M23.049 8.26039C23.3483 7.33908 24.6517 7.33908 24.9511 8.26039L27.9665 17.5407C28.1003 17.9527 28.4843 18.2317 28.9175 18.2317H38.6754C39.6441 18.2317 40.0469 19.4713 39.2632 20.0407L31.3689 25.7763C31.0184 26.0309 30.8717 26.4823 31.0056 26.8943L34.021 36.1746C34.3203 37.0959 33.2658 37.862 32.4821 37.2926L24.5878 31.5571C24.2373 31.3024 23.7627 31.3024 23.4123 31.5571L15.5179 37.2926C14.7342 37.862 13.6798 37.0959 13.9791 36.1746L16.9945 26.8943C17.1283 26.4823 16.9817 26.0309 16.6312 25.7763L8.73688 20.0407C7.95317 19.4713 8.35595 18.2317 9.32467 18.2317H19.0826C19.5158 18.2317 19.8998 17.9527 20.0336 17.5407L23.049 8.26039Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_449_151'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.hpTestimonials-inner-review-copy {
    font-family: var(--f-SANS);
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: .8px;
    color: var(--c-BLACK);
}
.hpTestimonials-inner-review-user {
    font-family: var(--f-SANS);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    padding: var(--padding-large) 0;
}
.hpTestimonials-inner-review-pagination { padding-top: var(--padding-xxxlarge); }
@media screen and (min-width: 768px) {
    .hpTestimonials { padding: var(--padding-xxxlarge); }

    .hpTestimonials-inner-review-pagination .globalPagination-controls {
        position: absolute;
        right: 0;
    }

    .hpTestimonials-inner-review-pagination .globalPagination-indicator { height: 40px; }

    .hpTestimonials .dsPagination-controls {
        position: absolute;
        right: 0;
        margin-top: -11px;
    }
}
@media screen and (min-width: 1024px) {
    .hpTestimonials-inner {
        flex-direction: row;
        gap: 20px;
    }
    
    .hpTestimonials-inner > div { width: 50%; }

    .hpTestimonials-inner-productImage { 
        margin: 20px 0; 
        aspect-ratio: 1/1;
    }
}
@media screen and (min-width: 1400px) {
    .hpTestimonials-inner-review {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .hpTestimonials-xlarge-viewport {
        display: block;
        padding-bottom: var(--padding-xxxlarge);
    }

    .hpTestimonials-prehpTestimonials-xlarge-viewport { display: none; }
}
@media screen and (min-width: 1455px) {
    .hpTestimonials { padding: var(--padding-xxxlarge) 0; }
}
@media print {
    body > * { display: none !important }
    .printArea { display: block !important }

    .hdg_3 {
        font: 34px/38px var(--f-SERIF);
        color: #333;
    }

    .lbl {
        font: 12px/16px  var(--f-SANS);
    font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .15em;
        color: var(--c-OFFBLACK);
    }

    .lbl_bold { font-weight: 700; }

    .bdcpy {
        font: 14px/25px var(--f-SANS);
        font-weight: 300;
        color: var(--c-BLACK);
        letter-spacing: .087em;
    }

}
.categoryList { padding: 20px; }
.categoryList + .categoryList { margin-top: 40px; }
.categoryList-row-tiles {
    display: flex;
    flex-flow: wrap;
}
.categoryList-row-tiles > * {
    width: 100%;
    margin-top: 20px;
}
@media screen and (min-width: 480px) {
    .categoryList-row-tiles { margin-left: -20px; }

    .categoryList-row-tiles > * {
        margin-left: 20px;
        display: flex;
        flex-grow: 1;
    }

    .categoryList-row-tiles > * { max-width: calc(50% - 20px); }
}
@media screen and (min-width: 1024px) {
    .categoryList + .categoryList { padding-top: 20px; }

    .categoryList { padding: 0 20px; }

    .categoryList-row-tiles > * { max-width: calc(33.33333367% - 20px); }
}
@media screen and (min-width: 1200px) {
    .categoryList-row-bd { max-width: 65%; }

    .categoryList-row-tiles > * {
        width: 100%;
        max-width: calc(25% - 20px);/* Default is 4up */
    }
    
    .categoryList-row-tiles_2 > * { max-width: calc(50% - 20px); }

    .categoryList-row-tiles_3 > * { max-width: calc(33.33333367% - 20px); }
    
    .categoryList-row-tiles_4 > * { max-width: calc(25% - 20px); }

    .categoryList-row-tiles_5 > * { max-width: calc(20% - 20px); }
    
    .categoryList-row-tiles_6 > * { max-width: calc(16.6666667% - 20px); }
}
.cart-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.loyaltyRewardsCartPoints { padding: var(--padding-xxxlarge)}
.cart-aside { background-color: #f7f7f7; }
@media screen and (min-width: 1024px) {
    .cart {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: var(--padding-xxxlarge)
    }

    .cart-main { width: 65%; }

    .cart-aside { width: 35%; }

    .cart-aside-inner {
        position: sticky;
        top: 120px;
    }
}
@media screen and (min-width: 1200px) {
    .cart-main {
        padding: 60px 20px;
        width: 70%;
    }

    .cart-aside { width: 30%; }

}
@media screen and (min-width: 1400px) {
    .cart-main {
        padding: 60px 100px;
        width: 75%;
    }

    .cart-aside { width: 25%; }
}
.klevuTarget .hdg {
    font-family: var(--f-SANS) !important;
    font-weight: 600;
    font-size: 28px;
}
.klevuTarget .link {
    font-family: var(--f-SANS) !important;
}
.faqBlock {
    background-color: var(--c-OFFWHITE);
    padding: 40px;
}
.faqBlock_narrow {
    max-width: 900px;
    margin: 0 auto;
}
.faqBlock-list dl { margin-bottom: 0; }
.faqBlock-list dt {
    position: relative;
    padding: 20px 40px 20px 0;
    border-top: 1px solid var(--c-OFFBLACK-LIGHT);
    cursor: pointer;
}
.faqBlock-list dt,
.faqBlock-list dt > h3 {
    font-family: var(--f-SERIF);
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.01em;
}
.faqBlock-list dt > h3 { pointer-events: none; }
.faqBlock-list dd {
    font: 16px/24px var(--f-SANS);
    font-weight: 300;
    color: var(--c-OFFBLACK);
    letter-spacing: .03em;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}
.faqBlock-list dd:last-child {
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHT);
    opacity: 1;
}
.faqBlock-list dt.isOpen { padding-bottom: 0; }
.faqBlock-list dt.isOpen + dd {
    padding: 0 20px 20px;
    height: auto;
    opacity: 1;
}
.faqBlock-list dt:after,
.faqBlock-list dt:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 20px;
    background: var(--c-BRAND);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    transition: transform 0.25s ease-in-out;
}
.faqBlock-list dt:before { transform: rotate(90deg); }
.faqBlock-list dt.isOpen:before { transform: rotate(0deg); }
.faqBlock-list dt.isOpen:before,
.faqBlock-list dt.isOpen:after { top: 40px; }
.productSelectContainer {
    margin: 10px;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--c-OFFWHITE);
}
.productSelectContainer-message {
    color: var(--c-BLACK);
    font-family: var(--f-SANS-ALT);
    margin-bottom: 10px;
}
.productSelectContainer-message-hd {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.productSelectContainer-message-bd {
    font-size: 15px;
    line-height: 19px;
    font-weight: 300;
    letter-spacing: 0.03em;
    padding-right: 10px;
}
.productSelectContainer-options-select { background-color: var(--c-WHITE) !important; }
@media screen and (min-width: 480px) {
    .productSelectContainer {
        display: flex;
        flex-direction: row;
    }

    .productSelectContainer-message {
        width: 60%;
        margin-bottom: 0;
    }

    .productSelectContainer-options { width: 40%; }
}
@media screen and (min-width: 1200px) {
    .productSelectContainer-message { width: 70%; }

    .productSelectContainer-options { width: 30%; }
}
.pageGrid {
    display: block;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    box-sizing: border-box;
}
.pageGrid:not(.pageGrid_flush) { padding-top: 20px; }
.pageGrid_vertCentered {
    height: 100%;
    align-items: center;
}
.pageGrid > * + * { margin-top: 20px; }
.pageGrid-1 { grid-column: auto / span 1; }
.pageGrid-2 { grid-column: auto / span 2; }
.pageGrid-3 { grid-column: auto / span 3; }
.pageGrid-4 { grid-column: auto / span 4; }
.pageGrid-5 { grid-column: auto / span 5; }
.pageGrid-6 { grid-column: auto / span 6; }
.pageGrid-7 { grid-column: auto / span 7; }
.pageGrid-8 { grid-column: auto / span 8; }
.pageGrid-9 { grid-column: auto / span 9; }
.pageGrid-10 { grid-column: auto / span 10; }
.pageGrid-11 { grid-column: auto / span 11; }
.pageGrid-12 { grid-column: auto / span 12; }
.pageGrid-6_centered { grid-column-start: 4; }
.pageGrid-8_centered { grid-column-start: 3; }
.mix-pageGrid_gray {
    background-color: var(--c-NUETRAL-4);
    padding: 10px;
}
@media screen and (min-width: 1024px) {
    .pageGrid {
        display: grid;
    }

    .pageGrid > * + * { margin-top: 0; }

    .pageGrid_colGapLg { grid-column-gap: 80px; }

    .mix-pageGridPushTop { padding-top: 60px; }
}
.jumpToMenu {
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--c-OFFWHITE);
}
.jumpToMenu-hd {
    position: relative;
    font-family: var(--f-SANS);
    font-size: 16px;
    font-weight: bold;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.03em;
}
.jumpToMenu_dropdown .jumpToMenu-hd:after,
.jumpToMenu_dropdown .jumpToMenu-hd:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    height: 2px;
    width: 14px;
    background: var(--c-BRAND);
}
.jumpToMenu_dropdown .jumpToMenu-hd:before { transform: rotate(-45deg); }
.jumpToMenu_dropdown .jumpToMenu-hd:after {
    right: 10px;
    transform: rotate(45deg)
}
.jumpToMenu_dropdown .jumpToMenu-hd.isOpen:before { transform: rotate(45deg); }
.jumpToMenu_dropdown .jumpToMenu-hd.isOpen:after { transform: rotate(-45deg); }
.jumpToMenu-items {
    list-style: none;
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.jumpToMenu_dropdown .jumpToMenu-items {
    margin: 0;
    height: 0;
    overflow: hidden;
}
.jumpToMenu_dropdown .jumpToMenu-items.isOpen {
    margin: 10px 0;
    height: auto;
    overflow: visible;
}
.jumpToMenu-items-link {
    display: flex;
    align-items: center;
    height: 50px;
    font-family: var(--f-SANS-ALT);
    font-size: 16px;
    letter-spacing: 0.03em;
    color: var(--c-BRAND);
    text-decoration: none;
    box-sizing: border-box;
    border-left: 4px solid transparent;
    transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
    .jumpToMenu {
        position: sticky;
        top: 120px;
        transition: top 0.3s ease-in-out;
    }
    
    .hideNav .jumpToMenu { top: 60px; }

    .jumpToMenu_dropdown .jumpToMenu-hd:after,
    .jumpToMenu_dropdown .jumpToMenu-hd:before { content: none; }

    .jumpToMenu_dropdown  .jumpToMenu-items {
        margin: 10px 0;
        height: auto;
        overflow: visible;
    }

    .jumpToMenu-items-link { padding: 20px; }

    .jumpToMenu-items-link:hover,
    .jumpToMenu-items-link.isActive {
        color: var(--c-OFFBLACK);
        border-color: var(--c-BRAND);
    }
}
.authBox {
    max-width: 530px;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
}
.authBox + .authBox { margin-top: 20px; }
.authBox-bd {
    padding: 40px;
}
.authBox-ft {
    padding: 20px 40px;
    background-color: #f7f7f7;
    text-align: center;
}
.authBox_referral {
    border: none;
    max-width: 628px;
}
.authBox_login {
    padding: 40px;
    box-shadow: 0 1px 5px #ccc;
    max-width: 530px;
}
.authBox_referral .authBox-bd { padding: 0; }
.totalsBlock {
    padding: 45px;
    text-align: center;
}
.totalsBlock-subtotal {
    color: #666666;
    margin-bottom: 20px;
}
.totalsBlock-subtotal-price {
    font: 48px/59px var(--f-SERIF);
    font-style: italic;
    margin: 5px 0 20px;
}
.totalsBlock-actions > * + * { margin-top: 20px; }
.totalsBlock-ft {
    text-align: left;
    margin-top: 20px;
    padding: 0 40px;
}
@media screen and (min-width: 1200px) {
    .totalsBlock { padding: 80px 45px; }
}
.singleQuote {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.singleQuote-main {
    width: 100%;
}
.singleQuote-main-hd {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    /* padding: 0; */
}
.singleQuote-main-hd-actions {
    display: flex;
    flex-direction: row;
    padding: 20px 20px 0;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
}
.singleQuote-main-hd-actions > *.link_iconPrint {
    order: 2;
    font-size: 0;
}
.singleQuote-main-hd-actions > * { order: 1 }
.singleQuote-main-bd {
    padding: 20px;
}
.singeQuote-main-bd-quoteTitle {
    margin-bottom: 40px;
}
.singeQuote-main-bd-quoteDesc {
    margin-bottom: 20px;
    margin-top: 20px;
}
.singleQuote-main-bd-status {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
}
.singleQuote-main-bd-status {
    display: flex;
    flex-direction: column;
}
.singleQuote-main-bd-status_cc {
    justify-content: space-between;
    margin-bottom: 0;
}
.singleQuote-main-bd-status_cc > * { text-align: left; }
.singleQuote-main-bd-status_cc > *:first-child {
    text-align: left;
    width: 100%;
}
.singleQuote-aside {
    width: 100%;
    background-color: var(--c-OFFWHITE);
}
.singleQuote-aside-inner {
    display: flex;
    flex-direction: column;
}
.userAccount-main {
    display: flex;
    flex-direction: column;
}
.singleQuote-aside-inner > * { order: 1; }
.singleQuote-aside-inner > .bioBlock { order: 2; }
.singleQuote-aside-inner>*.project-ft-totals-promo {
    border-top: none;
}
@media screen and (max-width: 768px) {

    .project_quote .project-hd-accentRow th { display: none; }

    .project_quote .project-hd-accentRow,
    .project_quote .project-hd-accentRow th:first-of-type {
        display: block;
    }
    .project_quote .orderItem-checkbox {
        background: #eee;
        width: 100%;
    }

    .project_quote .orderItem-files_needFiles,
    .project_quote .orderItem-files_hasFiles {
        width: 100%;
        border-right: 1px solid #eee;
    }

    .project_quote .orderItem-unitPrice,
    .project_quote .orderItem-price,
    .project_quote .orderItem-qty { width: 33.33333333%; }
}
@media screen and (min-width: 678px) {
    .singleQuote-main-hd {
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
        padding: 20px;
    }
    .singleQuote-main-hd-actions {
        justify-content: flex-end;
        padding: 0;
        white-space: nowrap;
    }
    .singleQuote-main-hd-actions > *.link_iconPrint {
        order: 1;
        font-size: 14px;
        margin-right: 20px;
    }
    .singleQuote-main-hd-actions > * { order: 2 }
    .singeQuote-main-bd { padding: 40px 20px; }
    .singeQuote-main-bd-quoteDesc {
        margin-bottom: 40px;
        margin-top: 0;
    }
    .singleQuote-main-bd-status { flex-direction: row; }
    .singleQuote-main-bd-status > * + * { margin-left: 60px; }
    .singleQuote-main-bd-status_cc > *:first-child { width: 50%; }
    .singleQuote-main-bd-status_cc > * { text-align: right; margin-left: 0; }
    .singleQuote-aside-inner {
        flex-direction: row;
    }
    .singleQuote-aside-inner > .bioBlock {
        order: 1;
        border-top: none;
        border-right: 5px solid var(--c-WHITE);
    }
}
@media screen and (min-width: 1200px) {
    .singleQuote { flex-direction: row; }
    .singleQuote-main { width: 65%; }
    .singleQuote-main-hd { padding: 20px 60px; }
    .singleQuote-main-bd { padding: 40px; }
    .singleQuote-main-hd-actions > *.link_iconPrint { margin-right: 40px; }
    .singleQuote-aside { width: 35%; }
    .singleQuote-aside-inner {
        flex-direction: column;
        position: sticky;
        top: 60px;
        padding-top: 60px;
    }
    .singleQuote-aside-inner > .bioBlock {
        border-right: none;
        border-bottom: 5px solid #ffffff;
    }
    .singleQuote-aside-inner>*.project-ft-totals-promo {
        border-bottom: 5px solid white;
    }
}
@media screen and (min-width: 1440px) {
    .singleQuote-main { width: 70%; }
    .singleQuote-main-bd { padding: 40px 60px; }
    .singleQuote-aside { width: 30%; }
}
@media screen and (min-width: 1700px) {
    .singleQuote-main { width: 75%; }
    .singleQuote-aside { width: 25%; }
}
/*doc
---
title: Quote List
name: quoteList
category: Components
---

Class                | Description
-------------------- | -----------------
quoteList            | TODO: Add description
quoteList-item       | TODO: Add description


```html_example

```
*/
.quoteList {
    box-sizing: border-box;
    width: 100%;
}
.quoteList thead,
.quoteList tbody {
    text-align: left;
}
.quoteList-item-name {
    text-decoration: none;
    color: var(--c-OFFBLACK);
}
.quoteList-item-name:hover,
.quoteList-item-name:focus {
    color: var(--c-BRAND);
}
.quoteList-item td:first-child {
    font-family:  var(--f-SANS);
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}
.quoteList-item {
    font: 14px/20px  var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK);
    padding: 10px 30px;
    box-sizing: border-box;
}
.quoteList-item td:last-child {
    padding: 30px 15px;
}
.quoteList-item-spIcon {
    margin-right: 10px;
    vertical-align: text-top;
}
.quoteList-item-remove {
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.quoteList-item-remove-button {
    border: none;
    font-size: 0;
    background: none;
    width: 100%;
}
.quoteList-item-remove-button:before {
    content: '\e90b';
    font-family: Icomoon;
    font-size: 26px;
    display: inline-block;
    color: var(--c-OFFBLACK-LIGHTER);
    transition: color .2s ease-in-out
}
.quoteList-item-remove-button:hover:before {
    color: var(--c-ERROR);
    cursor: pointer
}
.quoteList-item_isExpiring { color: var(--c-ERROR); }
/* @media screen and (min-width: 480px) { */
@media screen and (min-width: 769px) {
    .quoteList {
        border-collapse: separate;
        border-spacing: 0 20px;
    }

    .quoteList thead tr {
        font: 11px/11px  var(--f-SANS);
    font-weight: 400;
        letter-spacing: .1em;
        text-transform: uppercase;
        background-color: var(--c-OFFBLACK-LIGHTER);
    }

    .quoteList thead th {
        padding: 12px 15px 8px 30px;
    }

    .quoteList-item td:first-child {
        border-left: 1px solid var(--c-OFFBLACK-LIGHTER);
    }

    .quoteList-item td:nth-child(2),
    .quoteList-item td:nth-child(3),
    .quoteList-item td:nth-child(4) { width: 11%; }
    .quoteList-item td:nth-child(5) { width: 24%; }
    /* .quoteList-item td:last-child { width: 5%; } */

    .quoteList-item td:last-child {
        width: 5%;
        border-right: 1px solid var(--c-OFFBLACK-LIGHTER);
        text-align: right;
    }

    .quoteList-item td {
        border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
        border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
        border-left: none;
        border-right: none;
        padding: 30px;
    }

    .quoteList-item-toggle-arrow {
        display: inline-block;
        position: relative;
        width: 0px;
        height: 0px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid var(--c-OFFBLACK);
        margin-left: 5px;
        opacity: 0;
        transform: rotate(180deg);
        transition: all 0.2s ease-in-out;
    }

    .quoteList-item-toggle.isSorted .quoteList-item-toggle-arrow {
        opacity: 1;
    }

    .quoteList-item-toggle.isAscending.isSorted .quoteList-item-toggle-arrow {
        transform: rotate(0);
    }

    .quoteList th:hover .quoteList-item-toggle-arrow {
        border-top-color: var(--c-BRAND);
        opacity: 1;
    }

    .quoteList-item-toggle {
        cursor: pointer;
    }

    .quoteList-item-toggle-arrow:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 5px solid var(--c-OFFBLACK-LIGHTER);
        position: absolute;
        top: -7px;
        left: -3px;
    }

    .quoteList-item-remove {
        border-top: 0;
    }

    .quoteList-item-mobileLbl { display: none; }
}
@media screen and (max-width: 767px) {

    .quoteList {
        display: block;
    }

    .quoteList thead {
        display: block;
        opacity: 0;
        height: 0;
        width: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .quoteList tbody {
        display: flex;
        flex-wrap: wrap;
    }

    .quoteList-item {
        display: flex;
        flex-direction: column;
        width: calc(50% - 20px);
        margin: 10px;
        box-sizing: border-box;
        justify-content: space-between;
        border: 1px solid var(--c-OFFBLACK-LIGHTER);
    }

    .quoteList-item-mobileLbl {
        font: 12px/12px var(--f-SANS);
    font-weight: 700;
        display: inline-block;
        color: var(--c-OFFBLACK);
        letter-spacing: 0.03em;
        text-transform: uppercase;
        margin-right:  10px;
    }

    .quoteList-item td:first-child {
        border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
        padding: 30px 30px 15px 0;
    }

    .quoteList-item td:last-child {
        padding-top: 20px 30px 15px;
    }

    .quoteList-item td:nth-child(2) {
        padding-top: 20px;
    }

    .quoteList-item td:nth-child(5) {
        padding-bottom: 20px;
    }

    .quoteList tfoot,
    .quoteList tfoot tr {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .quoteList tbody {
        display: block;
    }
    .quoteList .quoteList-item {
        width: 100%;
        margin: 0;
    }
    .quoteList-item + .quoteList-item { margin-top: 20px; }
}
.pagination {
    text-align: center;
    padding-top: 20px;
}
.pagination ul {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font: 16px/20px  var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK);
}
.pagination ul li {
    list-style: none;
}
.pagination ul li + li {
    margin-left: 10px;
}
.pagination a {
    color: var(--c-OFFBLACK);
    padding: 6px 8px 2px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    min-height: 25px;
    display: inline-block;
    text-decoration: none;
}
.pagination a:hover,
.pagination a:focus,
.pagination a.isCurrent {
    background-color: var(--c-OFFWHITE);
}
.pagination-prev a,
.pagination-next a {
    color: var(--c-BRAND);
    font-size: 0;
    padding: 3px;
    position: relative;
    height: 25px;
    width: 25px;
}
.pagination-prev a::before,
.pagination-next a:after {
    content: '';
    font: 30px/1 var(--f-ICONS);
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    right: 0;
}
.pagination-prev a::before {
    content: '\f3d2';
}
.pagination-next a:after {
    content: '\f3d3';
}
.pagination-prev.isDisabled a,
.pagination-next.isDisabled a {
    color: var(--c-OFFBLACK-LIGHTER);
    pointer-events: none;
}
@media screen and (max-width: 767px) {
    .pagination {
        display: block;
        margin: 0 auto;
    }
}
.modalContainer {
    position: relative;
    z-index: var(--z-MODAL);
}
.modalSneezeGuard {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    /* background-color: rgba(102, 102, 102, .6); */
    transition: all 250ms;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.breadcrumbs {
    list-style: none;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 10px 20px 20px;
    margin-bottom: 0;
}
.breadcrumbs > *  {
    display: inline-block;
    font: 14px/14px var(--f-SERIF);
    color: var(--c-OFFBLACK-LIGHT);
    font-style: italic;
    letter-spacing: 0.03em;
}
.breadcrumbs > * a {
    text-decoration: none;
    color: var(--c-BRAND);
}
.breadcrumbs > * + * { margin-left: 10px;}
.breadcrumbs > *:not(:last-child):after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    vertical-align: text-top;
    height: 14px;
    width: 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20.535L.547%200%205%204.5.547%209%200%208.465%203.906%204.5z%22%20fill%3D%22%23999%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 678px) {
    .breadcrumbs {
        padding: 0;
        margin: 0;
        border-bottom: none;
    }
}
.bioBlock {
    padding: 40px 20px;
}
.bioBlock-pic {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    border: 2px solid #cccccc;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M63.1 57.6C56 56 49.4 54.5 52.6 48.5c9.7-18.4 2.6-28.2-7.7-28.2-10.5 0-17.5 10.2-7.7 28.2 3.3 6.1-3.6 7.5-10.5 9.1-6.1 1.4-6.6 4.4-6.6 9.6v2.6h4.1c0-6.5-.3-7.3 3.8-8.3 5.9-1.4 11.4-2.6 13.5-7.1.7-1.6 1.2-4.3-.7-7.9-4.2-7.8-5.3-14.6-2.9-18.6 2.8-4.7 11.2-4.7 14-.1 2.4 3.9 1.3 10.8-2.9 18.7-1.9 3.5-1.4 6.2-.6 7.9 2 4.5 7.6 5.8 13.6 7.1 3.9.9 3.6 1.8 3.6 8.2h4.1v-2.6c0-5.1-.4-8.1-6.6-9.5z' fill='%2523666666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #D8D8D8;
    background-size: contain;
    margin: 0 auto;
    overflow: hidden;
}
.bioBlock-msg {
    font: 13px/19px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.087em;
    padding: 20px;
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHT);
}
.bioBlock-msg i {
    font-family: var(--f-SERIF);
    font-style: italic;
}
.bioBlock-msg p { margin: 0; }
.bioBlock-msg b { font-family: var(--f-SANS);
    font-weight: 400; }
.bioBlock-info {
    padding: 20px;
}
.loyaltyApply {
    padding: 40px 20px;
    border-bottom: 4px solid #fff;
}
.loyaltyApply > * + * { margin-top: 20px; }
.loyaltyApply-hd-highlight {
    background-color: var(--c-WHITE);
    padding: 5px 10px;
    border-radius: 4px;
}
.loyaltyApply-actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.loyaltyApply-actions-btn .btn { min-width: auto; }
.loyaltyApply-actions-points {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 15px;
}
.loyaltyApply-actions-points-redeem {
    font-family: var(--f-SERIF);
    font-style: italic;
    color: #666666;
    letter-spacing: 0.05em;
    font-size: 20px;
    margin-top: -5px;
}
.loyaltyApply-actions-points-label {
    position: relative;
    margin-left: 15px;
    padding: 0 6px 0 25px;
    line-height: 15px;
}
.loyaltyApply-actions-points-label:before {
    content: '\f3fe';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    font-family: var(--f-ICONS);
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: auto 0;
    border-radius: 50%;
}
@media screen and (min-width: 1024px) {
    .loyaltyApply-actions {
        flex-direction: column
    }
    .loyaltyApply-actions-btn {
        margin-top: 15px;
        width: 100%;
    }
    .loyaltyApply-actions-btn button {
        width: 100%;
    }
    .loyaltyApply-actions-points {
        margin-right: 0;
    }
    .loyaltyApply-actions-points-label {
        margin-left: 8px
    }
}
@media screen and (min-width: 1400px) {
    .loyaltyApply { padding: 40px; }

    .loyaltyApply-actions { justify-content: space-between; }
}
.loyaltyBox {
    background-image: url('https://spdc-assets.imgix.net/images/pp-texture-bg-gray.png');
    padding: 40px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.loyaltyBox:before {}
.loyaltyBox:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .9;
    background: linear-gradient(135deg,rgba(0,255,255,.69) 5%,rgba(0,255,255,.78) 20%,rgba(2,234,234,.8) 23%,rgba(4,199,199,.85) 28%,rgba(140,75,213,.9) 33%,rgba(221,0,221,.9) 36%,rgba(232,55,147,.9) 38%,rgba(255,165,0,.9) 42%,rgba(255,183,0,.9) 43%,rgba(255,255,0,.82) 47%,rgba(255,255,175,.6) 58%,rgba(255,255,255,.35) 63%,rgba(255,255,255,0) 70%);
}
.loyaltyBox-hd {
    font-family: 'din-condensed';
    font-size: 50px;
    text-transform: uppercase;
}
.loyaltyBox-hd b {
    letter-spacing: 0.03em;
}
.loyaltyDashboard {
    display: flex;
    flex-direction: column;
}
.loyaltyDashboard .mix-hdg_condensed { font-size: 56px; }
.loyaltyDashboard-empty {
    padding: 80px;
    border-radius: 25px;
    background-color: var(--c-OFFWHITE);
    text-align: center;
}
.loyaltyDashboard-info {
    display: block;
    align-items: center;
    padding: 20px;
    background-color: var(--c-OFFWHITE);
}
.loyaltyDashboard-info-points {
    margin-top: 20px;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
}
.loyaltyDashboard-info-tier > * + * { margin-top: 10px; }
.loyaltyDashboard-info-tier-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.loyaltyDashboard-info-tier-inner-level {
    margin-left: 10px;
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 15px 6px;
    background: var(--c-WHITE);
    border-radius: 5px;
}
.loyaltyDashboard-info-tier-inner-multiplier {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.loyaltyDashboard-info-tier-inner-multiplier-value {
    height: 38px;
    width: 38px;
    background-color: var(--c-OFFBLACK-LIGHTER);
    display: block;
    border-radius: 50%;
    margin-right: 10px;
}
.loyaltyDashboard-info-tier-inner-multiplier-value:before {
    content: '--x';
    font-family: 'din-2014';
    font-size: 18px;
    font-weight: 600;
    color: var(--c-BLACK);
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.mix-ppTierCyan .loyaltyDashboard-info-tier-inner-multiplier-value { background-color: var(--c-TIER-CYAN); }
.mix-ppTierMagenta .loyaltyDashboard-info-tier-inner-multiplier-value { background-color: var(--c-TIER-MAGENTA); }
.mix-ppTierYellow .loyaltyDashboard-info-tier-inner-multiplier-value { background-color: var(--c-TIER-YELLOW); }
.mix-ppTierBlack .loyaltyDashboard-info-tier-inner-multiplier-value { background-color: var(--c-TIER-BLACK); }
.mix-ppTierCyan .loyaltyDashboard-info-tier-inner-multiplier-value:before { content: '1x'; }
.mix-ppTierMagenta .loyaltyDashboard-info-tier-inner-multiplier-value:before { content: '2x'; }
.mix-ppTierYellow .loyaltyDashboard-info-tier-inner-multiplier-value:before { content: '5x'; }
.mix-ppTierBlack .loyaltyDashboard-info-tier-inner-multiplier-value:before {
    content: '10x';
    color: var(--c-WHITE);
}
.loyaltyDashboard-status {
    padding: 20px 20px 80px;
    background: var(--c-BLACK);
    color: var(--c-WHITE);
}
.loyaltyDashboard-status-hd {
    display: flex;
    flex-direction: row;
}
.loyaltyDashboard-status-hd-tiers {
    font-family: var(--f-SANS-COND);
    font-size: 23px;
    margin-right: 20px;
}
.loyaltyDashboard-status-hd-tiers.isCyanTier > *[data-tier="Cyan"],
.loyaltyDashboard-status-hd-tiers.isMagentaTier > *[data-tier="Magenta"],
.loyaltyDashboard-status-hd-tiers.isYellowTier > *[data-tier="Yellow"],
.loyaltyDashboard-status-hd-tiers.isBlackTier > *[data-tier="Black"] { border-bottom: 2px solid var(--c-WHITE); }
.loyaltyDashboard-status-hd .bdcpy { color: var(--c-WHITE); }
.loyaltyDashboard-status-graph-inner {
    display: flex;
    flex-direction: row;
}
.loyaltyDashboard-status-graph {
    margin-top: 40px;
}
.loyaltyDashboard-status-graph-inner > * {
    height: 35px;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: var(--f-SLAB);
    position: relative;
}
.loyaltyDashboard-status-graph-inner-cyan {
    color: var(--c-TIER-BLACK);
    background-color: var(--c-TIER-CYAN);
    border: 2px solid var(--c-TIER-CYAN);
    border-right: transparent;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.loyaltyDashboard-status-graph-inner-magenta {
    color: var(--c-TIER-BLACK);
    background-color: var(--c-TIER-MAGENTA);
    border: 2px solid var(--c-TIER-MAGENTA);
    border-right: transparent;
}
.loyaltyDashboard-status-graph-inner-yellow {
    color: var(--c-TIER-BLACK);
    background-color: var(--c-TIER-YELLOW);
    border: 2px solid var(--c-TIER-YELLOW);
    border-right: transparent;
}
.loyaltyDashboard-status-graph-inner-black {
    background-color: var(--c-TIER-BLACK);
    border: 2px solid var(--c-TIER-BLACK);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.loyaltyDashboard-status-graph-inner .isCurrentTier { flex-grow: 1; }
.loyaltyDashboard-status-graph-inner .isCurrentTier > .loyaltyDashboard-status-graph-inner-tier {
    position: absolute;
    height: 35px;
    line-height: 36px;
    left: 0;
    box-sizing: border-box;
    padding-left: 7px;
}
.loyaltyDashboard-status-graph-inner-tier:not(:empty) { min-width: 32px; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier {
    background-color: var(--c-TIER-CYAN);
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.loyaltyDashboard-status-graph-inner > *.isCurrentTier + *:before,
.loyaltyDashboard-status-graph-inner > *.isCurrentTier:before {
    content: '0x';
    position: absolute;
    top: -36px;
    height: 10px;
    left: -3px;
    font-family: var(--f-SANS);
    color: #666;
    font-size: 18px;
    letter-spacing: 0.03em;
    font-weight: 700;
}
.loyaltyDashboard-status-graph-inner > *.isCurrentTier + *:after,
.loyaltyDashboard-status-graph-inner > *.isCurrentTier:after {
    content: '0K';
    position: absolute;
    bottom: -24px;
    height: 10px;
    left: -5px;
    font-family: var(--f-SANS);
    color: #666;
    font-size: 15px;
    letter-spacing: 0.03em;
    font-weight: 300;
}
.loyaltyDashboard-status-graph-inner > *.isCurrentTier + * > .loyaltyDashboard-status-graph-inner-tier:before,
.loyaltyDashboard-status-graph-inner > *.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier:before {
    content: '';
    background: var(--c-WHITE);
    width: 2px;
    height: 55px;
    display: block;
    position: absolute;
    left: -2px;
    top: -10px;
}
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier { background-color: var(--c-TIER-MAGENTA); }
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier { background-color: var(--c-TIER-YELLOW); }
.loyaltyDashboard-status-graph-inner-black.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier {
    background-color: var(--c-TIER-BLACK);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.loyaltyDashboard-status-graph-inner > *.isCurrentTier,
.loyaltyDashboard-status-graph-inner > *.isCurrentTier ~ * {
    background: transparent;
}
.loyaltyDashboard-status-graph-inner > *.isCurrentTier ~ * { color: white; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier:before { content: none; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier:after { content: none; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier:before { background: transparent; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier + *:before,
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier:before { content: '2x'; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier + *:after,
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier:after { content: '1K'; }
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier + * > .loyaltyDashboard-status-graph-inner-tier:before,
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier:before { background: var(--c-TIER-MAGENTA); }
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier + *:before,
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier:before { content: '5x'; }
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier + *:after,
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier:after { content: '5K'; }
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier + * > .loyaltyDashboard-status-graph-inner-tier:before,
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier:before { background: var(--c-TIER-YELLOW); }
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier + *:before,
.loyaltyDashboard-status-graph-inner-black.isCurrentTier:before { content: '10x'; }
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier + *:after,
.loyaltyDashboard-status-graph-inner-black.isCurrentTier:after { content: '10K'; }
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier + * > .loyaltyDashboard-status-graph-inner-tier:before,
.loyaltyDashboard-status-graph-inner-black.isCurrentTier > .loyaltyDashboard-status-graph-inner-tier:before { background: var(--c-TIER-BLACK); }
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier:before,
.loyaltyDashboard-status-graph-inner-magenta.isCurrentTier:after,
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier:before,
.loyaltyDashboard-status-graph-inner-yellow.isCurrentTier:after,
.loyaltyDashboard-status-graph-inner-black.isCurrentTier:before,
.loyaltyDashboard-status-graph-inner-black.isCurrentTier:after { color: var(--c-WHITE); }
.isCurrentTier .loyaltyDashboard-status-graph-inner-spent {
    display: flex;
    align-items: flex-end;
}
.isCurrentTier .loyaltyDashboard-status-graph-inner-spent,
.isCurrentTier .loyaltyDashboard-status-graph-inner-spend {
    position: absolute;
    top: 0;
    justify-content: flex-end;
    height: 85px;
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    text-align: right;
    text-transform: uppercase;
    color: var(--c-WHITE);
    padding-right: 10px;
    box-sizing: border-box;
    white-space: nowrap;
}
.loyaltyDashboard-status-graph-inner-spent:not(:empty) {
    border-right: 1px solid var(--c-WHITE);
    left: 0;
    min-width: 32px;
}
.loyaltyDashboard-status-graph-inner-spend {
    right: 0;
    top: 7px;
    width: 100%;
    align-items: flex-start;
}
.isCurrentTier .loyaltyDashboard-status-graph-inner-spend {
    align-items: flex-start;
    padding-top: 7px
}
.loyaltyDashboard-status-graph-inner-cyan.isCurrentTier .loyaltyDashboard-status-graph-inner-spent { white-space: normal; }
.loyaltyDashboard-status-graph-inner-black.isCurrentTier .loyaltyDashboard-status-graph-inner-tier,
.loyaltyDashboard-status-graph-inner-black.isCurrentTier .loyaltyDashboard-status-graph-inner-spent { min-width: 100%; }
.loyaltyDashboard-status-graph-inner-black .loyaltyDashboard-status-graph-inner-spent { border-right: none; }
@media screen and (min-width: 650px) {
    .loyaltyDashboard { margin: 0 40px 20px; }

    .loyaltyDashboard-info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .loyaltyDashboard-info-points {
        text-align: right;
        margin-top: 0;
        border-top: none;
        padding-top: 0;
    }

    .loyaltyDashboard-status {
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .isCurrentTier .loyaltyDashboard-status-graph-inner-spent,
    .isCurrentTier .loyaltyDashboard-status-graph-inner-spend {
        display: flex;
    }

    .loyaltyDashboard-status { padding: 20px 40px 80px; }

    .loyaltyDashboard-status-graph-inner > * { min-width: 70px; }

    .loyaltyDashboard-info-tier { margin-right: 20px; }

    .loyaltyDashboard-info-tier-inner { justify-content: normal; }

}
/****************************************************
    Global Utility mixins, hotfixes and temporary styes.
    (this should be as minimalistic as possible)
****************************************************/
/***************************************************
Checkout and Account overides for panel styles of payment methods
***************************************************/
.account-page .panelWrapper,
#checkout .panelWrapper {
    z-index: var(--z-MODAL) !important;
}
.account-page .modal-backdrop {
    z-index: var(--z-MODAL-SNEEZEGUARD) !important;
}
#checkout .panel {
    padding: 0;
}
.account-page .panel {
    padding: 40px 60px;
}
#checkout .panel-content h2,
.account-page .panel-content h2 {
    margin-top: 0;
    font-weight: 600!important;
    color: #333;
    font-size: 1.3rem;
    line-height: 2.4rem;
    letter-spacing: .05em;
    font-family: Georgia,serif;
    font-style: italic;
    border-bottom: 1px solid #efefef;
    margin-bottom: 3rem;
}
#checkout .panel-buttons,
.account-page .panel-buttons {
    margin-top: 30px;
}
#checkout .panel-content div,
.account-page .panel-content div {
    font-family: var(--f-SANS);
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    font-weight: lighter;
}
#checkout .panel-content strong,
.account-page .panel-content strong {
    font-family: var(--f-SANS);
    font-weight: 400;
    color: var(--c-BLACK);
}
#checkout .panel-buttons,
.account-page .panel-buttons {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}
#checkout .panel-buttons { margin: 30px auto 0; }
#checkout .panel-buttons button.done,
.account-page .panel-buttons button.done {
    order: 2;
}
#checkout button.cancel,
.account-page button.cancel {
    font: italic 16px/17px 'Didot', Georgia, serif !important;
    color: #007AC9;
    text-decoration: none;
    text-transform: lowercase;
    letter-spacing: 0.02em;
    background: none !important;
    border: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#checkout .panel-buttons .button {
        max-width: 250px;
        margin: 0 auto;
}
.account-page .accountBox-bd .fieldErrorNote,
#checkout #creditCardDiv .fieldErrorNote {
    font: 14px/17px var(--f-SANS);
    font-weight: 400;
    color: var(--c-WHITE);
    padding: var(--spacing);
    background-color: var(--c-WARNING);
}
@media screen and (min-width: 480px) {
    #checkout .panel-buttons,
    .account-page .panel-buttons {
        flex-direction: row;
        max-width: 60%;
    }

    #checkout button.cancel,
    .account-page button.cancel {
        margin: 0;
    }
}
.SLS_61324 #printSubstrates, /*table-throws*/
.SLS_63329 #printSubstrates, /*seg-wall-graphic*/
.SLS_63219 #lfConstruction .lfVariousSettingsGroup #dimensions, /*a-frame-sidewalk-signs*/
.SLS_64097 #operationsDiv, /*seg-wall-graphic-replacement*/
.SLS_64097 #printSubstrates, /*seg-wall-graphic-replacement*/
.SLS_77422 #operation69, /*gold-foil-business-cards*/
.SLS_77422 #sheetPaper, /*gold-foil-business-cards*/
.SLS_77423 #operation69, /*silver-foil-business-cards*/
.SLS_77423 #sheetPaper, /*silver-foil-business-cards*/
.SLS_77424 #operation69, /*holographic-foil-business-cards*/
.SLS_80261 #dimensions, /*church-a-frame-sidewalk-signs*/
.SLS_77424 #sheetPaper  /*holographic-foil-business-cards*/ {
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
}
/*  Hiding the Email Opt in form elements on account and checkout templates */
.account-page .profile-password-settings .formFields > tbody > tr:nth-child(5),
#checkout .accountCreation .formFields > tbody > tr:nth-child(10) { display: none; }
/* Forcing input widths to 100%, hiding print substrates and making finishing heading invisible to preserve layout. */
.SLS_77422 #operationsDiv,
.SLS_77423 #operationsDiv,
.SLS_77424 #operationsDiv,
.SLS_80587 #operationsDiv,
.SLS_80588 #operationsDiv,
.SLS_80589 #operationsDiv,
.SLS_80590 #operationsDiv,
.SLS_80383 #operationsDiv,
.SLS_80250 #operationsDiv {
    width: 100%;
}
.SLS_77422 #operationsDiv .optionWrapperOn,
.SLS_77423 #operationsDiv .optionWrapperOn,
.SLS_77424 #operationsDiv .optionWrapperOn {
    width: 50%;
}
.SLS_3167 #dimensions,
.SLS_8542 #pages,
.SLS_142 #dimensions,
.SLS_64762 #dimensions,
.SLS_64760 #dimensions,
.SLS_64761 #dimensions,
.SLS_64763 #dimensions,
.SLS_83930 #dimensions,
.SLS_83930 #dimensions,
.SLS_83999 #dimensions,
.SLS_83991 #versions,
.SLS_2209 #customQuoteCta,
.SLS_82839 #customQuoteCta,
.SLS_2189 #customQuoteCta,
.SLS_19 #customQuoteCta,
.SLS_16 #customQuoteCta,
.SLS_808 #customQuoteCta {
    display: none;
}
#productSelectContainerCta {
    display: none;
}
.SLS_13 #productSelectContainerCta {
    display: flex;
}
.SLS_3752 span.lbl.lbl_sm /* Layout services qty & starting price */ {
    display: none;
}
.SLS_63219 #productUnitCost {display: none;}
/* Hiding Unit Cost on A-frame Sidwewalk Sign */
/*Overrides for Catergory Product results order*/
.category-labels-stickers #categoryProductsPage1 .aProductResult { order: 1; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(1) { order: 1; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(2) { order: 5; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(3) { order: 6; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(4) { order: 2; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(5) { order: 3; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(6) { order: 4; }
.category-labels-stickers #categoryProductsPage1 .aProductResult:nth-child(7) { order: 7; }
/*Overrides for A-Frame Signs*/
.SLS_63219 .generalCalculator #printSubstrates,
.SLS_63219 .generalCalculator #quantity,
.SLS_63219 .generalCalculator #operation197,
.SLS_80261 .generalCalculator #printSubstrates,
.SLS_80261 .generalCalculator #quantity,
.SLS_80261 .generalCalculator #operation197,
.SLS_78948 .generalCalculator #printSubstrates,
.SLS_78948 .generalCalculator #operation197,
.SLS_79186 .generalCalculator #printSubstrates,
.SLS_79186 .generalCalculator #operation197 {
    width: 100%;
}
/* Static Window Cling Ink Selection Operation DOM update */
.SLS_77299 #duplicateoperation89.optionWrapperOn,
.SLS_77299 #duplicateoperation348.optionWrapperOn {
    display: inline-block !important;
    vertical-align: baseline;
}
/***************************************************
    Global Mix utility styles for cutomSelectStyle
***************************************************/
#mailOptions .messageBox {
    margin: 20px 0 30px;
}
#mailOptions p {
    margin: 0;
}
#mailOptions h3 {
    display: block !important;
}
a.mix-cutomSelectStyle:hover {
    color: #007ac9;
}
a.mix-cutomSelectStyle:hover:before {
    border: 2px solid #007ac9;
}
.mix-cutomSelectStyle {
    color: #333;
    display: block;
    position: relative;
}
.mix-cutomSelectStyle > p {
    display: inline-block;
    vertical-align: bottom;
}
.mix-cutomSelectStyle:before {
    content: " ";
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: super;
    border-radius: 50%;
    border: 2px solid #333;
    margin-right: 1rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.mix-cutomSelectStyle.is-active:after {
    content: "\f3fd";
    font-family: 'Icomoon';
    font-style: normal;
    color: #007AC9;
    font-size: 35px;
    font-size: 25px;
    position: absolute;
    top: 7px;
    left: 5px;

}
a.mix-cutomSelectStyle.is-active {
    color: #007ac9;
}
a.mix-cutomSelectStyle.is-active:before {
    border: 2px solid #007ac9;
}
/*icons*/
.mix-cutomSelectStyle .icon-mailbox_icon,
.mix-cutomSelectStyle .icon-dm-postcard-icon {
    font-size: 4.5rem;
    margin: 0 1.8rem 0 0.7rem;
    position: relative;
    top: 10px;
}
/*modal*/
a.cancel-link {
    font: 18px/40px 'Didot', Georgia, serif;
    font-style: italic;
}
a.cancel-link > span {
    color: #ccc;
    position: relative;
    top: 3px;
    margin-right: 9px;
}
/***************************************************
    Skip to Content Link
****************************************************/
.skipToMainContent {
    top: -100%;
    font: 14px/14px var(--f-SANS);
    font-weight: 300;
    font-weight: bold;
    position: fixed;
    height: 0;
    width: 100%;
    box-sizing: border-box;
    padding-top: 4px; /* adjusting text vertical alignment */
    text-align: center;
    background-color: var(--c-BRAND);
    z-index: 1;
    color: var(--c-WHITE);
    text-decoration: none;
    text-transform: uppercase;
}
.skipToMainContent:focus {
    height: 60px;
    top: 0;
}
/***************************************************
    global body lock class
/****************************************************/
.mix-bodyIsLocked,
.bodyIsLocked_dialog {
    overflow: hidden;
}
body.bodyIsLocked_dialog:not(.globalDialog):not(.collaterateInfo) {
    pointer-events: none;
}
body.mix-bodyIsLocked:not(.theme-salesEstimate):before,
body.bodyIsLocked_dialog:before,
.mix-sneezeGuard {
    position: fixed;
    inset: 0;
    opacity: 1;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
body.mix-bodyIsLocked:not(.theme-salesEstimate):before,
body.bodyIsLocked_dialog:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    z-index: var(--z-MODAL-SNEEZEGUARD);
}
.mix-sneezeGuard {
    z-index: var(--z-MODAL-SNEEZEGUARD);
    transition: opacity 250ms ease;
}
body:before {
    transition: all 250ms;
    opacity: 0;
    content: '';
}
/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
    .mix-bodyIsLocked {
        position: relative;
    }
}
.mix-bodyIsLocked .site-footer {
    z-index: -1; /*Hiding footer below fixedDialog */
}
/***************************************************
    Home Page Logo Parade width mixin
****************************************************/
.mix-logoParadeHomeImgs { justify-content: center; }
.mix-logoParadeHomeImgs img { max-width: 178px; }
/***************************************************
    Checkout Collaterate CSS overrides
****************************************************/
.saveCreditCardControl > input,
.saveCreditCardControl > label {
    width: auto;
}
.globalForm-row > .saveCreditCardControl {
    background-color: transparent !important;
    border: none;
    margin-left: -25px;
}
/***************************************************
    Legacy css overrides (temporary)
***************************************************/
.theme-salesEstimate p,
.theme-salesEstimate h1,
.theme-salesEstimate h2,
.theme-salesEstimate h3,
.theme-salesEstimate h4,
.theme-salesEstimate h5 {
    margin: 0; /* TODO: Overwriting styles of old css. Remove this when no longer needed */
}
.theme-salesEstimate .totalsBlock-actions .hList { margin-top: 20px; }
.theme-salesEstimate .globalFooter { z-index: -1; }
.theme-salesEstimate.mix-bodyIsLocked:before { content: none; }
.theme-salesEstimate.mix-bodyIsLocked .layout-aside_fixed { overflow: visible; }
.theme-salesEstimate .fixedDialog-content {  opacity: 0; }
.theme-salesEstimate.mix-bodyIsLocked .fixedDialog-content { opacity: 1; }
.theme-salesEstimate .panelWrapper { z-index: var(--z-MODAL) !important; }
body {
    background-color: var(--c-WHITE);
    margin: 0;
    overflow-x: hidden;
}
img,
picture {
    width: 100%;
	height: auto;
}
/* Retaining the width of the prolader gif in the containers its called inro throughout the site */
.preloader > img,
.pr-contents-wrapper img {
    width: auto;
}
/***************************************************
    Global Hidden and Visually Hidden classes
***************************************************/
.isHidden {
    display: none !important;
}
.isVisuallyHidden {
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    display: block !important;
    position: absolute !important;
    left: 1000% !important;
}
/***************************************************
    Product and My Product pages: Hiding shipment services options in estimate shipping modal
***************************************************/
.product .shippingCalcEstimates > tbody > tr, /* Hide All trs */
.my-products-product-page .shippingCalcEstimates > tbody > tr { display: none; }
.product .shippingCalcEstimates > tbody > tr:nth-child(1), /* Heading */
.my-products-product-page .shippingCalcEstimates > tbody > tr:nth-child(1),
#counter-pickup-chanhassen-mn,
#fedex-ground,
#fedex-2-day,
#fedex-priority-overnight { display: table-row; }
/***************************************************
    Overriding z-index when a product page has stacked modals
****************************************************/
.product.modalIsOpen .screenOverlay,
.my-products-product-page.modalIsOpen .screenOverlay { z-index: 9001 !important; }
.product.modalIsOpen #alertPanel,
.my-products-product-page.modalIsOpen #alertPanel { z-index: 9002 !important; }
.mix_noWrap { white-space: nowrap; }
/* Hiding Intercom when a menu is open */
.mix-bodyIsLocked #intercom-container { display: none !important; }
/* Removing User Agent outline style on main element's focus state */
#mainContent:focus { outline: none; }
/* isDelayed Styles */
.isDelayed {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.isDelayed_med { min-height: 200px; }
.isDelayed::before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    height: 100%;
    min-height: 20px;
    border-radius: 5px;
    width: 100%;
    background-color: var(--c-OFFWHITE);
    background-image: linear-gradient(90deg, var(--c-WHITE), #f1f1f1, var(--c-WHITE));
    background-size: 200% 100%;
    animation: HorizontalGradient 3s linear infinite;
}
@keyframes HorizontalGradient {
    0%{background-position:200% 0}
    25%{background-position:100% 0}
    50%{background-position: 0 0}
    75%{background-position: -100% 0%}
    100%{background-position: -200% 0%}
}
.requestIsProcessing,
.requestIsProcessing a,
.requestIsProcessing button,
.requestIsProcessing input {
    pointer-events: none;
    opacity: 0.5;
}
@keyframes spinner {
to {transform: rotate(360deg);}
}
.requestIsProcessing:not(.globalDialog_close) {
    position: relative;
}
.requestIsProcessing:not(.globalDialog_close):after {
content: '';
box-sizing: border-box;
position: absolute;
top: calc(50% + 8px);
right: -25px;
width: 15px;
height: 15px;
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
border: 1px solid #ccc;
border-top-color: #07d;
animation: spinner .6s linear infinite;
}
/* Collaterate delivered span.preloader style override using isDelayed styles  */
body:not(.my-products-page) #productResultPagesContainer .preloader {
    width: 100%;
    min-height: 300px;
    position: relative;
}
body:not(.my-products-page) #productResultPagesContainer .preloader:before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    height: 100%;
    min-height: 20px;
    border-radius: 5px;
    width: 100%;
    background-color: var(--c-OFFWHITE);
    background-image: linear-gradient(90deg, var(--c-WHITE), #f1f1f1, var(--c-WHITE));
    background-size: 200% 100%;
    animation: HorizontalGradient 3s linear infinite;
}
/* No Collate Core CSS to hide modals */
.noCore .hideIt,
.noCore #fancybox-wrap {
    display: none;
}
@media screen and (max-width: 480px) {
    .mix-visuallyHideInMobile {
        display: block;
        height: 0;
        width: 0;
        overflow: hidden;
    }
}
/* Global Site Cookies Disclaimer */
.mix-disclaimerContainer {
    position: fixed;
    width: 90%;
    max-width: 650px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 95px;
    z-index: 2147483645; /* To display above intercom */
    box-shadow: 0 0 4px 0 #999;
    background-color: #fff;
    padding: 25px 25px 20px 25px;
    font: 12px/20px var(--f-SANS);
    font-weight: 300;
    color: #333;
    letter-spacing: .087em;
}
.mix-disclaimerContainer > * + * { margin-top: 20px; }
.mix-disclaimerContainer .link_sans {
    color: #007AC9;
    font-family: var(--f-SANS);
    font-weight: 400;
    font-size: 12px;
    margin-left: 10px;
    white-space: nowrap;
 }
.mix-disclaimerContainer .link_sans:after {
    content: '\f2d7';
    font-family: 'Icomoon';
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    background: #f7f7f7;
    color: #777;
    text-align: center;
    line-height: 26px;
}
/* Setting the Google Rating Badge behind the .mix-disclaimerContainer when present */
.js-element--dismissContainer ~ div#___ratingbadge_0 { z-index: 9999 !important; }
@media screen and (min-width: 480px) {
    .mix-disclaimerContainer {
        z-index: 9999;
    }
}
@media screen and (min-width: 678px) {
    .mix-disclaimerContainer > * + * { margin: 0 0 0 20px; }
}
@media screen and (min-width: 1024px) {
    .mix-disclaimerContainer {
        width: 60%;
    }
}
@media screen and (min-width: 1400px) {
    .mix-disclaimerContainer {
        width: 40%;
    }
}
.quarantine {
    font: 16px/23px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.03em;
    color: var(--c-BLACK);
}
.quarantine img { width: auto; }
.quarantine a,
.quarantine a:visited,
.quarantine a:focus,
.quarantine a:active {
    color: var(--c-BRAND);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.quarantine a:hover { text-decoration: underline; }
.quarantine * { margin: 10px 0 0 0; }
.quarantine strong,
.quarantine b {
    font-family: var(--f-SANS);
    font-weight: 700;
}
.quarantine_faqs dt {
    font-family: var(--f-SERIF);
    font-size: 18px;
}
.quarantine_faqs dd { margin-bottom: 20px; }
/****************************************************
    VENDORS
****************************************************/
/********************************************************
    Power Review Dispaly 4 integration
*********************************************************/
/* Overridding header positioning for Power Reviews */
section[id*="pr-review-engine"] header { position: static; }
.p-w-r { font-family: var(--f-SANS)!important; }
.p-w-r button:not([type="submit"]):not(.pr-qa-display-btn) { background-color: initial !important; display: initial !important}
.p-w-r button[type="submit"]:hover{ background-color:#f6f6f6 !important; color:#007ac9; border-color: #007ac9 !important;}
.p-w-r .pr-snippet-read-and-write { margin-top: 0 !important; }
.productHero-info-ratings .p-w-r { margin-left: 0px; }
.productHero-info-ratings .p-w-r .pr-snippet-stars-reco-reco { display: none; }
.writeReview { margin-bottom: 20px; }
.p-w-r .pr-headline {
    font-size: 14px!important;
    margin-top: 20px !important;
    padding-right: 5px !important;
}
.p-w-r .pr-p {
    line-height: 24px;
    font-size: 16px;
}
.productHero-info-ratings .p-w-r .pr-star-v4 {
    height: 16px !important;
    width: 16px !important;
}
.productHero-info-ratings .p-w-r .pr-snippet-rating-decimal {
    margin-left: 2px !important;
    padding: 0px 4px !important;
    font-size: 11px !important;
}
.p-w-r .pr-snippet-rating-decimal { margin-right: 10px; }
.p-w-r button.button__close.button__close--dark { top: 80px !important; }
.p-w-r article.pr-review {
    padding-top: 20px !important;
    padding-left: 15px !important;
    border-bottom: 1px solid #cccccc !important;
}
.p-w-r footer.pr-rd-footer.pr-rd-content-block { padding-bottom: 0 !important; }
.p-w-r article.pr-review {
    padding-top: 20px !important;
    border-bottom: 1px solid #cccccc !important;
}
.p-w-r footer.pr-rd-footer.pr-rd-content-block { padding-bottom: 0 !important; }
.p-w-r .pr-rd-review-headline.pr-h2,
.p-w-r h2.pr-rd-review-headline {
    float: none !important;
    margin: 20px 0 0 0 !important;
    font: 20px/28px var(--f-SANS) !important;
    font-weight: 400 !important;
    color: #333333 !important;
}
.p-w-r .pr-rd-star-rating { float: none !important; }
.p-w-r section.pr-rd-description.pr-rd-content-block { width: 80% !important; }
.p-w-r aside.pr-rd-side-content-block.pr-rd-right { top: -70px !important; }
.p-w-r button.pr-rd-pagination-btn { min-height: initial; }
.p-w-r .pr-rd-main-footer .pr-rd-content-block { width: 100% !important; }
.p-w-r button.pr-helpful-btn.pr-helpful-yes, button.pr-helpful-btn.pr-helpful-no { min-height: initial; }
.p-w-r .pr-thumbs-icon svg { width: 25px; }
.p-w-r button.pr-helpful-btn {
    padding: 2px 5px 3px 1px !important;
    border-right: 1px solid #cdcdcd;
}
.p-w-r button.pr-helpful-btn + button.pr-helpful-btn { margin-left: 10px !important; }
.p-w-r .pr-war { margin: 0 auto; }
.p-w-r .carousel__footer--flagging { margin-right: 80px !important; }
.p-w-r .pr-media-carousel img.slide__img {
    height: 100%;
    width: auto;
}
.p-w-r p.pr-rd-details.pr-rd-author-location.pr-rd-author-location-undisclosed { display: none; }
#pr-questionsnippet .pr-qa-snippet-container {
    padding: 20px;
    border: 1px solid #cccccc;
}
#pr-question-form-content-container { float: none; }
.pr-qa-display-ask-question {
    float: none !important;
    padding: 0 !important;
}
form.pr-question-form { margin-top: 80px !important; }
.p-w-r .pr-qa-display .pr-waqwaa { max-width: 100%; }
.pr-qa-display.pr-qa-display-desktop {
    border: 1px solid #cccccc;
    overflow: hidden;
}
.pr-qa-display-btn { margin-top: 5px !important; }
/* Pushing pixels for vertical alignment */
/* isLoaded and isDelayed specific set up styles  */
#pr-reviewsnippet {
    min-height: 21px;
    position: relative;
}
#pr-reviewsnippet.isLoaded:before,
#pr-reviewlist.isLoaded:before {
    opacity: 0;
    transition: 1s opacity ease-out;
    pointer-events: none;
}
.p-w-r .pr-irlsnippet { justify-content: center; }
#pr-reviewimagedisplay.isDelayed { min-height: 150px; }
.pr-alert-container { margin: auto!important }
/* GCR Badge position overrides */
@media screen and (max-width: 479px) {
    #___ratingbadge_0 { width: 120px !important; }
    #___ratingbadge_0 > iframe { width: 120px !important; }
}
@media (hover: none) { #___ratingbadge_0 > iframe { top: -70px !important; } }
@media screen and (min-width: 480px) { #___ratingbadge_0 { bottom: 13px !important; } }
/****************************************************
    Colaterate Tag Quarantine Styles
****************************************************/
.shippingCalcEstimates {
    font: 13px/16px var(--f-SANS);
    font-weight: 300;
    color: #666;
    text-align: left;
    padding: 10px;
    background: #f3f3f3f3;
    width: 100%;
}
.shippingCalcEstimates .shipServiceName { padding-right: 10px; }
.shippingCalcEstimates th {
    color: #333;
    font-family: var(--f-SANS);
    font-weight: 400;
}
.shippingCalcEstimates td,
.shippingCalcEstimates th { padding-bottom: 5px; }
.shippingCalcEstimates th:last-of-type,
.shippingCalcEstimates .shipServicePrice { text-align: right; }
.accordionHead {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
}
.accordionBody {
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    font-family: var(--f-SANS);
}
.accordionHead {
    position: relative;
    cursor: pointer
}
.accordionHead.minus { border-bottom: none; }
.accordionHead.plus:after,
.accordionHead.plus:before,
.accordionHead.minus:after {
    content: '';
    height: 2px;
    width: 22px;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    opacity: 1
}
.accordionHead.plus:before { transform: rotate(-90deg) }
.accordionHead.plus:after,
.accordionHead.minus:after { transform: rotate(0) }
.accordionHead.plus + .accordionBody {
    height: 0;
    overflow: hidden;
    padding: 0 15px;
    border-bottom: none;
}
.accordionHead.minus + .accordionBody { border-bottom: 1px solid #ccc; }
.artworkGuides {
    padding: 0;
    width: 100%
}
.artworkGuides a { text-decoration: none; }
.artworkGuides a:hover {
    color: var(--c-OFFBLACK-LIGHT);
    text-decoration: none;
}
.artworkGuides li+li {
    margin-top: 14px
}
.artworkGuides li {
    list-style: none;
    font-family: var(--f-SANS);
    font-weight: 400;
    font-size: 14px;
}
.artworkGuides li a:before {
    content: '\f1c1';
    font-family: var(--f-ICONS);
    font-size: 16px;
    margin-right: 5px
}
li.spreadsheet a:before {
    content: '\f471';
    font-size: 20px;
    vertical-align: sub;
}
.generalCalculator {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.product .generalCalculator #theQuote { display: none; }
.generalCalculator fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.generalCalculator .required input,
.generalCalculator .required select,
.generalCalculator .required textarea,
.configField.error {
    border-bottom-color: var(--c-ERROR);
}
.product .generalCalculator .configCheckbox-label input[type=checkbox] {
    position: static;
    margin-right: 10px;
}
.generalCalculator h3:nth-of-type(2n) { display: none; }
.generalCalculator #print_frame { display: none; }
.generalCalculator .optionWrapperOn {
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
.generalCalculator .optionWrapperEmpty { display: none; }
.generalCalculator .focus .changeFocusButton {
    display: block;
    padding: 5px;
    background-color: var(--c-OFFWHITE);
}
.generalCalculator .focus .changeFocusButton button {
    width: 100%;
}
.generalCalculator .focus .customDimensions .changeFocusButton {
    width: 100%;
    display: block;
}
.generalCalculator #dimensions .customDimensions input {
    width: 47%;
    display: flex;
}
.generalCalculator .changeFocusButton > button { padding: 13px 10px 12px; }
.generalCalculator .optionWrapperOn .op { position: relative; }
.generalCalculator #inks h3 { display: none; }
.generalCalculator #variousPrintSettings h3 { display: none; }
.product .generalCalculator #productionSettings > *:not(.productionGroup) { padding: 0 10px; }
.generalCalculator legend { display: none; }
.generalCalculator fieldset {
  margin: 0;
  min-width: 0;
}
.generalCalculator h3 {
    font: 28px/16px var(--f-SANS);
    padding-left: 10px;
}
.generalCalculator #dimensions .customDimensions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.printSettingsGroup {
    display: flex;
    flex-direction: row;
}
.generalCalculator #dimensionsDiv { width: 100%; }
.generalCalculator #pages,
.generalCalculator #dimensions,
.generalCalculator #bleed { width: 50%; }
.generalCalculator #pagesDiv,
.generalCalculator #bleedDiv { width: 100%; }
.generalCalculator #quantity.optionWrapperEmpty { width: 0; }
.generalCalculator #quantity.optionWrapperEmpty + #versions {
    padding: 10px;
    background-color: #f7f7f7;
}
.generalCalculator #jobQuotePrices { min-height: 72px; }
.generalCalculator #theQuote h3 {
    font-size: 0;
    padding: 0;
}
.generalCalculator #productTotalCost::before {
    content: 'Instant Quote:';
    display: block;
    font-size: 15px;
    line-height: 1;
    font-family: var(--f-SANS);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--c-OFFBLACK-LIGHT);
    margin-top: 10px;
}
.generalCalculator table.quote { border-spacing: 0; }
.generalCalculator .productPrice { font-size: 0; }
.generalCalculator .productPrice th { display: none; }
.generalCalculator .productPrice .lineItemPrice {
    /* font: 54px/67px Didot,Georgia,serif; */
    font: 54px/67px var(--f-SANS);
    color: var(--c-BRAND);
    letter-spacing: -.0111em;
}
.generalCalculator .optionWrapperOn .noEdit,
.generalCalculator .optionWrapperOn .noEdit + div {
    height: 44px;
    padding: 15px;
    font: 12px/12px 'din-2014';
    font-weight: 100;
    font-style: italic;
    letter-spacing: 0.03em;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 4px;
}
.generalCalculator .optionWrapperOn .noEdit { margin-top: 2px; }
.generalCalculator .opQuestion {
    text-transform: initial;
    display: inline-block;
    padding-top: 5px;
}
.generalCalculator .optionWrapperOn .op {
    background-color: #f7f7f7;
    padding: 5px;
}
.generalCalculator .optionWrapperOn .op input {
    background-color: white;
}
.generalCalculator .optionWrapperOn .op .changeFocusButton {
    bottom: 5px;
    right: 5px;
}
.generalCalculator #perfectCustomQuote {
    font-style: italic;
    font-family: 'Didot';
    letter-spacing: 0.07em;
}
.generalCalculator #perfectCustomQuote a { color: #017ac9; }
.generalCalculator .addVersion,
.generalCalculator .togglePreset {
    font: 12px/12px var(--f-SANS);
    font-weight: lighter;
    text-decoration: none;
    letter-spacing: 0.03em;
    color: var(--c-BRAND);
}
.generalCalculator .quoteContinue { margin: 20px 0; }
.generalCalculator .review-order-details-link,
.generalCalculator .shipping-estimate-link {
    font: 15px/14px var(--f-SANS);
    text-decoration: none;
    color: #017ac9;
    letter-spacing: 0.03em;
}
.shipping-estimate-link { padding-right: 8px; }
/* .generalCalculator .costContainer-unitCost:after {
    content: '';
    height: 17px;
    width: 1px;
    background: #6c6c6c;
    position: absolute;
    right: 0px;
}

.generalCalculator .costContainer-unitCost {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
} */
.generalCalculator .costContainer-unitCost {
    font: 14px/14px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: #666666;
}
#productTotalCost { padding-bottom: 15px; }
#productTotalCost ~ span {
    position: relative;
    font: 14px/14px var(--f-SANS);
}
#productTotalCost ~ span + span {
    margin-left: 10px;
    padding-left: 14px;
}
#productTotalCost ~ span + span:before {
    content: '';
    height: 17px;
    width: 1px;
    background: #6c6c6c;
    position: absolute;
    left: 0;
    top: 0;
}
/* Fixed costContainer styles */
@media screen and (min-width: 1024px) {
    .generalCalculator .costContainer {
        position: static;
        background-color: transparent;
        border: none;
        transition: background 0.5s ease-in-out;
    }
    .generalCalculator .costContainer.isOutOfView {
        position: fixed;
        bottom: 0;
        width: calc(50vw - 20px);
        max-width: 680px;
        background-color: #f7f7f7;
        margin-left: -11px;
        z-index: 10;
        border: 1px solid #e5e5e6;
        padding: 10px 20px 20px !important;
        box-sizing: border-box;
    }

    .generalCalculator .costContainer.isOutOfView .quoteContinue {
        position: absolute;
        /* top: 0; */
        right: 20px;
        bottom: 85px;
        margin-top: 15px !important;
        max-height: 70px;
    }

    .generalCalculator .costContainer.isOutOfView #productTotalCost { font-size: 48px; }

    .generalCalculator .costContainer.isOutOfView .quoteContinue .btn { min-width: 150px; }
}
@media screen and (min-width: 1200px) {
    .generalCalculator .costContainer.isOutOfView .quoteContinue .btn { min-width: 200px; }
}
/* .costContainer.isOutOfView .costContainer-unitCost, .costContainer.isOutOfView .shipping-estimate-link { display: none; } */
@media screen and (min-width: 1540px) {
    .generalCalculator .costContainer.isOutOfView .quoteContinue { margin-top: 45px !important; }
}
.generalCalculator #proofs,
.generalCalculator #turnTimes { width: 50%; }
.generalCalculator #proofs .optionWrapperOn,
.generalCalculator #turnTimes .optionWrapperOn {
    width: 100%;
}
.generalCalculator #versions .version-quantity .quantity-per td,
.generalCalculator #versions .total-v-quantity td {
    display: flex;
    width: 100%;
    padding-right: 20px;
}
.generalCalculator #versions .total-v-quantity tbody { display: flex; }
.generalCalculator #versions input:not(.noEdit) { background-color: var(--c-WHITE); }
.generalCalculator #versions .versionButtons { margin-top: 20px; }
.generalCalculator #versions tr.total-v-quantity {
    height: 20px;
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    letter-spacing: .07em;
}
.generalCalculator #versions .total-v-quantity .noEdit {
    border: none;
    padding: 0;
    height: 20px;
    margin: 0;
}
.generalCalculator #versions .fieldErrorNote {
    font-family: var(--f-SERIF);
    font-size: 12px;
    font-style: italic;
    color: var(--c-ERROR);
}
.generalCalculator #versions .configField.error { border-color: var(--c-ERROR); }
.generalCalculator .fieldErrorNote {
    font: 12px/12px var(--f-SANS);
    font-weight: 300;
    color: var(--c-ERROR);
    letter-spacing: .03em;
    margin-top: 5px;
}
.generalCalculator .fieldErrorNote a {
    color: var(--c-BRAND);
    text-decoration: none;
}
.product .validationErrorMessage,
.product .validationInfoMessage {
    position: relative;
    top: 20px;
    padding: 5px;
    margin: 0 30px;
    font: 12px/12px var(--f-SANS);
    font-weight: 300;
    text-align: center;
    letter-spacing: .03em;
    background: var(--c-OFFWHITE);
    list-style: none;
}
.product .validationErrorMessage {
    color: var(--c-ERROR);
    border: 1px solid var(--c-ERROR);
}
.product .validationInfoMessage {
    color: var(--c-BRAND);
    border: 1px solid var(--c-BRAND);
}
.product .validationErrorMessage > *::marker,
.product .validationInfoMessage > *::marker { content: none; }
.product .validationInfoMessage + .validationInfoMessage,
.product .validationErrorMessage + .validationErrorMessage {
    margin-top: 10px;
}
.product .globalDialog .validationErrorMessage,
.product .globalDialog .validationInfoMessage {top: 0;}
.generalCalculator #versions .versionButton + .versionButton { margin-bottom: 5px; }
.generalCalculator #versions .versionButton+.versionButton:before {
    content: '';
    width: 1px;
    height: 10px;
    background: var(--c-OFFBLACK-LIGHT);
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}
.generalCalculator #versions .versionButton {
    font-family: var(--f-SERIF);
    font-style: italic;
    font-size: 14px;
    text-transform: lowercase;
    text-decoration: none;
    color: var(--c-BRAND);
}
.generalCalculator #versions .versionButton.versionButton_remove { color: var(--c-ERROR); }
.generalCalculator #versions .changeFocusButton {
    position: relative;
}
.quoteTipPanel {
    display: none;
    position: fixed;
    top: calc(10vh + 60px) !important;
    left: 0 !important;
    right: 0 !important;
    font: 14px/18px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.01em;
    max-width: 530px;
    max-height: 60vh;
    padding: calc(var(--spacing)*4);
    margin: 0 auto;
    overflow-y: hidden;
    z-index: var(--z-MODAL);
    background-color: var(--c-WHITE);
}
.closeQuoteTipPanel::before {
    content: '';
    height: 100vh;
    width: 100vw;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1;
}
.quoteTipPanel strong,
.quoteTipPanel b {
    font-family: var(--f-SANS);
    font-weight: 700;
    font-weight: bold;
}
.quoteTipPanel em,
.quoteTipPanel i { font-style: italic; }
.quoteTipHeading {
    font: 24px/30px var(--f-SERIF);
    color: var(--c-BLACK);
    padding-bottom: 10px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHT);
}
.quoteTipContent {
    max-height: 55vh;
    overflow-y: auto;
}
.quoteTipContent img { max-width: fit-content; }
.closeQuoteTips {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    background: none !important;
    z-index: -1;
}
.closeQuoteTips:after,
.closeQuoteTips:before {
    content: '';
    height: 1px;
    width: 20px;
    display: block;
    background-color: #666;
    position: absolute;
    top: 10px;
    transform-origin: center;
}
.closeQuoteTips:before { transform: rotate(45deg); }
.closeQuoteTips:after { transform: rotate(-45deg); }
/* Help Tips Updates */
body.helpTipIsOpen::after {
    background-color: transparent;
    display: none;
}
.helpTipUpdates .quoteHelp { display: none; }
.helpTipUpdates #tipViewPanel {
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    height: fit-content;
    left: auto !important;
    right: -550vw !important;
    box-shadow: 1px 3px 4px 1px #00000040;
}
@media screen and (min-width: 1024px) {
    .generalCalculator {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .generalCalculator > * { width: 33.33%; }

    .product .generalCalculator:not(#stockCalculator) > * + * { padding-left: 20px; }

    .my-products-product-page .generalCalculator > * { padding-left: 20px; }

    .generalCalculator .review-order-details-link { display: none; }

    .quoteHelp {
        position: absolute;
        right: 10px;
        display: block;
        text-decoration: none;
        font-size: 0px;
        text-align: center;
    }

    .quoteHelp::after {
        content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6337_2)'%3E%3Cpath d='M7.86 16.2569C3.52 16.2569 0 12.7369 0 8.40688C0 4.07688 3.52 0.546875 7.86 0.546875C12.2 0.546875 15.72 4.06687 15.72 8.40688C15.72 12.7469 12.2 16.2669 7.86 16.2669V16.2569ZM7.86 2.54688C4.63 2.54688 2 5.17688 2 8.40688C2 11.6369 4.63 14.2669 7.86 14.2669C11.09 14.2669 13.72 11.6369 13.72 8.40688C13.72 5.17688 11.09 2.54688 7.86 2.54688Z' fill='%23007AC9'/%3E%3Cpath d='M7.06984 10.1069V9.37687C7.06984 8.92687 7.13984 8.66687 7.47984 8.33687L7.95984 7.87687C8.37984 7.47687 8.63984 7.20687 8.63984 6.70687C8.63984 6.20687 8.28984 5.93687 7.81984 5.93687C7.38984 5.93687 6.99984 6.17687 6.98984 6.65687H5.58984C5.58984 5.34687 6.60984 4.69687 7.81984 4.69687C9.02984 4.69687 10.1198 5.34687 10.1198 6.72687C10.1198 7.57687 9.63984 8.16687 9.05984 8.74687L8.70984 9.08687C8.49984 9.29687 8.34984 9.43687 8.34984 9.78687V10.1169H7.06984V10.1069ZM8.43984 10.6669H6.98984V12.1069H8.43984V10.6669Z' fill='%23007AC9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6337_2'%3E%3Crect width='15.71' height='15.71' fill='white' transform='translate(0 0.546875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        height: 17px;
        width: 17px;
        display: block;
        color: var(--c-BRAND);
        border-radius: 50%;
    }
    
    .helpTipUpdates #tipViewPanel { right: 50vw !important; }

}
.quoteHelp {
    position: absolute;
    right: 10px;
    display: block;
    text-decoration: none;
    font-size: 0px;
    text-align: center;
    padding: 14px;
    margin-top: -14px;
    position: absolute;
    margin-right: -15px;
}
.quoteHelp::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6337_2)'%3E%3Cpath d='M7.86 16.2569C3.52 16.2569 0 12.7369 0 8.40688C0 4.07688 3.52 0.546875 7.86 0.546875C12.2 0.546875 15.72 4.06687 15.72 8.40688C15.72 12.7469 12.2 16.2669 7.86 16.2669V16.2569ZM7.86 2.54688C4.63 2.54688 2 5.17688 2 8.40688C2 11.6369 4.63 14.2669 7.86 14.2669C11.09 14.2669 13.72 11.6369 13.72 8.40688C13.72 5.17688 11.09 2.54688 7.86 2.54688Z' fill='%23007AC9'/%3E%3Cpath d='M7.06984 10.1069V9.37687C7.06984 8.92687 7.13984 8.66687 7.47984 8.33687L7.95984 7.87687C8.37984 7.47687 8.63984 7.20687 8.63984 6.70687C8.63984 6.20687 8.28984 5.93687 7.81984 5.93687C7.38984 5.93687 6.99984 6.17687 6.98984 6.65687H5.58984C5.58984 5.34687 6.60984 4.69687 7.81984 4.69687C9.02984 4.69687 10.1198 5.34687 10.1198 6.72687C10.1198 7.57687 9.63984 8.16687 9.05984 8.74687L8.70984 9.08687C8.49984 9.29687 8.34984 9.43687 8.34984 9.78687V10.1169H7.06984V10.1069ZM8.43984 10.6669H6.98984V12.1069H8.43984V10.6669Z' fill='%23007AC9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6337_2'%3E%3Crect width='15.71' height='15.71' fill='white' transform='translate(0 0.546875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    height: 17px;
    width: 17px;
    display: block;
    color: var(--c-BRAND);
    border-radius: 50%;
}
.generalCalculator .optionWrapperOn { width: 50%; }
.generalCalculator .optionWrapperOn .quoteHelp + label {
    /* width: calc(100% - 21px); */
    display: inline-block;
    vertical-align: middle;
}
.generalCalculator .optionWrapperOn label { font-size: 11px; }
.generalCalculator .optionWrapperOn label a {
    text-decoration: none;
    color: var(--c-BRAND);
}
.generalCalculator #dimensions > br { display: none; }
#stockCalculator {
    flex-direction: column;
    margin: 0 auto;
    max-width: 33%;
}
#stockCalculator > *,
#stockCalculator .optionWrapperOn { width: 100%; }
#stockCalculator .optionWrapperOn { padding: 10px 0; }
#stockCalculator #quantity .changeFocusButton {
    bottom: 10px;
}
#stockCalculator .validationErrorMessage,
#stockCalculator .validationInfoMessage { top: 0; }
/*******************************
Layout Services Template helpers
*******************************/
.layout-services h3,
.layout-services #operationsDiv,
.layout-services .lfVariousSettingsGroup { display: none !important; }
.layout-services #ai4335,
.layout-services #lfCalculator { padding: 0; }
.layout-services #alertPanel { top: 100px !important; }
.layout-services #additionalProductFields,
.layout-services #theQuote { width: 100%; }
.layout-services #lfCalculator { width: 100%; }
.layout-services #lfCalculator { flex-direction: column; }
.layout-services .generalCalculator .optionWrapperOn { width: 100%; }
.layout-services .generalCalculator > * + * { padding: 0; }
.layout-services .quoteContinue { width: 100%; }
/*******************************
Paper Sample Book Template helpers
*******************************/
.paper-sample-book .quoteContinue {
    width: 100%;
    padding: 0;
}
.paper-sample-book #stockCalculator {
    padding: 0;
    max-width: 100%;
}
.paper-sample-book .quoteContinue { margin: 0 0 10px 0 !important; }
/*******************************
Versions Modal
*******************************/
#versionsGridContainer thead {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #f7f7f7;
    width: 100%;
    padding: 10px;
    margin: 0;
}
#versionsGridContainer tr {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#versionsGridContainer table {
    display: flex;
    flex-direction: column;
}
#versionsGridContainer tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.configField.versionName { width: 80%; }
#versionsGridContainer {
    margin: 0;
    max-height: 275px;
    overflow: scroll;
}
#versionsGridContainer .fixedHeaderFlexTable {
    padding-bottom: 20px;
}
#versionsGridContainer tbody tr {display: flex;justify-content: flex-end;}
#versionsGridContainer tbody tr td + td { margin-top: 10px }
#versionsGridContainer tbody tr td:first-of-type:not(.bulkVersionTable--addVersionRow) {width: 10%;order: 3;}
#versionsGridContainer tbody tr td:nth-child(2) {width: 20%; }
#versionsGridContainer tbody tr td:nth-child(3) {width: 70%;}
#versionsGridContainer tr td span.deleteVersion a:hover {
    opacity: .5
}
#versionsGridContainer tr td span.deleteVersion a:before {
    content: "\f404";
    font-family: Icomoon;
    font-size: 3.5rem;
    top: -5px;
    right: 0;
}
#versionsGridContainer tbody tr td:nth-child(2),
.fixedHeaderFlexTable thead tr th:first-of-type {
    text-transform: uppercase;
    color: rgb(102, 102, 102);
    letter-spacing: 0.07em;
    font: 12px / 12px var(--f-SANS);
    font-weight: 400;
}
input.configField.versionName {
    box-sizing: border-box;
    letter-spacing: 0.1em;
    margin: 2px 0px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(229, 229, 229) rgb(229, 229, 229) rgb(102, 102, 102);
    border-bottom: 1px solid rgb(102, 102, 102);
    font: italic 14px / 16px Didot, Georgia, serif;
    transition: all 0.3s ease-in-out 0s;
}
.bulkVersionTable--addVersionRow { margin: 20px 10% 10px; }
#versionsGridContainer tr td span.deleteVersion a:before {
    content: "\f404";
    font-family: Icomoon;
    font-size: 40px;
    color: red;
    top: 15px;
    right: 15px;
    position: relative;
}
#versionsGridContainer thead tr {
    justify-content: space-between;
    padding: 0 30px;
}
.deleteVersion {
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-align: center;
}
input.versionName {
    height: 44px;
    padding: 10px;
    width: 100%;
}
/***************************
My Products Overrides
*****************************/
.my-products-product-page .generalCalculator { flex-direction: column; }
.my-products-product-page .generalCalculator h3 { display: none !important; }
.my-products-product-page .generalCalculator #bleed,
.my-products-product-page .generalCalculator #dimensions,
.my-products-product-page .generalCalculator #pages,
.my-products-product-page .generalCalculator #proofs,
.my-products-product-page .generalCalculator #turnTimes {
    width: 100%;
}
.my-products-product-page .generalCalculator .optionWrapperOn {
    width: 100%;
    padding: 0;
}
.my-products-product-page .generalCalculator>* {
    width: 100%;
    padding: 0;
}
.my-products-product-page .shipping-estimate-link { margin: 2%; }
.my-products-product-page .icon-ion-ios-arrow-right:before {
    position: relative;
    top: 3px;
}
.my-products-product-page .generalCalculator #quantity .changeFocusButton {
    bottom: 20px;
    right: 5px;
}
.generalCalculator #quantity .addVersion, .generalCalculator #dimensions .customs {
    padding-top: 5px;
}
/***************************
Static Window Clings Overrides
SLS_77299 : static window clings
SLS_77300 : Window Decals
*****************************/
.SLS_77299 #operationsDiv,
.SLS_77300 #operationsDiv,
.SLS_77299 .lfConstructionGroup,
.SLS_77300 .lfConstructionGroup,
.SLS_77299 .lfConstructionGroup + h3,
.SLS_77300 .lfConstructionGroup + h3 {
    display: none;
}
.generalCalculator .ribbonWrapper {
    padding: 10px;
    box-sizing: border-box;
    font-family: 'din-2014';
    font-size: 13px;
    letter-spacing: 0.03em;
    color: var(--c-OFFBLACK);
    border: 1px solid var(--c-OFFBLACK);
    margin-bottom: 10px;
    border-radius: 5px;
}
.generalCalculator .ribbonWrapper p { margin: 0; }
.generalCalculator .ribbonWrapper.quoteError {
    color: var(--c-ERROR);
    border: 1px solid var(--c-ERROR);
}
.generalCalculator .ribbonWrapper.quoteWarning {
    color: var(--c-ALERT-TXT);
    border: 1px solid var(--c-ALERT-TXT);
    background-color: var(--c-ALERT);
}
/* My Product Page adjustments */
.my-products-product-page .generalcalculator * { order: 1; }
.my-products-product-page #productionSettings,
.my-products-product-page  #theQuote { order: 2; }
.estimatedPostage {
    background-color: var(--c-OFFWHITE);
    font-family: var(--f-SANS);
    color: var(--c-OFFBLACK);
    padding: 20px;
    display: none;
    gap: 0px;
    grid-template-columns: 100%;
    margin: 20px 0 10px 0;
}
.estimatedPostage__units__ {
    text-align: left;
}
.estimatedPostage__units {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.estimatedPostage__units__desc {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding-bottom: 4px;
}
.estimatedPostage__units__cost {
    color: var(--c-BRAND);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.48px;
    line-height: 28px;
}
.estimatedPostage__units__cost::before {
    content: "$";
}
.estimatedPostage__units__type {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.12px;
    text-transform: capitalize;
    padding-top: 5px;
}
.estimatedPostage__units__type > div {
    display: inline-block;
}
.estimatedPostage__disclaimer {
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 20px;
    padding-top: 10px;
    text-align: left;
}
.estimatedPostageCost {
    color: var(--c-BRAND);
    font-weight: bold;
    font-size: 2rem;
}
#estimatedPostageCost::before {
    content: "$";
}
#estimatedPostageCostUnitRate {
    font-family: var(--f-SANS);
    color: var(--c-OFFBLACK);
}
#estimatedPostageCostUnitRate::before {
    content: "Unit Rate: $"
}
@media screen and (min-width: 480px) {
    .estimatedPostage {
        gap: 20px;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    }

    .estimatedPostage__units {
        padding-bottom: 0px;
        border-bottom: none;
    }

    .estimatedPostage__disclaimer {
        padding-top: 0px;
    }
}
/* Calcuator AB Testing */
.testCalcMods.SLS_12 #operation68, /* Laser Cutting */
.testCalcMods.SLS_12 #operation2, /* Scoring */
.testCalcMods.SLS_12 #operation35, /* Variable Data */
.testCalcMods.SLS_12 #operation1, /* Folding */
.testCalcMods.SLS_12 #operation8 option[name="OPERATIONDD11"] /* 3/8" Rounded Corners */ {
    display: none;
}
.generalCalculator .optionWrapperOn label { order: -1; }
.generalCalculator .optionWrapperOn .quoteHelp {
    position: absolute;
    margin-top: -10px;
    margin-right: -10px;
    padding: 11px 11px 0px 11px;
    margin-left: 4px;
    width: 18px;
}
label.config { padding-right: 12px; }
/* .configField[name="QUANTITYEF"], 
.addVersion, 
.configField[name="PAGESEF"],
input[name="ADDITIONALFIELD0"],
textarea[name="ADDITIONALFIELD0"],
textarea[name="ADDITIONALFIELD1"],
.spine-width,   
#operationItemDiv3,
#operationItemDiv4,
.noEdit {
    grid-column: span 2;
} */
.panel {
    display: none;
    position: fixed;
    font: 14px/18px var(--f-SANS);
    font-weight: 300;
    top: calc(10vh + 60px) !important;
    max-width: 530px;
    max-height: 60vh;
    background-color: var(--c-WHITE);
    padding: calc(var(--spacing)*4);
    overflow-y: scroll;
    letter-spacing: 0.03em;
    box-sizing: border-box;
    z-index: var(--z-MODAL) !important;
}
.panel button {
    display: inline-block;
    font: 14px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.28em;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    min-width: 200px;
    width: 100%;
    padding: calc(var(--spacing)*1.5);
    padding-bottom: calc(var(--spacing)*1.2); /* Vertically centering text */
    border: 2px solid var(--c-BRAND);
    border-radius: var(--radius-xlarge) !important;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
}
.panel button:hover {
    cursor: pointer;
    background-color: var(--c-WHITE);
    color: var(--c-BRAND);
}
.panel > * + *:not(#savePanelButtons) { margin-top: 20px; }
.panel h3 { font-family: var(--f-SERIF); }
.panel h2:first-of-type {
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
    padding-bottom: 10px;
}
.panel ol,
.panel ul { padding-left: 15px; }
.screenOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    background-color: rgba(0,0,0,.5);
    opacity: 7 !important;
    z-index: var(--z-MODAL-SNEEZEGUARD) !important;
}
.panel #closeButton a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}
.panel #closeButton svg { display: none; }
.panel #closeButton a {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
}
.panel #closeButton a:after,
.panel #closeButton a:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    transition-delay: .25s;
}
.panel #closeButton a:after { transform: rotate(45deg); }
.panel #closeButton a:before { transform: rotate(-45deg); }
.product #savePanel { height: 400px; }
#savePanel::before {
    content:'';
    height: 100vh;
    width: 100vw;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0);
}
#confirmPanel,
#confirmPanelOverlay { z-index: 9001 !important; }
#confirmPanelButtons > button + button { margin-top: 20px; }
@media screen and (min-width: 480px) {
    #confirmPanelButtons {
        display: flex;
        flex-direction: row;
    }

    #confirmPanelButtons > button + button { margin: 0 0 0 20px; }
}
@media (min-width: 1024px) {
    .panel { min-width: 530px; }
}
/* Account page angular driven modal styles */
.panel-open .screenOverlay.fade.in {
    height: 100%;
    width: 100%;
}
.panel-open .fade .panel {
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.panel {
    box-shadow: 0px 0px 0px 500vw rgba(0, 0, 0, 0.3);
}
/* .turnaroundTime,
.turnaroundTime-process,
.turnaroundTime-message {
    text-align: center;
}

.turnaroundTime-process {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0;
    background: var(--c-BRAND-LIGHTEST);
    width: calc(100% - 60px);
    margin: 50px auto 60px;
    font: 10px/12px var(--f-SANS);
    font-weight: 300;
    list-style: none;
}

.turnaroundTime-process-production,
.turnaroundTime-process-proofing {
    position: relative;
    width: 50%;
    line-height: 10px;
}

.turnaroundTime-process-submit,
.turnaroundTime-process-approval,
.turnaroundTime-process-ships {
    position: absolute;
    display: block;
    top: 50px;
    width: 60px;
    height: 60px;
}

.turnaroundTime-process-submit::before,
.turnaroundTime-process-approval::before,
.turnaroundTime-process-ships::before {
    content: '';
    position: absolute;
    top: -65px;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--c-WHITE);
    box-shadow: 0 1px 5px #ccc;

}

.turnaroundTime-process-submit::after,
.turnaroundTime-process-approval::after,
.turnaroundTime-process-ships::after {
    content: '';
    position: absolute;
    font: 40px/40px var(--f-ICONS);
    color: var(--c-OFFBLACK);
    height: 40px;
    width: 40px;
    top: -54px;
    left: 11px;
    right: 10px;
}

.turnaroundTime-process-submit::after {
    content: '\f40a';
    font-size: 33px;
    left: 12px;
}

.turnaroundTime-process-approval::after { content: '\f3fd';}

.turnaroundTime-process-ships::after {
    content: '\f473';
    font-size: 36px;
    left: 9px;
}

.turnaroundTime-process-submit { left: -30px; }
.turnaroundTime-process-approval { left: calc(50% - 30px); }
.turnaroundTime-process-ships { right: -30px; }

.turnaroundTime-message .bdcpy {
    padding: 10px;
    margin: 0 0 20px;
    background-color: var(--c-OFFWHITE);
} */
/* #turnaroundProcess {
    padding: 10px;
}

.turnaroundMessage {
    display: block;
    margin: 1rem auto 1rem;
    text-align: center
}

.turnaroundTime {
    position: relative;
    top: -2rem;
    box-sizing: border-box;
    display: block;
    clear: both;
    padding: 0 40px;
    height: 120px
}

span.turnaroundTime-column {
    box-sizing: border-box;
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    vertical-align: middle
}

.turnaroundTime-timeline {
    display: block;
    position: relative;
    background-color: #e8e8e8;
    padding: 12px 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.turnaroundTime-timeline_proofing {
    background-color: #d3e2f3;
    color: #333
}

.turnaroundTime-timeline_production {
    background-color: #d3e2f3;
    color: #333
}

.turnaroundTime-timeline_hover {
    background-color: #007ac9!important;
    color: #fff!important
}

.turnaroundTime-milestone {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px
}

.turnaroundTime-milestone_end {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px
}

.circle-icon {
    display: table-cell;
    font-family: Icomoon;
    color: #333;
    font-size: 38px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 1px 5px #ccc
}

.turnaroundTime-milestone-description {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1.2em
}

.turnaroundMessage-header {
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: .2em;
    color: #666
}

.turnaroundMessage-paragraph {
    display: block;
    font-size: 1.2em;
    background-color: #f7f7f7;
    padding: 15px
}

.turnaroundMessage-togglelink {
    font-size: 1.25em;
    line-height: 1em;
    display: inline-block
}

@media (max-width: 450px) {
    .turnaroundTime-milestone {
        left:-20px
    }

    .turnaroundTime-milestone_end {
        right: -20px
    }

    .circle-icon {
        width: 40px;
        height: 40px;
        font-size: 28px
    }

    .turnaroundTime-milestone-description {
        position: absolute;
        width: 150%;
        text-align: center;
        left: -10px;
        font-size: 10px;
        line-height: 1.2em
    }
} */
.turnaroundGraphic {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 20px 0;
    font-family: var(--f-SANS);
    font-size: 14px;
    color: var(--c-OFFBLACK);
  }
.turnaroundGraphic-step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: auto;
    align-items: center;
    padding: 20px;
    background-color: var(--c-OFFWHITE);
    color: var(--c-BLACK);
  }
.turnaroundGraphic-step h2 {
    margin: 5px 0 0 0;
    padding:0 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.12px;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    color: var(--c-OFFBLACK);
  }
.turnaroundGraphic-step p {
    margin: 16px 0 0 0;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.14px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
.turnaroundGraphic-step-li {
    display: flex;
    position: absolute;
    top: 10px;
    left: 10px;
    justify-content: center;
    align-items: center;
    padding: 1px 8px 3px 8px;
    border-radius: 50%;
    background-color: var(--c-OFFBLACK-LIGHTER);
    font-weight: 700;
    font-size: 16px;
  }
@media screen and (min-width: 1200px) {
    .turnaroundGraphic {
        flex-direction: row;
        gap: 20px;
    }
    .turnaroundGraphic-step {
        width: 100%;
    }
  }
#proofSampleSheet {
    margin-top: 15px;
}
#proofProductionTime {
    display: none;
    margin-left: -10px;
    padding-top: 10px;
    width: calc(100% + 20px);
}
.windowClingsConfig {
    background-color: var(--c-OFFWHITE);
    padding: 20px;
    border-radius: 10px;
}
.windowClingsConfig:after {
    content: '©2024 Smartpress, All rights reserved.';
    font:  11px/11px var(--f-SANS);
    font-weight: 300;
    letter-spacing: 0.03em;
    color: var(--c-OFFBLACK-LIGHT);
}
.windowClingsConfig-view {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 160px;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: var(--c-WHITE);
    border: 3px solid var(--c-OFFBLACK-LIGHTER);
}
.windowClingsConfig-view::after {
    content: 'Side View';
    display: block;
    position: absolute;
    bottom: -20px;
    width: 100%;
    font: 11px/11px var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK-LIGHT);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
}
.windowClingsConfig-view-inside,
.windowClingsConfig-view-outside {
    width: 48%;
    position: relative;
}
.windowClingsConfig-view-inside:before,
.windowClingsConfig-view-outside:before {
    content: '';
    font: 11px/11px var(--f-SANS);
    font-weight: 400;
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 20px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
.windowClingsConfig-view-inside:before { content: 'Inside Store'; }
.windowClingsConfig-view-outside:before { content: 'Outside Store'; }
.windowClingsConfig-view > * { flex-grow: 1; }
.windowClingsConfig-view-graphic {
    position: relative;
    width: 5px;
    border-left: 3px solid var(--c-OFFBLACK-LIGHTER);
    border-right: 3px solid var(--c-OFFBLACK-LIGHTER);
    overflow: hidden;
}
.windowClingsConfig-view-graphic:after, .windowClingsConfig-view-graphic:before {
    content: '';
    display: block;
    position: relative;
    left: -50px;
    height: 20px;
    width: 100px;
    border-top: 3px solid var(--c-OFFBLACK-LIGHTER);
    border-bottom: 3px solid var(--c-OFFBLACK-LIGHTER);
    transform: rotate(45deg);
}
.windowClingsConfig-view-graphic:before { top: 20%; }
.windowClingsConfig-view-graphic:after { top: 44%; }
.windowClingsConfig-view-inside-head,
.windowClingsConfig-view-outside-head {
    fill: var(--c-OFFBLACK-LIGHT);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    transition: all 0.2s ease-in-out;
}
.windowClingsConfig-view-perspective {
    width: 4px;
    background: var(--c-BRAND);
    position: absolute;
    height: 60%;
    top: 20%;
    left: -25px;
    right: 0;
    margin: auto;
    transition: all .5s ease-in-out;
}
.windowClingsConfig-view-perspective:before,
.windowClingsConfig-view-perspective:after {
    content: '\f3d6';
    font: 63px/0 var(--f-ICONS);
    font-weight: 600;
    position: relative;
    display: block;
    color: var(--c-BRAND);
    top: 50%;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.windowClingsConfig-view-perspective:before {
    transform: rotate(180deg);
    top: calc(50% - 1px);
    left: -10px;
}
.windowClingsConfig-view-perspective:after { left: 10px; }
.windowClingsConfig .radioSelectWrapper {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
    align-items: baseline;
}
.windowClingsConfig .radioSelectWrapper span {
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    letter-spacing: 0.03em;
    width: 25%;
}
.windowClingsConfig .radioSelectWrapperInner {
    width: 75%;
    display: flex;
    flex-direction: row;
}
.windowClingsConfig .radioSelectWrapperInner label {
    background: transparent;
    padding: 10px;
    width: 50%;
    text-align: center;
    border: 1px solid var(--c-BRAND);
    transition: all 0.2s ease-in-out;
    color: var(--c-BRAND);
}
.windowClingsConfig input[type="radio"] {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: none;
}
.windowClingsConfig .radioSelectWrapperInner label.active,
.windowClingsConfig .radioSelectWrapperInner label:hover {
    cursor: pointer;
    background: #017ac9;
    color: white;
}
.windowClingsConfig .radioSelectWrapperInner label:first-of-type { border-radius: 50px 0 0 50px; }
.windowClingsConfig .radioSelectWrapperInner label:last-of-type { border-radius: 0 50px 50px 0; }
.radioSelectWrapper.radioSelectWrapper_disabled .radioSelectWrapperInner { pointer-events: none; }
.radioSelectWrapper.radioSelectWrapper_disabled .radioSelectWrapperInner label,
.radioSelectWrapper.radioSelectWrapper_disabled .radioSelectWrapperInner label.active {
    background: transparent;
    border-color: #c3c3c3;
    color: #c3c3c3;
    transition: none;
}
.windowClingsConfig-view.one-sided.facing-in .windowClingsConfig-view-perspective::after,
.windowClingsConfig-view.one-sided.facing-out .windowClingsConfig-view-perspective::before { opacity: 0; }
.mounted-outside .windowClingsConfig-view-perspective { left: 25px; }
.windowClingsConfig-view.one-sided.facing-in .windowClingsConfig-view-inside-head,
.windowClingsConfig-view.one-sided.facing-out .windowClingsConfig-view-outside-head,
.windowClingsConfig-view.two-sided .windowClingsConfig-view-inside-head,
.windowClingsConfig-view.two-sided .windowClingsConfig-view-outside-head {
    fill: var(--c-OFFBLACK);
    transform: scale(1.1);
}
@media screen and (min-width: 480px) {
    .windowClingsConfig .radioSelectWrapper span { width: 15%; }

    .windowClingsConfig .radioSelectWrapperInner { width: 85%; }
}
#fancybox-wrap {
    display: none;
    position: fixed;
    font: 14px/18px var(--f-SANS);
    font-weight: 300;
    z-index: var(--z-MODAL);
    top: calc(10vh + 60px) !important;
    width: auto !important;
    height: auto !important;
    /* max-width: 530px; */
    max-height: 60vh;
    background-color: var(--c-WHITE);
    padding: calc(var(--spacing)*4);
    overflow-y: scroll;
    letter-spacing: 0.03em;
    box-sizing: border-box;
}
/*
a#fancybox-close {
    display: block;
    height: 40px;
    width: 40px;
    background: red;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
} */
/* #fancybox-close a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
} */
#fancybox-close {
    display: block;
    position: absolute;
    height: 20px;
    min-height: 20px;
    width: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
}
#fancybox-close:after,
#fancybox-close:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    background-color: #666;
    position: absolute;
    top: calc(50% - 1px);
    transform-origin: middle middle;
    transition: all .3s ease-in-out;
    transition-delay: .25s;
}
#fancybox-close:after { transform: rotate(45deg); }
#fancybox-close:before { transform: rotate(-45deg); }
#fancybox-wrap button {
    display: inline-block;
    font: 14px/15px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.28em;
    background-color: var(--c-BRAND);
    color: var(--c-WHITE);
    min-width: 200px;
    width: 100%;
    padding: calc(var(--spacing)*1.5);
    padding-bottom: calc(var(--spacing)*1.2); /* Vertically centering text */
    border: 2px solid var(--c-BRAND);
    border-radius: 0 !important; /* overiding global css */
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
}
#fancybox-wrap button:hover {
    cursor: pointer;
    background-color: var(--c-WHITE);
    color: var(--c-BRAND);
}
#fancybox-wrap > * + *:not(#savePanelButtons) { margin-top: 20px; }
#fancybox-wrap h2:first-of-type {
    border-bottom: 1px solid var(--c-OFFBLACK-LIGHTER);
    padding-bottom: 10px;
}
#fancybox-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5) !important;
    opacity: 0;
    z-index: 9000 !important;
    pointer-events: none;
}
#fancybox-inner * { margin: 0; padding: 0; }
#fancybox-inner * + * { margin-top: 15px; }
#fancybox-inner a {
    text-decoration: none;
    color: var(--c-BRAND);
}
#alertPanel {
    z-index: 9009 !important;
    box-shadow: 0 0 0 50vw rgba(0, 0, 0, 0.5);
    margin-top: 60px;
}
/*global elements*/
.mix-printPointsLP {
    background-color: #f7f7f7;
    background-image: url("https://spdc-assets.imgix.net/images/pp-lead-in-gradient.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.mix-printPointsLP .btn_cta:after { box-sizing: initial !important; }
.printPoints:not(.printPoints_clean) {
    background-image: url("https://spdc-assets.imgix.net/images/pp-texture-bg-gray.png");
    background-repeat: repeat;
}
.printPoints-header-logo img {
    width: 115px;
    height: auto;
    margin-right: 20px;
}
.printPoints-header {
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
}
.printPoints-header-auth { margin-top: 20px; }
.printPoints-header-auth .btn { border-radius: 24px !important; }
@media screen and (min-width: 768px) {
    .printPoints-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .printPoints-header-auth { margin-top: 0; }
}
.printPoints-header-logo {
    font-family: var(--f-SANS-COND);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 20px;
    font-weight: 100;
}
.btn_rounded {
    border-radius: 25px !important;
    background: #333333;
    border: none;
    font-family: var(--f-SANS-COND);
    letter-spacing: 0;
    font-size: 18px;
}
.btn_rounded:hover {
    opacity: 0.8 !important;
    background: #333333 !important;
    color: white !important;
}
.printPoints-header-auth > * {
    margin-right: 10px;
}
.printPoints-header-auth {
    font-family: var(--f-SANS);
    font-weight: 300;
}
.printPoints-header-auth>* {
    display: block;
    text-align: center;
}
.printPoints-header-auth>* + * { margin-top: 20px; }
.printPoints-faq {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 52px 50px;
    background-image: url('https://spdc-assets.imgix.net/images/pp-faq-gradient.png');
    background-size: 100%;
    background-position: 0 -100px;
    background-repeat: no-repeat;
}
.printPoints-faq::before {
    content: '';
    position: absolute;
    top: 40px;
    display: block;
    height: 2px;
    width: calc(100% - 100px);
    background-color: #000;
}
.printPoints-faq_signedIn > * {
    max-width: 1200px;
    margin: 0 auto;
}
.printPoints-faq > *:first-child {
    flex-grow: 1;
}
.printPoints-faq-list {
    padding: 0;
    list-style: none;
}
.printPoints-faq-list-item {
    padding: 0 20px;
    border-bottom: 2px solid black;
}
.printPoints-faq-list-item:first-of-type { border-top: 2px solid black; }
.printPoints-faq-list-item-q {
    position: relative;
    font-family: var(--f-SANS-COND);
    font-size: 20px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    padding: 30px 50px 26px 0;
    cursor: pointer;
}
.printPoints-faq-list-item-q.isOpen { padding-bottom: 0; }
.printPoints-faq-list-item-q:after {
    content: '\f2c7';
    font-family: var(--f-ICONS);
    font-size: 35px;
    text-align: center;
    text-indent: 2px;
    line-height: 45px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 16px;
    color: var(--c-WHITE);
    background: var(--c-BLACK);
}
.printPoints-faq-list-item-q.isOpen:after { content: '\f2f4'; }
.printPoints-faq-list-item-a {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}
.printPoints-faq-list-item-a p { margin: 0; }
.printPoints-faq-list-item-a p + p { margin-top: 20px; }
.printPoints-faq-list-item-a.isOpen {
    opacity: 1;
    height: auto;
    padding: 30px 0 15px 0;
}
.printPoints-faq-register-lbl { display: block; }
.printPoints-faq-lbl { position: absolute; }
.printPoints-faq-inner { padding-top: 50px; }
.printPoints-faq-lbl,
.printPoints-faq-register-lbl {
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.printPoints-faq-register-inner {
    margin: 0 auto;
    display: block;
    padding-top: 50px;
}
@media screen and (min-width: 768px) {

    .printPoints-header-auth>* {
        display: inline-block;
    }

    .printPoints-header-auth>* + * { margin-top: 0; }

    .printPoints-faq { flex-direction: row; }

    .printPoints-faq-list {
        padding: 0 50px 0 0;
    }

    .printPoints-faq-register {
        min-width: 25vw;
        border-left: 2px solid #000;
    }

    .printPoints-faq-register-inner {
        max-width: 320px;
        padding: 130px 10px 0 30px;
        position: sticky;
        top: 0;
    }

    .printPoints-faq-register-lbl { padding-left: 30px; }
}
.link_cond {
    text-decoration: underline;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 1px;
    font-family: var(--f-SANS-COND);
    color: #333;
    font-size: 18px;
}
/*responsive font*/
.lr-title { font-size: 60px !important; }
.lr-info .lr-inner-text,
.lr-vip-tiers-headline,
.lr-header-text,
.lr-headline { font-size: 40px !important; }
.lr-header-text { font-family: var(--f-SANS-COND) !important;}
@media screen and (min-width: 768px) {
    .lr-title { font-size: 75px !important; }

    .lr-info .lr-inner-text,
    .lr-vip-tiers-headline,
    .lr-header-text,
    .lr-headline { font-size: 50px !important; }
}
@media screen and (min-width: 1024px) {
    .lr-title { font-size: 90px !important; }

    .lr-widget-hero-section .lr-text-on-background .lr-text-container .lr-title { font-size: 80px !important; }

    .lr-info .lr-inner-text,
    .lr-vip-tiers-headline,
    .lr-headline { font-size: 80px !important; }
    .lr-header-text { font-size: 60px !important; }
}
/*outline button overwrites*/
.lr-capsule-btn-type { border-width: 2px !important; }
/****************************************
    HERO SECTION
*****************************************/
.lr-widget-hero-section .lr-text-on-background .lr-text-container .lr-title { font-family: var(--f-SANS-COND) !important; }
.lr-widget-hero-section .lr-text-container .lr-title { padding: 20px 0 !important; }
@media (min-width: 768px) {
    .lr-widget-hero-section .lr-text-container .lr-title { padding: 40px 0 !important;; }
}
.lr-widget-hero-section { padding: 0 20px; }
@media (min-width: 768px) {
    .lr-widget-hero-section { padding: 0 50px; }
}
.lr-widget-hero-section .lr-text-on-background { min-height: 0 !important; }
.lr-widget-hero-section .lr-text-on-background .lr-text-container { top: 0 !important; }
.lr-widget-hero-section .lr-text-on-background .lr-text-container.lr-center-layout {
    text-align: left !important;
    max-width: 100%;
    border-top: 2px solid #333333;
}
/*hero section - MOBILE*/
.lr-widget-hero-section .lr-text-on-background.lr-is-mobile .lr-background-text-mobile { padding-top: 0 !important; }
.lr-widget-hero-section .lr-text-on-background.lr-is-mobile .lr-text-and-buttons { text-align: left !important; }
.lr-widget-hero-section .lr-customer-logged-out-buttons { display: none; }
/* HOW IT WORKS section */
/*subhead and border*/
.lr-widget-my-rewards-widget {
    border-top: 2px solid #333333;
    margin: 0 20px;
}
@media (min-width: 768px) {
    .lr-widget-my-rewards-widget { margin: 0 50px; }
    .lr-widget-my-rewards-widget .lr-grid-row { margin-bottom: 0 !important; }
    .lr-widget-my-rewards-widget .lr-rewards-history-tile { padding-bottom: 0 !important; }
}
.lr-widget-my-rewards-widget::before {
    content:"EARNING PRINT POINTS IS EASY";
    position: absolute;
    left: 20px;
    margin-top: 10px;
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    letter-spacing: 1.5px;
}
@media (min-width: 768px) {
  .lr-widget-my-rewards-widget::before { left: 50px; }
}
.lr-widget-my-rewards-widget .lr-tile-box { 
    margin: 0 !important;
    width: 100%;
    height: 100%;
    padding: 65px 0;
}
.lr-reward-steps-list { display: flex; }
.lr-tile-box {
    width: 100%;
    height: 100%;
    padding: 65px 0;
}
.lr-widget-my-rewards-widget .lr-rewards-guide-tile-wrapper .lr-headline {
    margin-bottom: 19px;
}
.lr-widget-my-rewards-widget .-reward-steps-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.lr-widget-my-rewards-widget .lr-reward-steps-item {
    width: 33%;
    min-width: 260px;
    box-sizing: border-box;
    text-align: center;
    padding: 30px 15px 30px 15px;
}
.lr-widget-my-rewards-widget .lr-reward-steps-icon {
    margin-bottom: 15px;
    color: rgb(183, 198, 248);
}
.lr-custom-step-icon {
    height: 65px;
    width: 65px;
}
.lr-my-rewards-widget .lr-step-icon { height: 165px }
.lr-widget-my-rewards-widget .lr-is-mobile .lr-headline { margin-top: 40px; }
.lr-widget-my-rewards-widget .lr-is-mobile .lr-tile-box { width: 100% !important; }
.lr-rewards-guide-tile-wrapper, .lr-widget-my-rewards-widget .lr-info {
    max-width: 100% !important;
    text-align: left;
    width: auto !important;
}
.lr-widget-my-rewards-widget .lr-rewards-guide-tile-wrapper .lr-headline .lr-inner-text,
.lr-widget-my-rewards-widget .lr-reward-steps-title .lr-inner-text {
    color: #000 !important;
    font-family: 'din-condensed' !important;
}
.lr-widget-my-rewards-widget .lr-step-icon { height: 165px !important; }
.lr-custom-step-icon {
    height: 165px !important;
    width: 165px;
}
.lr-reward-steps-title > .lr-inner-text:before {
    content: "";
    font-size: 15px;
    background-color: #ffffff;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    padding: 15px;
    margin-right: 10px;
}
.lr-reward-steps-item-1 .lr-reward-steps-title > .lr-inner-text:before { content: "01"; }
.lr-reward-steps-item-2 .lr-reward-steps-title > .lr-inner-text:before { content: "02"; }
.lr-reward-steps-item-3 .lr-reward-steps-title > .lr-inner-text:before { content: "03"; }
/*logged in state*/
/*user first name*/
.lr-logged-in-view .lr-inner-text {
    font-size: 20px !important;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.lr-widget-my-rewards-widget .lr-logged-in-view .lr-description { margin-bottom: 20px !important; }
.lr-widget-my-rewards-widget .lr-logged-in-view .lr-description .lr-inner-text {
    font-family: 'din-condensed' !important;
    font-size: 48px !important;
}
/*button overwrites*/
.lr-action-button-widget.lr-action-button.lr-secondary-button button {
    background: #333 !important;
    color: white !important;
}
.lr-widget-my-rewards-widget .lr-logged-in-view .lr-primary-button { display: none; }
/* VIP TIERS section */
/*Section BKGD Color*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tiers-list {
    background: #333333;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-image: url("https://spdc-assets.imgix.net/images/pp-texture-bg-gray.png");
    background-repeat: repeat;
}
@media (min-width: 768px) {
    .mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tiers-list {
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-top: 50px !important;
    }
}
/*multi color border*/
.mix-printPointsLP .lr-vip-tiers-widget { position: relative; }
.mix-printPointsLP .lr-vip-tiers-widget .lr-background:before {
    content: '';
    height: 2px;
    position: absolute;
    margin: 0 20px;
    top: 40px;
    left: 0;
    right:0;
    background: linear-gradient(to right,
        #00FFFF,
        #00FFFF 25%,
        #FF00FF 25%,
        #FF00FF 50%,
        #FFFF00 50%,
        #FFFF00 75%,
           #000 75%);
}
.mix-printPointsLP .lr-vip-tiers-list:before {
    content: 'CMYK / PRINT POINT TIER';
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    letter-spacing: 1.5px;
    color: #fff;
}
@media (min-width: 768px) {
    .mix-printPointsLP .lr-vip-tiers-widget .lr-background:before { margin: 0 50px; }
}
.mix-printPointsLP .lr-is-mobile .lr-vip-tiers-list:before {
    position: relative;
    top: 20px;
}
/*widget title*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tiers-headline {
    font-family: 'din-condensed' !important;
    margin-top: 50px;
    text-align: left !important;
}
/*Card Width*/
.lr-vip-tier-container {
    width: 100% !important;
    padding: 10px;
}
@media (min-width: 1024px) {
    .lr-vip-tier-container { width: 50% !important; }
}
@media (min-width: 1550px) {
    .lr-vip-tier-container { width: 25% !important; }
}
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-benefits { padding-bottom: 15px !important; }
/*Card name and Icon*/
.lr-vip-tier-header { text-align: left !important; }
.lr-vip-tier-name { text-transform: uppercase; }
.lr-vip-tier-icon-wrapper {
    width: 43px;
    display: inline-block;
    position: relative;
    top: 6px;
}
.lr-vip-tier-name {
    display: inline-block;
    margin-left: 10px;
}
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tiers-wrapper { max-width: none !important; }
.mix-printPointsLP .lr-vip-tiers-widget .lr-four-tiers-per-row.lr-spacing-big .lr-vip-tier-container { margin: 0!important; }
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container .lr-vip-tier {
    border-radius: 20px;
    position: relative;
}
/*Card name and Icon Is Mobile*/
.VueCarousel .VueCarousel-inner .VueCarousel-slide .lr-vip-tier-header  {
  /* text-align: center !important; */
  padding: 20px !important;
}
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container .lr-vip-tier .lr-vip-tier-name {
    font-family: 'din-condensed' !important;
    font-size: 45px !important;
    color: #000 !important;
}
/*Level Pill*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container .lr-vip-tier-name::after {
    display: none;
    position: absolute;
    top: 45px;
    right: 33px;
    font-size: 16px;
    line-height: 20px;
      letter-spacing: 2px; color: #000000; background-color: #ffffff;
    padding: 10px 20px 5px 20px; border-radius: 5px;
}
@media screen and (min-width: 400px) {
    .mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container .lr-vip-tier-name::after { display: block; }
}
/*Level Pill is Mobile*/
.VueCarousel .VueCarousel-inner .VueCarousel-slide .lr-vip-tier-name::after {
    top: 20px;
    right: 20px;
    text-align: center;
}
/*Cyan*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(1) .lr-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(1) .lr-vip-tier-name::after { content: "TIER 1";}
/*Magenta*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(2) .lr-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(2) .lr-vip-tier-name::after { content: "TIER 2";}
/*Yellow*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(3) .lr-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(3) .lr-vip-tier-name::after { content: "TIER 3";}
/*Black*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4) .lr-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .lr-vip-tier-name::after { content: "TIER 4";}
/*Card Color overwrites*/
/*Cyan*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(1) .lr-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(1) .lr-vip-tier { background-color: #00FFFF !important; }
/*Magenta*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(2) .lr-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(2) .lr-vip-tier { background-color: #FF00FF !important; }
/*yellow*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(3) .lr-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(3) .lr-vip-tier { background-color: #FFFF00 !important; }
/*black*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4) .lr-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .lr-vip-tier { background-color: #000000 !important;}
.lr-vip-tier-container.lr-active .lr-vip-tier:before {
    content: '';
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    left: -10px;
    border-radius: 26px;
    border: 10px solid;
}
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(1).lr-active .lr-vip-tier:before { border-color: #00FFFF75; }
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(2).lr-active .lr-vip-tier:before { border-color: #FF00FF75; }
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(3).lr-active .lr-vip-tier:before { border-color: #FFFF0075; }
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4).lr-active .lr-vip-tier:before { border-color: #00000075; }
/*color text overwrites for black level tier*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4) .lr-vip-tier .lr-vip-tier-name,
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4) .lr-vip-tier .lr-vip-tier-threshold,
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4) .lr-vip-tier .lr-vip-tier-benefits-list .lr-vip-tier-benefits-list-item .lr-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .lr-vip-tier-name,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .lr-vip-tier .lr-vip-tier-threshold,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .lr-vip-tier .lr-vip-tier-benefits-list .lr-vip-tier-benefits-list-item .lr-vip-tier-benefit-text { color: #fff !important; }
/*level speed circle*/
li.lr-vip-tier-benefits-list-item:first-child { margin-right: 10px;}
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text {
    padding: 25px;
    border-radius: 100%;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 20px;
}
/*Cyan*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(1) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(1) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text { background-color: #04C7C7; }
/*Magenta*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(2) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(2) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text { background-color: #DD00DD; }
/*Yellow*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(3) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(3) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text { background-color: #E4E403; }
/*Black*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-container:nth-child(4) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .lr-vip-tier li.lr-vip-tier-benefits-list-item:first-child .lr-vip-tier-benefit-text {
    background-color: #333333;
    padding: 25px 25px 25px 18px;
}
/* .lr-active {} */
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier-benefits-list-item { display: inline-block !important; }
.lr-vip-tier-benefit-text {
    font-weight: bold !important;
    letter-spacing: 2px;
}
/*level speed circle is mobile*/
.mix-printPointsLP .lr-vip-tiers-widget .lr-vip-tier.lr-mobile.lr-collapsed .lr-vip-tier-benefits { min-height: 0 !important; }
/*Card pricing*/
.lr-vip-tier-threshold {
    color: #333 !important;
    text-align: right!important;
    font-family: 'din-condensed' !important;
    font-size: 40px !important;
    font-weight: 100 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-top: 20px;
}
.lr-vip-tier-threshold:after {
    content: "YEARLY SPEND";
    display: block;
    font-size: 16px;
}
/*card pricing is Mobile*/
.VueCarousel .VueCarousel-inner .VueCarousel-slide .lr-vip-tier .lr-vip-tier-threshold { height: auto !important; }
/*legal content*/
.printPoints-disclaimer {
    padding: 20px;
    /* background-color: #333; */
    /* background-image: url("https://spdc-assets.imgix.net/images/pp-texture-bg-gray.png"); */
}
.printPoints-disclaimer-inner {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    text-align: center;
    letter-spacing: 0.5px;
    /* color: var(--c-WHITE); */
}
/*********************************
 REFERRAL section - LP
*********************************/
/*border and subtitle*/
.mix-printPointsLP .mix-printPointsLP .lr-widget-referral-widget::before {
    content: 'REFERRING FRIENDS IS A GREAT WAY TO EARN MORE POINTS';
    position: absolute;
    left: 0;
    right: 0;
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1.5px;
    text-align: left;
    color: #333;
    margin: 40px 20px 0 20px;
    border-top: 2px solid #333;
}
@media (min-width: 768px) {
    .mix-printPointsLP .lr-widget-referral-widget::before { margin: 40px 50px 0 50px; }
}
.mix-printPointsLP .lr-widget-referral-widget {
    background-image: url("https://spdc-assets.imgix.net/images/pp-lp-non-logged-in-secondary-half-width-gradient.png");
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-screen-customer_email,
.mix-printPointsLP .lr-widget-referral-widget .lr-screen-friends_emails {
    background-image: url("https://spdc-assets.imgix.net/images/pp-texture-bg-gray.png");
    background-repeat: repeat !important;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-background { height: auto !important; }
@media (min-width: 1440px) {
    .mix-printPointsLP .lr-widget-referral-widget {
        background-size: contain;
        background-position: 100% 0;
    }
}
.mix-printPointsLP .lr-widget-referral-widget .lr-tile-box {
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*text overwrites*/
.mix-printPointsLP .lr-widget-referral-widget .lr-header-text { padding-bottom: 0 !important; }
.mix-printPointsLP .lr-widget-referral-widget .lr-header-text,
.mix-printPointsLP .lr-widget-referral-widget .lr-description-text { text-align: left;}
/*input overwrites*/
.mix-printPointsLP .lr-widget-referral-widget .lr-input-container .lr-input {
    background-color: transparent !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.lr-inputs-container .lr-input-container.lr-email-container .lr-input { font-size: 14px !important; }
.mix-printPointsLP .lr-widget-referral-widget .lr-input-container .lr-input::placeholder { color: #000 !important; }
.lr-input-label {
    font-family: var(--f-SANS-COND) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-action-button-widget {
    margin-top: 50px !important;
    right: 0;
    align-self: flex-end;
    width: 300px !important;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-action-button-widget .lr-button-standard-size {
    width: 100% !important;
    font-family: 'din-condensed' !important;
}
.mix-printPointsLP .yopto-widget-button-text { font-family: 'din-condensed' !important; }
/*error message overwrites*/
.mix-printPointsLP .lr-referral-widget-error-message {
    background: #ff3c3a;
    padding: 5px;
    color: #fff !important;
    border-radius: 5px;
}
/*logged in*/
.mix-printPointsLP .lr-input-example {
    padding: 10px 0 0 15px;
    color: #333 !important;
    font-weight: bold;
}
.mix-printPointsLP span.lr-share-button-txt { display: none !important; }
.mix-printPointsLP .lr-email-view {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-tile-wrapper {
    max-width: 1024px !important;
    padding: 100px 0;
}
@media (min-width: 768px) {
    .mix-printPointsLP .lr-widget-referral-widget .lr-tile-wrapper {  padding: 100px 50px; }
}
.mix-printPointsLP .lr-widget-referral-widget .lr-tile-box{ height: auto !important; }
.mix-printPointsLP .lr-widget-referral-widget .lr-header-text,
.mix-printPointsLP .lr-description-text,
.mix-printPointsLP .lr-title-text { width: 100%; }
@media (min-width: 768px) {
    .mix-printPointsLP .lr-widget-referral-widget .lr-header-text,
    .mix-printPointsLP .lr-description-text,
    .mix-printPointsLP .lr-title-text{ width: 50%; }
}
.mix-printPointsLP .lr-widget-referral-widget .lr-header-text { align-self: self-start; }
.mix-printPointsLP .lr-description-text,
.mix-printPointsLP .lr-title-text { align-self: center; }
.mix-printPointsLP .lr-widget-referral-widget .lr-referral-widget-form { width: 100%; }
.mix-printPointsLP .lr-friends-emails-view .lr-referral-widget-form { border-bottom: 1px solid #333; padding-bottom: 80px; }
/*FINAL VIEW - hide title text to allow for description 50/50 grid*/
.mix-printPointsLP .lr-title-text { display: none; }
.mix-printPointsLP .lr-final-view .lr-title-text {
    display: block;
    width: 100% !important;
    text-align: left;
}
.mix-printPointsLP .lr-final-view .lr-header-text { width: 100% !important; }
/*Share Icon overwrites*/
.lr-widget-referral-widget .lr-share-buttons-container { margin-top: 28px !important; }
.mix-printPointsLP .lr-widget-referral-widget .lr-share-buttons-container {
      margin: 80px 0 0 0 !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
}
.lr-widget-referral-widget .lr-share-buttons-container.lr-is-mobile { margin-top: 0 !important; }
.mix-printPointsLP ul.lr-share-buttons-container:before {
    content: 'OR SHARE A LINK:';
    position: absolute;
    margin-top: -35px;
    font-family: var(--f-SANS-COND);
}
@media (min-width: 768px) {
    .mix-printPointsLP ul.lr-share-buttons-container:before {
        top: 0;
        left: 0;
      }
}
.mix-printPointsLP svg.lr-share-button-icon {
    height: 50px !important;
    width: 50px !important;
    color: #333;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-share-buttons-container li,
.mix-printPointsLP .lr-widget-referral-widget .lr-share-buttons-container li:first-child,
.mix-printPointsLP .lr-widget-referral-widget .lr-share-buttons-container li:last-child {
    margin-left: 0 !important;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-share-buttons-container li {
    margin-right: 15px !important;
}
.mix-printPointsLP .lr-widget-referral-widget .lr-is-mobile textarea.lr-main-share-body-textarea {
    font-size: 17px;
    color: var(--c-BLACK)!important;
    max-height: 50px;
    border-radius: 50px;
    border: 2px solid var(--c-BLACK)!important;
    background-color: transparent!important;
}
/*************************************
    REFERRAL SECTION IN ACCOUNT
*************************************/
.mix-printPointsAccount .lr-widget-referral-widget .lr-tile-wrapper {
    max-width: inherit;
    text-align: left;
}
.mix-printPointsAccount .lr-widget-referral-widget .lr-background.lr-center-background { 
    height: auto !important; 
    padding-top: 0px;
}
.mix-printPointsAccount .lr-widget-referral-widget .lr-header-text {
    padding-bottom: 0px;
    font-family: var(--f-SANS) !important;
    font-size: 36px !important;
}
.mix-printPointsAccount .lr-widget-referral-widget .lr-share-button-txt { font-size: 0; }
.mix-printPointsAccount .lr-widget-referral-widget .lr-share-buttons-container { justify-content: flex-start; }
.mix-printPointsAccount .lr-widget-referral-widget .lr-share-buttons-container li { margin-right: 20px !important; }
.mix-printPointsAccount .lr-share-button-icons svg {
    height: 50px;
    width: 50px;
    color: var(--c-BRAND);
}
.mix-printPointsAccount .lr-inputs-container { position: relative; }
.mix-printPointsAccount button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    border: none !important;
}
.mix-printPointsAccount button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type .yopto-widget-button-text { font-size: 0 !important; }
.mix-printPointsAccount button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type:before {
    content: '\f3d6';
    font-family: icomoon;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    display: block;
    margin-right: 16px;
    margin-top: 12px;
    color: #007ac9;
    border: 1px solid #007ac9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}
.mix-printPointsAccount .lr-input-container.lr-email-container input,
.mix-printPointsAccount .lr-widget-referral-widget textarea.lr-main-share-body-textarea {
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
    border-radius: 8px;
    font-family: var(--f-SANS) !important;
    color: var(--c-BLACK) !important;
    font-size: 14px !important;
}
.mix-printPointsAccount .lr-widget-referral-widget textarea.lr-main-share-body-textarea { padding-right: 80px; }
.mix-printPointsAccount .lr-input-container.lr-email-container input:focus,
.mix-printPointsAccount .lr-widget-referral-widget textarea.lr-main-share-body-textarea:focus {
    border: none !important;
    border-bottom: 3px solid #007ac9 !important;
    box-shadow: none !important;
}
.mix-printPointsAccount .lr-widget-referral-widget .lr-input-container .lr-input-example { margin-top: 10px; }
.mix-printPointsAccount .lr-widget-referral-widget .lr-referral-widget-error-message {
    margin-top: 10px !important;
    font-size: 14px !important;
}
.mix-printPointsAccount .lr-widget-referral-widget .lr-input-container .lr-input-label { color: #999 !important; }
.mix-printPointsAccount .lr-share-buttons-container:before {
    content: 'OR SHARE A LINK:';
    display: block;
    width: 100%;
    font-family: var(--f-SANS);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #333;
}
.mix-printPointsAccount .lr-share-buttons-container:not(.lr-is-mobile):before { margin-bottom: 10px; }
.mix-printPointsAccount .lr-share-buttons-container.lr-is-mobile:before {
    text-align: center;
    margin-top: 20px;
}
.mix-printPointsAccount .lr-tile-box.lr-friends-emails-view,
.mix-printPointsAccount .lr-widget-referral-widget .lr-tile-box.lr-final-view { width: 100%; }
.mix-printPointsAccount .lr-widget-referral-widget .lr-action-button-widget.lr-is-mobile { margin: 0 auto }
.mix-printPointsAccount .lr-action-button-widget.lr-go-back-button { display: none !important; }
@media screen and (min-width: 768px) {
    .mix-printPointsAccount .lr-widget-referral-widget .lr-header-text { font-size: 36px !important; }

    .mix-printPointsAccount .lr-tile-box.lr-friends-emails-view,
    .mix-printPointsAccount .lr-widget-referral-widget .lr-tile-box.lr-final-view { padding: 0 20px; }

    .mix-printPointsAccount .lr-input-container.lr-email-container input,
    .mix-printPointsAccount .lr-widget-referral-widget textarea.lr-main-share-body-textarea { font-size: 20px !important; }

    .mix-printPointsAccount .lr-widget-referral-widget .lr-action-button-widget.lr-friends-share-button { margin: 0 !important; }
}
@media screen and (max-width: 375px) {

    .mix-printPointsAccount button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type {
        bottom: 0;
        margin: 0;
    }

}
.mix-printPointsAccount .lr-widget-referral-widget .lr-input-container .lr-input-example,
.mix-printPointsAccount .lr-widget-referral-widget .lr-referral-widget-error-message { 
    position: relative !important; 
    display: none;
}
.mix-printPointsAccount .lr-widget-referral-widget .lr-is-mobile .lr-action-button-widget.lr-customer-share-button,
.mix-printPointsAccount .lr-widget-referral-widget .lr-is-mobile .lr-action-button-widget.lr-friends-share-button { margin-top: 0px !important; }
.mix-printPointsAccount .lr-screen-final .lr-action-button-widget.lr-go-back-button { display: block !important; }
.mix-printPointsAccount .lr-screen-final button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type:before { content: none; }
.mix-printPointsAccount .lr-screen-final button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type {
    position: static !important;
    width: auto;
    height: auto;
    border-radius: 25px!important;
    background: #333 !important;
    border: none;
    min-width: 200px;
    padding: 10px;
    text-align: center;
    color: white !important;
}
.mix-printPointsAccount .lr-screen-final button.lr-button-style.lr-button-standard-size.lr-rectangular-btn-type .yopto-widget-button-text {
    font-family: 'din-condensed','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    letter-spacing: 0;
    font-size: 18px !important;
}
/********************************************
    REDEEM POINTS (READ-ONLY) section
*********************************************/
.lr-widget-visual-redemption-widget .lr-headline {
    font-family: var(--f-SANS-COND) !important;
    color: var(--c-WHITE);
}
.lr-widget-visual-redemption-widget .lr-background {
    background-image: url("https://spdc-assets.imgix.net/images/pp-texture-bg-gray.png");
    min-height: 550px !important;
    padding: 0 20px;
    background-repeat: repeat !important;
    background-size: inherit !important;
    background-position: 0 !important;
    background-color: #333333 !important;
}
@media (min-width: 768px) {
    .lr-widget-visual-redemption-widget .lr-background { padding: 0 50px; }
}
/*section subhead*/
.lr-widget-visual-redemption-widget:before {
    content: 'REDEEMING POINTS IS QUICK AND EASY';
    position: absolute;
    left: 0;
    right: 0;
    font-family: var(--f-SANS-COND);
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 1.5px;
    color: #fff;
    text-align: left;
    margin: 40px 20px 0 20px;
    border-top: 2px solid #fff;
}
.lr-widget-visual-redemption-widget .lr-tile-wrapper {
    max-width: 1024px !important;
    padding: 40px 0 !important;
    margin: 0 auto;
}
.lr-widget-visual-redemption-widget .lr-info {
    width: 100% !important;
    margin: 0 !important;
}
.lr-widget-visual-redemption-widget .lr-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lr-widget-visual-redemption-widget .lr-align-text { text-align: left !important; }
.lr-widget-visual-redemption-widget .lr-tile-box {
    align-items: flex-start !important;
    padding: 60px 0 40px !important;
}
.lr-tile-box { align-items: flex-start !important; }
.lr-widget-visual-redemption-widget .lr-rule { display: none !important; }
.lr-widget-visual-redemption-widget .lr-description {
    margin-bottom: 40px !important;
    color: var(--c-WHITE);
    font: 22px/30px var(--f-SANS);
    font-weight: lighter;
    font-style: normal;
    letter-spacing: 0.03em;
}
.lr-widget-visual-redemption-widget .lr-tile::before {
    content: '';
    background-image: url("https://spdc-assets.imgix.net/images/pp-cart-appy-points.gif");
    background-size: contain;
    min-height: 300px;
    min-width: 300px;
    border-radius: 50%;
    position: relative;
    top: 40px;
    background-position: center;
}
.is-mobile .lr-widget-visual-redemption-widget .lr-tile::after {
    min-height: 310px;
    min-width: 310px;
}
.lr-widget-visual-redemption-widget .redemption_videoWrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}
.lr-widget-visual-redemption-widget .redemption_videoWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media (min-width: 768px) {
    .lr-info {
        width: 65% !important;
        margin-left: 0 !important;
    }
}
@media screen and (min-width: 1024px) {
    .lr-widget-visual-redemption-widget:before {  margin: 40px 50px 0 50px; }

    .lr-widget-visual-redemption-widget .lr-tile-wrapper { padding: 120px 0 80px !important; }

    .lr-widget-visual-redemption-widget .lr-tile { flex-direction: row; }

    .lr-widget-visual-redemption-widget .lr-tile-box {
        padding: 0 40px 0 0 !important;
    }
    .lr-widget-visual-redemption-widget .lr-tile::after {
        min-height: 400px;
        min-width: 400px;
    }
    .lr-widget-visual-redemption-widget .lr-tile::before { content: none; }
    .lr-widget-visual-redemption-widget .lr-tile::after {
        content: '';
        background-image: url("https://spdc-assets.imgix.net/images/pp-cart-appy-points.gif");
        background-size: contain;
        min-height: 400px;
        min-width: 400px;
        border-radius: 50%;
        position: relative;
        background-position: center;
    }

}
/* Print Points Account Page Modules  */
.mix-printPointsAccount .lr-vip-tiers-container {
    display: none;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-vip-tiers-progress-bar-wrapper {
    display: flex;
    background-color: transparent !important;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-vip-tiers-headline { display: none; }
.mix-printPointsAccount .lr-vip-tiers-widget .lr-vip-tiers-list { padding: 0 40px; }
.mix-printPointsAccount .lr-vip-tiers-widget .lr-vip-tiers-progress-bar-summary {
    padding: 40px;
    background: var(--c-OFFWHITE);
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-progress-bar-container {
    padding: 40px;
    background: #000;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-progress-bar-outer {
    background-color: transparent !important;
    border: 1px solid white !important;
    min-height: 35px;
    border-radius: 25px;
    overflow: hidden;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-progress-bar-inner {
    background-color: white !important;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-progress-bar-bottom > * {
    color: white !important;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-progress-bar-container * {
    font-family: var(--f-SANS-COND) !important;
    color: white !important;
    font-size: 18px !important;
}
.mix-printPointsAccount .lr-vip-tiers-widget .lr-progress-bar-indicator {
    border-radius: 0;
    width: 1px;
    border-color: transparent !important;
    background-color: white !important;
}
.mix-printPointsAccount .lr-vip-tiers-progress-bar-tier-status { display: none; }
.mix-printPointsAccount .lr-vip-tiers-progress-bar-summary-current span.lr-templated-variable {
    font: 30px/30px var(--f-SLAB) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}
.mix-printPointsAccount.mix-ppTierCyan .lr-vip-tiers-widget .lr-progress-bar-inner { background-color: var(--c-TIER-CYAN) !important; }
.mix-printPointsAccount.mix-ppTierMagenta .lr-vip-tiers-widget .lr-progress-bar-inner { background-color: var(--c-TIER-MAGENTA) !important; }
.mix-printPointsAccount.mix-ppTierYellow .lr-vip-tiers-widget .lr-progress-bar-inner { background-color: var(--c-TIER-YELLOW) !important; }
.mix-printPointsAccount.mix-ppTierBlack .lr-vip-tiers-widget .lr-progress-bar-inner { background-color: var(--c-TIER-BLACK) !important; }
.navPPColor_cyan .userAccount-aside-nav-item_printPoints a::before { background-color: var(--c-TIER-CYAN) !important; }
.navPPColor_magenta .userAccount-aside-nav-item_printPoints a::before { background-color: var(--c-TIER-MAGENTA) !important; }
.navPPColor_yellow .userAccount-aside-nav-item_printPoints a::before { background-color: var(--c-TIER-YELLOW) !important; }
.navPPColor_black .userAccount-aside-nav-item_printPoints a::before {
    background-color: var(--c-TIER-BLACK) !important;
    color: var(--c-WHITE) !important;
}
.navPPColor_cyan .gHeader-main-account-avatar-image { border: 2px solid var(--c-TIER-CYAN) !important; }
.navPPColor_magenta .gHeader-main-account-avatar-image { border: 2px solid var(--c-TIER-MAGENTA) !important; }
.navPPColor_yellow .gHeader-main-account-avatar-image { border: 2px solid var(--c-TIER-YELLOW) !important; }
.navPPColor_black .gHeader-main-account-avatar-image { border: 2px solid var(--c-TIER-BLACK) !important; }
.lr-checkout-variable-widget .lr-action-button-widget .lr-button-style {
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    border: 2px solid #007ac9 !important;
    transition: all .2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
    padding: 10px !important;
    height: 44px;
    border-radius: 0 !important;
    cursor: pointer;
}
.lr-widget-referral-widget .lr-referral-widget-form { margin-top: 20px !important; }
.lr-checkout-variable-widget .lr-apply-redemption-button .lr-button-style { background: none !important; }
.lr-checkout-variable-widget { margin: 0 !important; }
.lr-redeem-container * {
    font-family: 'din-2014' !important;
    font-weight: 300 !important;
    letter-spacing: 0.05em;
}
.lr-point-balance-text { margin: 0 !important; }
.lr-point-balance-text {
    font-family: 'din-condensed' !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px !important;
    font-weight: 300 !important;
}
.lr-checkout-variable-widget .lr-slider {  margin: 26px 15px 0 15px; }
.vue-slider-marks .vue-slider-mark:last-of-type .vue-slider-mark-label {
    text-align: right;
    padding-right: 15px;
}
.lr-redeem-summary-container {
    background: red;
}
.lr-redeem-summary-container {
    background-color: #f1f1f1 !important;
}
.lr-checkout-variable-widget .lr-action-button-widget .lr-button-style .lr-action-button-text {
    font: 14px/15px din-2014,'Helvetica Neue',Helvetica,Arial,sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .28em !important;
    background-color: transparent !important;
    color: #007ac9;
    text-align: right !important;
    display: inline-block;
    width: 100%;
    font-weight: 500 !important;
}
.lr-checkout-variable-widget .lr-redeem-summary-container, .lr-checkout-variable-widget .lr-redemption-option-error {
    margin-right: -14px;
}
.lr-checkout-variable-widget .lr-action-button-widget .lr-button-style:hover {
    background-color: #007ac9 !important;
    color: white !important;
}
.lr-checkout-variable-widget .lr-action-button-widget .lr-button-style:hover .lr-action-button-text {
    color: white !important;
}
/* Print Points Referral Code Modal Module  */
.lr-widget-referred-friend .lr-container-wrapper {
    border-radius: 0 !important;
    padding: 20px !important;
}
@media screen and (min-width: 768px) {
    .lr-widget-referred-friend .lr-image-background { width: 40% !important; }

    .lr-widget-referred-friend .lr-text-container {
        width: 55% !important;
        margin-right: 5% !important;
    }
    .lr-widget-referred-friend .lr-container-wrapper { padding: 60px !important; }

}
.lr-widget-referred-friend .lr-close-button {
    top: 10px !important;
    right: 10px !important;
    color: #007ac9 !important;
}
.lr-widget-referred-friend .lr-text-container .lr-title-text {
    font-family: 'linotype-didot' !important;
    font-size: 35px !important;
}
.lr-widget-referred-friend .lr-text-container .lr-description-text {
    color: #000;
    font-family: var(--f-SANS) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 28px !important;
    letter-spacing: 0.16px !important;
    margin-bottom: 30px;
}
.lr-widget-referred-friend .lr-start-button .lr-button-style {
    background-color: #007ac9 !important;
    border: 1px solid #007ac9;
    font-family: 'din-2014' !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    width: auto !important;
    padding: 12px 60px;
    display: flex;
}
span.yopto-widget-button-text.lr-pointer-cursor {
    font-family: 'din-2014' !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.lr-widget-referred-friend .lr-coupon-container {
    border: none !important;
    background-color: #f7f7f7 !important;
    height: 40px !important;
    min-height: auto !important;
    border-radius: 5px !important;
    margin-top: 20px !important;
}
.lr-widget-referred-friend .lr-copy-code-button .lr-copy-code-text { font-family: 'din-2014' !important; }
.lr-widget-referred-friend .lr-copy-code-button {
    display: flex !important;
    flex-direction: row !important;
    align-content: center !important;
    height: 100% !important;
}
.lr-widget-referred-friend .lr-copy-code-button .lr-copy-code-icon { border: 2px solid #007ac9 !important; }
.lr-widget-referred-friend .lr-copy-code-button .lr-copy-code-icon,
.lr-widget-referred-friend .lr-copy-code-button .lr-copy-code-copied {
    max-width: 100% !important;
    max-height: 40px !important;
    height: 26px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 2px 15px !important;
    right: -8px !important;
    border-radius: 5px !important;
}
.lr-widget-referred-friend .lr-copy-code-button .lr-copy-code-icon:after {
    content: 'Copy Code';
    margin-left: 5px;
}
.lr-copy-code-copied-label:before { content: 'Code'; }
.lr-widget-referred-friend .lr-copy-code-button .lr-copy-code-icon:after,
.lr-copy-code-copied-label {
    font-family: 'din-2014';
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #007ac9 !important;
    white-space: nowrap !important;
}
.lr-widget-referred-friend .lr-copy-icon,
.lr-widget-referred-friend-success-icon {
    height: 12px !important;
    width: 12px !important;
    color: #007ac9 !important;
}
.lr-widget-referred-friend .lr-coupon-container:hover { background-color: #E5F1F9 !important; }
.lr-widget-referred-friend .lr-start-button { margin-top: 40px !important; }
.lr-widget-referred-friend .lr-coupon-container .lr-error-message {
    background: #FF3C3A !important;
    position: relative !important;
    top: -9px !important;
    left: -12px !important;
    width: calc(100% + 24px) !important;
    min-height: calc(100% + 6px) !important;
    border-radius: 5px !important;
    padding: 6px !important;
}
.lr-widget-referred-friend .lr-error-message-icon {
    color: #CC0000 !important;
    top: calc(25% + -4px) !important;
    left: 10px !important;
    height: 20px !important;
    width: 20px !important;
}
.lr-widget-referred-friend .lr-error-message-text {
    color: white !important;
    font-family: 'din-2014' !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    padding-left: 10px !important;
    font-size: 16px !important;
}
/* Swell Pop Up Styles */
#swell-bootstrap .modal-header {
    background-color: transparent !important;
}
#swell-bootstrap .modal-header .modal-title {
    font-family: var(--f-SANS-COND) !important;
    color: black !important;
    text-transform: uppercase !important;
}
.button-lr {
    background-color: rgb(51, 51, 51);
    width: 215px;
    height: 50px;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--c-WHITE);
    text-decoration: none;
    font-family: var(--f-SANS-COND);
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px auto 0 auto;
    transition: all .3s;
}
.button-lr:hover {
    opacity: .85;
}
.loyalty_ProgramTiers-module__tierCard__R0Vak:nth-child(1) {
    background-color: #00FFFF !important;
}
.loyalty_ProgramTiers-module__tierCard__R0Vak:nth-child(2) {
    background-color: #FF00FF !important;
}
.loyalty_ProgramTiers-module__tierCard__R0Vak:nth-child(3) {
    background-color: #FFFF00 !important;
}
.loyalty_ProgramTiers-module__tierCard__R0Vak:nth-child(4) {
    background-color: #000 !important;
    color: #fff !important;
}
.loyaltyRewardsPointBalance {
    padding: 40px 0;
    font-family: var(--f-SANS-COND);
    font-weight: 400;
    font-size: 36px;
    text-align: center;
}
.loyaltyRewardsPointBalance-decalaration {
    font-size: 48px;
}
.loyaltyRewardsPointBalance-decalaration-balance {
    display: inline;
}
.my-products-page #categoryProductsPage1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 1;
}
.my-products-page #categoryProductsPage1 > .aProductResult {
    max-width: 45%;
    width: 45%;
    background: #f7f7f7;
    box-sizing: border-box;
    margin: 2.5% 5% 0 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: stretch;
    border-radius: 20px;
    padding: 20px;
}
@media screen and (min-width: 480px) {
    .my-products-page #categoryProductsPage1 > .aProductResult {
        max-width: 28%;
        width: 28%;
    }
}
@media screen and (min-width: 1200px) {
    .my-products-page #categoryProductsPage1 > .aProductResult {
        max-width: 15%;
        width: 15%;
    }
}
.my-products-page .productName a {
    font-family: 'din-2014';
    color: #323232;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
    text-align: center;
}
.my-products-page .productThumb a { text-decoration: none; }
.my-products-page #categoryProductsPage1 > .aProductResult:first-of-type img { display: none; }
.my-products-page #categoryProductsPage1 > .aProductResult:first-of-type .icon-plus {
    font-size: 70px;
    color: #ccc;
}
.my-products-page #categoryProductsPage1 > .aProductResult:first-of-type {
    text-align: center;
    border: 5px dashed #ccc;
}
.createNewPrice {
    font-family: 'linotype-didot';
    font-size: 50px;
    color: #0079c9;
    line-height: 0.45;
}
.createNewPrice > p span {
    font-size: 14px;
    line-height: 12px;
    font-family: 'din-2014';
    color: #323232;
    text-transform: uppercase;
}
.createNewPrice p { margin: 0; }
.my-products-page #categoryProductsPage1 > .aProductResult:first-of-type > .productThumb > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
}
.my-products-page #categoryProductsPage1 > .aProductResult:first-of-type > .productThumb { height: 100%; }
.my-products-page #categoryProductsPage1 > .aProductResult:first-of-type .productName a:first-letter { color: #f7f7f7 !important; }
.my-products-page #categoryProductsPage1 > .aProductResult:nth-child(2) .productName a:first-letter { color: #f7f7f7 !important; }
.my-products-page #categoryProductsPage1 > .aProductResult:nth-child(2) { position: relative; }
.my-products-page #categoryProductsPage1 > .aProductResult:nth-child(2) .demo-tooltip {
    position: absolute;
    top: 20px;
    right: 20px;
}
.my-products-page #categoryProductsPage1 > .aProductResult:nth-child(2) .icon-ion-ios-help-outline { font-size: 0;}
.my-products-page #categoryProductsPage1 > .aProductResult:nth-child(2) .icon-ion-ios-help-outline:before {
    font-size: 20px;
    color: var(--c-BRAND);
}
.helpTopics {
    border-top: 1px solid #cfcfcf;
    margin-top: 40px;
    position: relative;
}
.helpTopics-question {
    position: absolute;
    height: 40px;
    width: 40px;
    background: #007ac9;
    border-radius: 50%;
    top: -20px;
    right: 0;
    color: white;
    font-family: 'din-2014';
    font-size: 25px;
    line-height: 1.5;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    z-index: 2;
    cursor: pointer;
}
.helpTopics-bd {
    position: absolute;
    display: none;
    height: 0;
    overflow: hidden;
}
.helpTopics-bd.isOpen {
    display: block;
    height: auto;
    background: white;
    z-index: 1;
    top: 0;
    right: 0;
    box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
    min-width: 300px;
    padding: 20px;
}
.helpTopics-bd a {
    font-family: 'linotype-didot';
    text-decoration: none;
    color: #666666;
    text-transform: lowercase;
    font-style: italic;
}
.helpTopics-bd a:hover {
    color: #007ac9;
}
.helpTopics-bd .vList li {
    padding: 20px;
    border-top: 1px solid #cfcfcf;
}
.aboutOffering {
    padding: 10px 30px 10px 30px;
    border: 1px solid #cfcfcf;
    border-radius: 25px;
    margin-top: 40px;
    position: relative;
}
.aboutOffering-close {
    position: absolute;
    height: 40px;
    width: 40px;
    background: #007ac9;
    top: -15px;
    left: -15px;
    border-radius: 50%;
}
.aboutOffering-close:after,
.aboutOffering-close:before {
    content: '';
    height: 2px;
    width: 72%;
    display: block;
    background-color: #ffffff;
    position: absolute;
    top: calc(50% - 1px);
    left: 14%;
}
.aboutOffering-close:after { transform: rotate(-45deg); }
.aboutOffering-close:before { transform: rotate(45deg); }
.my-products-page #categoryProductCount {
    position: absolute;
    top: 90px;
    font-family: 'linotype-didot', Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #666666;
}
.my-products-page #categoryProductCount:after { content: ' products saved'; }
.my-products-page #categoryProductsHeader1 { display: none; }
.my-products-product-page {
    font-size: 62.5%;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: var(--f-SANS);
}
/*top breadcrumb*/
.breadcrumb-product {
    /* position: absolute;
    top: 8rem;
    left: 2rem; */
    /* font-family: 'Linotype Didot W01',Georgia,serif; */
    font-family: var(--f-SANS);
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.07rem;
    color: #ccc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 30px;
    /* width: 32rem; */
}
.breadcrumb-product a { text-decoration: none; }
@media screen and (min-width: 420px) { .breadcrumb-product { left: 4rem; }}
.breadcrumb-product a { color: #007ac9;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.breadcrumb-product a:hover { color: #333; }
/*process breadcrumb*/
.process-breadcrumb-wrapper {
    margin-bottom: 15px;
    display: block;
}
.process-breadcrumb-wrapper ul {
    background-color: #f7f7f7;
    list-style-type: none;
    margin: 0;
    padding: 5px 20px;
}
.process-breadcrumb-wrapper ul li { display: inline-block; }
.process-breadcrumb-wrapper ul li p { text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.12em; color: #ccc; }
.process-breadcrumb-wrapper ul li p:after { content: '//'; position: relative; color: #ccc; margin-left: 1rem; margin-right: 1rem; }
@media screen and (min-width: 390px) {.process-breadcrumb-wrapper ul li p:after { margin-left: 1rem; margin-right: 1.5rem; }}
.process-breadcrumb-wrapper ul li:last-child p:after { display: none; }
ul.process-breadbrumb-list li:before { content: ''; position: absolute; display: block; width: 2em; height: 2em; margin-top: 8px; margin-left: -0.7em; color: #ccc; border: 1px solid #cccccc; -khtml-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
ul.process-breadbrumb-list li a { color: #007ac9; text-decoration: none; }
ul.process-breadbrumb-list li.step-1 p:before { content: "1"; margin-right: 15px; }
ul.process-breadbrumb-list li.step-2 p:before { content: "2"; margin-right: 15px; }
ul.process-breadbrumb-list li.step-3 p:before { content: "3"; margin-right: 15px; }
/*current*/
ul.process-breadbrumb-list li.current-step p { color: #007ac9; }
ul.process-breadbrumb-list li.current-step:before { border-color: #007ac9; }
/*complete*/
ul.process-breadbrumb-list li.complete-step p { color: #007ac9; }
ul.process-breadbrumb-list li.complete-step:before { border-color: #007ac9; }
ul.process-breadbrumb-list li.complete-step p:before { content: "\f3fd"; font-family: 'Icomoon'; color: #007ac9; font-size: 3rem; position: relative; left: -1.5px; top: 1rem; line-height: 0; }
/*50 - 50 split*/
.product-dashboard-split-wrapper { display: table; height: 50%; width: 100%; }
.product-dashboard-split-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    /* position: relative; */
}
.product-dashboard-50 { width: 100%; }
@media screen and (min-width: 1024px) { .product-dashboard-50 { width: 50%; float: left; } }
/*calc*/
.calc-wrapper-outter { padding: 20px 40px 40px; }
/* Personalized Dashboard */
#personalize-dashboard {
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
}
/*personalize calc - ONLY*/
iframe#onlineTemplateEditorIframe { position: relative; }
#personalize-dashboard .product-dashboard-50 { width: 100%; }
@media screen and (min-width: 1024px) { #personalize-dashboard .product-dashboard-50 { width: 50%; float: left; } }
#personalize-dashboard #personalize-editor {
    border: 1px solid #e5e5e5;
    margin-top: 20px;
    padding-bottom: 0;
}
#personalize-dashboard .calc-wrapper-outter { padding: 50px 80px 0 80px; }
#personalize-dashboard .grey-filler { display: none; background-color: #F3F3F0;
    position: absolute;
    height: 100%; width: 50%; z-index: 0; }
/* @media screen and (min-width: 1024px) { #personalize-dashboard .grey-filler { display: block; }} */
#personalize-dashboard .productPhotoEdoc { z-index: 1; }
#personalize-dashboard ul.process-breadbrumb-list li.step-1 p:before {
    font-size: 28px;
    top: 8px;
}
/*other personalized styles*/
.demo-my-products-links { font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300;  letter-spacing: 0.2rem; text-transform: uppercase; color: #ccc; width: 100%; text-align: center; padding: 0 1rem 5rem 1rem; }
.demo-my-products-links p.cart-note { font-size: 1.2rem; color: #666; text-transform: none; font-style: italic; letter-spacing: 0.01rem; font-family: 'Linotype Didot W01',Georgia,serif; padding-bottom: 5rem; }
@media screen and (min-width: 1024px) { .demo-my-products-links { width: 50%; }}
.demo-my-products-links a { color: #007ac9; padding: 0 2rem;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.demo-my-products-links a:hover { color: #333; }
.demo-my-products-links span { font-size: 1.8rem; font-weight: 800; position: relative; top: 0.2rem; right: 0.5rem; }
/*calc overwrites */
.my-products-product-page #calculator { padding: 0; }
.my-products-product-page #calculator input { padding: 15px 25px !important; }
.my-products-product-page .generalCalculator > div { display: block; }
.my-products-product-page .optionWrapperOn { width: 100%; padding: 0; /*float: none;*/ }
.my-products-product-page .optionWrapperOn > div, .my-products-product-page .optionWrapperOn > input { margin-bottom: 2rem; }
.my-products-product-page .optionWrapperOn label { 
    color: var(--c-BLACK);
    text-transform: uppercase; 
    letter-spacing: 0.2em; 
    /* font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif;  */
    font-family: var(--f-SANS);
    font-weight: 400;
    display: block;
    width: 100%;
    padding-bottom: 3px;
}
.my-products-product-page #calculator .noEdit, .my-products-product-page #calculator input, .my-products-product-page #calculator select, .my-products-product-page #calculator textarea, .my-products-product-page #calculator input.additionalText {
    /* font-size: 1.3rem !important; */
    /* font-family: 'Linotype Didot W01',Georgia,serif; */
    font-family: var(--f-SANS);
    letter-spacing: 0.03rem;
    font-style: italic;
    color: var(--c-BLACK);
    margin-bottom: 2rem;
}
.my-products-product-page .noEdit { background: #d8d8d8; padding: 1.5rem; }
.my-products-product-page .quoteDetails { background-color: transparent; }
.my-products-product-page textarea { height: 9rem; }
.my-products-product-page input.additionalText { width: 100%; }
/*create new product 50/50 input split*/
.my-products-product-page #ai3448 { width: 100%; float: left !important; background: #f7f7f7; padding: 1rem 1rem 0 1rem; margin-bottom: 1rem; }
.my-products-product-page #ai3449 label { display: none; }
.my-products-product-page input[name="ADDITIONALFIELD2"], .my-products-product-page input[name="ADDITIONALFIELD3"]{ width: 100%; }
.my-products-product-page input[name="ADDITIONALFIELD3"] { margin-left: 0; }
@media screen and (min-width: 420px) { .my-products-product-page #ai3448 input { float: left; } .my-products-product-page input[name="ADDITIONALFIELD2"] { width: 25%; } .my-products-product-page input[name="ADDITIONALFIELD3"] { margin-left: 2%; width: 73%; }}
/*create new products use order specs*/
.my-products-product-page div#ai3446:after { content: 'Print Specifications'; position: relative; float: left; width: 100%; padding: 0 0 1rem 0; font-size: 1em; color: #666; text-transform: uppercase; letter-spacing: 0.2em; font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; }
.my-products-product-page #ai3448 { display: none; }
.my-products-product-page #ai3447 { width: 100%; float: left; border-bottom: 1px solid #ddd; padding-top: 1.5rem !important; }
.my-products-product-page #ai3447 input { width: auto; float: left; -webkit-appearance: checkbox; }
/* .my-products-product-page #ai3447 label { margin-left: 1rem; } */
.my-products-product-page div#ai3450 { padding-top: 1.5rem !important; margin-bottom: 1.5rem; }
.my-products-product-page div#ai3447, .my-products-product-page div#ai3450 { background: #f7f7f7; padding: 0 2rem 1rem 2rem; }
.my-products-product-page div#ai3452 { margin-bottom: 0 !important; }
.my-products-product-page div#ai3451 { display: none; margin-bottom: 0 !important; }
/*price*/
.my-products-product-page table.quote { width: 100%; }
.my-products-product-page table.quote tr.productPrice th,
.my-products-product-page table.quote tr.productPrice td {
    width: 100%;
    float: left;
    padding: 0;
}
.my-products-product-page table.quote tr.productPrice th,
.my-products-product-page table.quote tr.productDiscount th {
    text-align: right;
    font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.my-products-product-page table.quote tr.productPrice td,
.my-products-product-page table.quote tr.productDiscount td {
    color: #007ac9;
    font-size: 18px;
    font-family: 'Linotype Didot W01',Georgia,serif;
    font-weight: 100;
    font-style: italic;
}
.my-products-product-page table.quote tr.productPrice:only-of-type td,
.my-products-product-page table.quote tr.productPrice.discounted td { font-size: 42px; }
.my-products-product-page #jobQuotePrices tr.productPrice.discounted {
    margin-top: 20px;
    padding-top: 10px;
    display: block;
}
.my-products-product-page table.quote tr.productDiscount {
    padding-top: 10px;
    display: block;
}
.my-products-product-page table.quote tr.productDiscount.userDiscount,
.my-products-product-page #jobQuotePrices tr.productPrice.discounted {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: right;
    width: 100%;
}
/*estimate shipping*/
.my-products-product-page .shipping-estimate-link { display: flex; justify-content: flex-end; font-family: var(--f-SANS); font-style: italic; text-transform: lowercase; letter-spacing: 0.01rem; font-size: 1.5em; line-height: 2em; margin-left: 0; }
/*product image*/
.customer-attr-dashboard { position: absolute; bottom: 3rem; right: 3rem; text-transform: uppercase; letter-spacing: 0.1rem; font-size: 0.2em; color: #666; }
@media screen and (min-width: 1000px) { .customer-attr-dashboard{ bottom: 7rem; }}
.my-products-product-page .productPhoto { background-color: #F3F3F0; position: relative; height: 100%; width: 100%; top: 0; }
.my-products-product-page .productPhoto img { max-height: none !important; position: relative; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 2rem; }
@media screen and (min-width: 544px) {.my-products-product-page .productPhoto img { padding: 5rem; }}
@media screen and (min-width: 1024px) {
    .my-products-product-page .productPhoto {
        position: absolute;
        width: 50%;
        /* top: 6rem; */
    }
    .my-products-product-page .productPhoto img { position: absolute; padding: 0; }
}
@media screen and (min-width: 1550px){ .my-products-product-page .productPhoto img { padding: 7rem; } }
@media screen and (min-width: 1700px){ .my-products-product-page .productPhoto img { padding: 10rem; } }
@media screen and (min-width: 2100px){ .my-products-product-page .productPhoto img { padding: 20rem; } }
/*FAQ*/
.faq-wrapper-50 { background-color: #F3F3F0; position: relative; width: 100%; }
.faq-wrapper-50 h3 { 
    font-family: var(--f-SANS);
    padding-bottom: 1rem; 
}
.faq-wrapper-50 ol, .faq-wrapper-50 ul { 
    font-size: 16px; 
    line-height: 24px; 
    font-weight: 100; 
    color:  var(--c-BLACK);
}
.faq-inner { padding: 4rem; }
@media screen and (min-width: 1024px) {
    .faq-wrapper-50 { width: 50%; right: 0; padding: 2rem; display: table; height: 100%; }
    .faq-inner { display: table-cell; vertical-align: middle;}
}
@media screen and (min-width: 1200px) { .faq-wrapper-50 { padding: 2rem; } }
/* @media screen and (min-width: 1800px) { .faq-wrapper-50 { padding: 10rem 13rem; } } */
.faq-inner .accordionHead { font-family: 'PF Din Text W01','Helvetica Neue',Helvetica,Arial,sans-serif; text-transform: uppercase; letter-spacing: 0.2rem; font-size: 1rem; font-weight: 800; padding: 2rem 1.1rem; }
.faq-inner .plus:after, .faq-inner .minus:after { font-size: 1.5rem; bottom: 1.8rem; }
/*--Shipping Estimate Modal -- DASHBOARD ONLY--*/
.my-products-product-page #shipping-estimates .shipping-estimates-inner-holder .shippingCalcInputs div { padding: 0; }
.my-products-product-page #shipping-estimates .shipping-estimates-inner-holder .shippingCalcInputs label { line-height: 4.8em; }
.my-products-product-page #shipping-estimates .shipping-estimates-inner-holder select { margin-bottom: 0; }
/*====== personalize page ======*/
.backLinkGenerated a {font-size: 1.5em; font-weight: 100; color: #666666; text-transform: uppercase; display: block; margin-top: 2em; letter-spacing: .06em; }
.my-products-product-page .product-dashboard-split-inner {
    position: static;
    display: flex;
    flex-direction: column;
}
.my-products-product-page .product-dashboard-split-inner>* {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* justify-content: center; */
    float: none;
    height: auto;
    box-sizing: border-box;
}
.my-products-product-page .productPhoto {
    position: static !important;
    width: 100% !important;
    display: flex
}
.my-products-product-page .productPhoto img {
    position: static;
    box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
    .my-products-product-page .product-dashboard-split-inner {
        flex-direction: row;
    }
    .my-products-product-page .product-dashboard-split-inner>* {
        width: 50%;
    }
}
.my-products-product-page table.quote td {
    text-align: right!important
}
.mix-myProdDesc-lbl {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .2em
}
.dashboard-note {
    font-size: 16px;
    color: var(--c-BLACK);
}
.account-page { font-size: 62.5%; }
/* Accounts Page - Form Styling*/
.profile-password-settings,
.profile-picture-settings,
.profile-payment-settings {
    display: block;
    width: 100%;
    overflow: auto;
    clear: both;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.profile-password-settings > div .formFields td:has(button) { text-align: right; }
.profile-picture-settings { max-width: 100%; }
.profile-password-settings { margin-bottom: 0; }
.profile-picture-settings img { max-width: 120px; }
.profile-password-settings h3:last-of-type {
    color: #333;
    font-family: var(--f-SANS);
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 114.286% */
    letter-spacing: -0.56px;
    margin: 40px 0 5px 0;
}
.passwordUpdate .required { display: none; }
.profile-password-settings input.field { 
    font-size: 1.2em; 
    font-family: var(--f-SANS);
    text-overflow: ellipsis;  
    margin-bottom:0;
}
.profile-password-settings table.formFields th { 
    color:  var(--c-OFFBLACK);
    font-family: var(--f-SANS);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    padding: 0!important;
}
.profile-password-settings table.formFields td { width: 100%; }
/*turning off borders*/
.profile-password-settings table.formFields tr:nth-child(5) td input { border: 0 !important; width: 20px; float: left; }
.profile-password-settings table.formFields tr.required td input:hover { border-color: #007ac9!important; box-shadow: none !important; }
.profile-password-settings table.formFields tr td input:focus { outline: none; }
.profile-password-settings table.formFields tr td input { 
    border-top-color: var(--c-WHITE) !important; 
    border-left-color: var(--c-WHITE) !important; 
    border-right-color: var(--c-WHITE) !important; 
    border-bottom-color: var(--c-WHITE) !important; 
    margin-bottom: 0; 
    box-shadow: none; 
    padding: 0px;
    color: var(--c-BLACK);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--f-SANS);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 100% */
}
.profile-password-settings table.formFields tr td input:not([type="checkbox"]) { width: 100%; }
.profile-password-settings select { border-color: #ddd!important; width: 100%!important; background-color: #fff!important; box-shadow: none; font-size: 1.2em; }
.profile-password-settings select {font-family: Georgia, serif; font-style: italic; text-overflow: ellipsis; letter-spacing: 0.1em; }
.profile-password-settings select:hover { box-shadow: none!important; border-color: #007ac9 !important; cursor: pointer; }
.profile-password-settings table.formFields tr:hover input { color: #007ac9!important; border-color: #007ac9!important; color: #007ac9!important; box-shadow: none !important; }
.profile-password-settings table.formFields tr select:hover { border-color: #007ac9 !important; box-shadow: none !important; }
.profile-password-settings table.passwordUpdate button { margin-top: 25px; }
.profile-password-settings table.passwordUpdate tr:last-child:hover { background-color: transparent!important; }
.account-page .hdg_5 {
    color: #333;
    font-family: var(--f-SANS);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.72px;
}
.account-page table.formFields td { padding: 5px 0 0 0; }
.account-page table.formFields tbody,  .account-page table.formFields td, .account-page table.formFields tfoot, .account-page table.formFields th, .account-page table.formFields tr {
    display: block;
    float: left;
    width: calc(100% - 17px);
}
.account-page .formFields tbody tr  {
    border: 1px solid #999;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 5px;
    margin-top: 8px;
}
.account-page .formFields tbody tr:has(button) {
    border: none;
    padding: 0;
    margin-bottom: 0;
}
.account-page .formFields button[name="updatePB"] {
    border-radius: 24px !important;
    width: auto;
    text-align: center;
    font-family: var(--f-SANS);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    width: 100%;
}
.account-page .formFields:has(button), 
.account-page .formFields tbody:has(button), 
.account-page .formFields tbody tr:has(button),
.account-page .formFields tbody tr td:has(button) { width: 100%; }
.account-page .formFields button,
.account-page button.globalForm-btn {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--f-SANS);
    padding: 1em 2em 1em 2em;
    margin: 0;
    font-size: 1.2em;
    line-height: 18px;
    letter-spacing: 1.68px;
    height: auto;
    min-height: 4em;
    background-color: #007ac9!important;
    color: #fff;
    border: 2px solid #007ac9;
    outline: 0!important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -khtml-border-radius: var(--radius-xlarge)!important;
    -moz-border-radius: var(--radius-xlarge)!important;
    -webkit-border-radius: var(--radius-xlarge)!important;
    border-radius: var(--radius-xlarge)!important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.account-page .formFields button:hover,
.account-page button.globalForm-btn:hover {
    color: #007ac9;
    background-color: transparent!important;
    border: 2px solid #007ac9;
    outline: 0!important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.account-page .formFields tr.required th {
    color:  #666 !important;
    font-family: var(--f-SANS);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}
.account-page .formFields button:active,
.account-page button.globalForm-btn:active {
    outline: 0!important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.account-page .formFields button:visited,
.account-page button.globalForm-btn:visited {
    outline: 0!important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.account-page .accountBox-bd .globalForm h2 {
    font-family: 'din-2014';
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.03em;
    color: #656665;
}
@media (min-width: 1024px) {
    .accountBox-bd .globalForm { margin-top: 12px; }
}
@media (min-width: 1400px) {
    .account-page .formFields button[name="updatePB"] {
        display: inline;
        width: auto;
    }
    .mix-paymentMethodsFoot_cancel {
        display: inline;
        width: auto;
    }
    .mix-paymentMethodsFoot_save {
        display: inline;
        width: auto;
    }
}
.account-settings {
    display: flex; 
    flex-direction: column;
}
.account-settings__column { width: 100%; }
@media (min-width: 1024px) {
    .account-settings { flex-direction: row; }
    .account-settings__column { width: 50%; }
    .account-settings__column:last-child { margin-left: 40px; }
}
/* --------------------------------------------------------------
Orders
----------------------------------------------------------------*/
.orders-page {
    font-size: 62.5%;
    font-family: Helvetica,Arial,sans-serif;
}
.orders-page h3 {
    font-family: 'Didot', Georgia, 'Times New Roman', Times, serif;
    font-size: 2.4em;
    line-height: 1.25em;
    margin: 0.25em 0 0.25em 0;
    font-weight: 100;
}
/* Order page save modal top adjustment for sticket header */
.orders-page #savePanel {
    top: 70px !important;
    position: fixed;
    max-height: 80vh;
    overflow-x: hidden;
}
@media screen and (max-width: 480px) {
    .orders-page #savePanel {
        overflow: scroll;
        height: 100%;
        max-height: 600px;
    }
}
.orders-page #templatePreviewContainer .edocPagingControls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-family: 'din-2014' !important;
    font-weight: 400 !important;
    font-size: 12px;
    margin: 40px 0;
}
.orders-page #templatePreviewContainer .edocPagingControls .prev-next { width: 25%; }
.orders-page #savePanelButtons > .save,
.orders-page #savePanelButtons > .edit {
    width: 48%;
    display: inline-block;
}
.orders-page #savePanelButtons > .save { margin-right: 2%; }
.orders-page #largePreviewImageContainer img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.orders-page #largePreviewImageContainer { border: none; }
.orders-page .agreeToTerms input { display: inline-block; }
.orders-page .agreeToTerms label { font-size: 14px; }
/* Hiding 'Additional Comments' label and textarea of approval modal */
.orders-page .agreeToTerms + label,
.orders-page .agreeToTerms ~ div > textarea {
    display: none;
}
/*notifications - side bar*/
.dashboard-sidebar .total-notification-count:empty { background: transparent; }
.dashboard-sidebar .total-notification-count { background: #CC0000; position: absolute !important; font-weight: 400!important; font-size: .8em !important; border-radius: 100%; text-align: center; width: 1.7rem; height: 1.7rem !important; color: #fff !important; line-height: 1.7em!important; right: 5rem; left: auto; top: 1.3rem !important; }
.dashboard-sidebar .total-notification-count span.ng-binding { color: #fff; position: absolute; top: 0.2rem; }
/*notifications on page - dropdown quick view*/
/*open-close button*/
p.quick-view.open:after, p.quick-view.close:after { position: absolute; right: 0; top: 0.8rem; font-size: 1.6rem; border-left: 2px solid #ccc; padding: 0 1rem; }
p.quick-view.open:after { content: "\f3d0"; font-family: 'Icomoon';}
p.quick-view.close:after { content: "\f2d7"; font-family: 'Icomoon'; }
.notifications-quick-view-wrapper { position: relative; width: 100%; margin-bottom: 1.5rem; }
.notifications-quick-view-wrapper span.icon-ion-android-notifications-none { position: relative; font-size: 2rem; right: 1rem; top: 0.4rem; }
@media (min-width : 700px) {.notifications-quick-view-wrapper { position: absolute; z-index: 1; width: 320px; margin-bottom: 0; } }
/*notficiations counter*/
.notifications-quick-view-wrapper .total-notification-count { background: #CC0000; position: absolute; font-weight: 400!important; font-size: .8em; border-radius: 100%; text-align: center; margin-left: 1.7rem; width: 1.7rem; height: 1.7rem; color: #fff; line-height: 1.7em!important; top: 0.9rem; }
p.quick-view { font-size: 1.2rem; font-weight: 100; text-align: center; letter-spacing: 0.1rem; color: #666; border: 2px solid #ccc; padding: 0.5rem 2rem; text-transform: uppercase; position: relative; z-index: 2; cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
p.quick-view:hover { opacity: 0.8; }
/*inner content*/
.notification-category-header { color: #999; margin: 10px 20px; font-size: .8em; letter-spacing: 1px; color: #999; text-transform: uppercase; }
.notification-category-header::after { content: ')' }
.notification-category-action::before { content:'Need Action (';}
.notification-category-files::before { content:'Need Print Files (';}
.notification-category-review::before { content:'Pending Review (';}
.notifications-quick-view-inner { background: #fff; box-shadow: 1px 3px 5px rgba(0,0,0,0.2); margin-top: -1rem; padding-top: 0.6rem; float: left; width: 100%; margin-bottom: 2rem; max-height: auto; overflow: visible; }
@media (min-width : 700px) {.notifications-quick-view-inner{max-height: 58rem; overflow: scroll;}}
.notificationList { padding: 0; }
.notificationList p {margin: 0 20px; }
.notificationList-item { padding: 0!important; }
/* .notificationList-item:hover { background-color: #f0f6fc; } */
.notificationList-item-wrapper { border-top: 1px solid #eee; }
.notificationList-item div { clear: both; }
.notifications-panel ul li { list-style: none; clear: both; }
.notifications-panel .notification-message { padding-bottom: 10px; margin-top: 10px; font-style: italic; }
.notifications-panel .order-number { margin-top: 15px; font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; letter-spacing: 0.1rem; font-size: 1.5em; line-height: 1em; }
.notifications-panel .item-number { font-size: 1.2em; letter-spacing: 0.1rem; font-family: 'Linotype Didot W01',Georgia,serif; font-style: italic; color: #bbb; font-weight: lighter; }
.notifications-panel .item-name { font-size: 1.5em; letter-spacing: 0.1rem; font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; font-weight: lighter; margin-bottom: 10px; margin-top: 5px; line-height: 1.3em; }
.notifications-panel .item-product { font-size: 1.2em; letter-spacing: 0.1rem; font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: #bbb; font-weight: lighter; padding-bottom: 1rem; }
.notificationList_pendingReview li:last-of-type, .notificationList_needsPrintFiles:last-of-type { border-bottom: 1px solid #eee; }
.review-notification, .dismiss-notification { display: block; float: left; width: 50%; font-size: 1.1em;  letter-spacing: 0.1rem; text-transform: uppercase; font-weight: 500; line-height: 40px; height: 40px; border: 1px solid #ddd; border-right: none; text-align: center; }
.review-notification:hover, .dismiss-notification:hover { background-color: #007ac9; color:#fff; border-color: #007ac9;}
.review-notification:before { font-family: 'Icomoon';  font-size: 1.4em; content:'\f41b'; margin-right: 5px; vertical-align: bottom; }
.dismiss-notification:before { font-family: 'Icomoon';  font-size: 1.4em; content:'\f404'; margin-right: 5px; vertical-align: bottom; }
.notifications-panel-inner .isEmpty, .notification-icon-button .isEmpty { display: none!important; }
.all-caught-up { display: none; color: #ccc; margin: auto; font-size: 1.3em; line-height: 4rem; font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1rem; text-align: center; padding: 3rem 0; }
.all-caught-up span { font-size: 3em; }
.dashboard-sidebar .total-notification-count.isEmpty { display: none !important; }
/*notifications - INLINE*/
.actions-required-wrapper { position: absolute; right: 3px; top: 0; padding-bottom: 0.2rem; }
.actions-required-wrapper > * { width: 100%; }
@media (min-width: 340px) {.actions-required-wrapper { top:37px; }}
.orderitem-needs-action-count, .requires-print-files-count, .pending-review-count { display: none; float: none; padding: 0.3rem 0.5rem; margin: 0.4rem; background: #fff1f0; }
/* @media (min-width: 340px) {.orderitem-needs-action-count, .requires-print-files-count, .pending-review-count { float: left; }} */
.orderitem-needs-action-count span, .requires-print-files-count span, .pending-review-count span { color: #c00; font-weight: 500; float: left; }
.orderitem-needs-action-count span.icon, .requires-print-files-count span.icon, .pending-review-count span.icon { position: relative; top: 0.1rem; font-size: 1.2rem; }
.orderitem-needs-action-count span.text, .requires-print-files-count span.text, .pending-review-count span.text { display: none; }
.orderitem-needs-action-count p, .requires-print-files-count p, .pending-review-count p { width: 100%; display: inline; color: #c00; border-radius: 2px; text-transform: uppercase; font-size: 0.6rem; letter-spacing: 0.2rem; margin: 0; padding: 0.5rem; font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; }
@media (min-width: 1200px) {
    .actions-required-wrapper { right: 14px; }
    /*.orderitem-needs-action-count, .requires-print-files-count, .pending-review-count { float: left; }*/
    .orderitem-needs-action-count span.text, .requires-print-files-count span.text, .pending-review-count span.text {
        display: block;
        position: relative;
        top: 0.3rem;
    }
    .orderitem-needs-action-count p, .requires-print-files-count p, .pending-review-count p { margin: 0 1rem; }
}
/* Order Search */
.c-unified-input .c-unified-input-field { font-family: Georgia, serif; font-style: italic; }
#c-order-search { margin: 7px 0 36px; }
.c-search-summary { display: none; }
.c-search-counts, .c-paging { text-align: center; margin: 15px 0; clear: both; }
.c-unified-input { width: 100%; }
.c-unified-input input { border-radius: 0!important; }
.c-unified-input-button-wrap { position: absolute!important; right: 4px; top: 4px; width: auto!important; }
.c-unified-input-button { font-size: 22px!important; line-height: .5em; min-height: auto; font-weight: 300; font-family: 'Icomoon'; color: #ccc; background: transparent!important; border: 0!important; padding: 5px!important; }
#c-order-search .c-unified-input-button span {
    position: relative;
    top: -7px;
}
/*search button - dropdown*/
.cse input.gsc-search-button, input.gsc-search-button { background-color: transparent; border: 0px; }
/* Responsive */
@media screen and (min-width: 700px) {
    #c-order-search {
        position: relative;
        top: -40px;
        float: right;
        display: block;
        width: 260px;
        clear: right;
    }
    .c-view-all-orders { float: right; }
}
/* Order Structural  */
.c-order-container { display: none; margin-bottom: -1px; position: relative;
    /* overflow: auto; */
    overflow: hidden;
    padding-bottom: 60px;
}
.c-order-container a {
    text-decoration: none;
    color: #007ac9;
}
.c-order-item-container, .c-order-shipment-container, .c-order-payment-container { padding: 10px; }
.collapse-order { min-height: 70px!important; height: 70px; overflow: hidden; display: block; }
.c-order-headline { position: relative; padding: 26px; background-color: #fff; cursor: pointer; }
.c-order-item-job-name { font-size: 2em; font-weight: lighter; margin-top: .5em; margin-bottom: 0.2em; }
.c-order-item-product-name { font-weight: lighter; }
.c-order-details { min-height: 593px; }
/* Order Status Lights */
.c-order-new::before, .c-order-inProcess::before, .c-order-cancelled::before, .c-order-onHold::before, .c-order-shipped::before { transition: width .5s ease-in-out; }
.c-order-new::before { content: ''; display: block; background: #ebebea; width: 10px; height: 100%; position: absolute; top: 0; left: 0; }
.c-order-inProcess::before { content: ''; display: block; background: #5eb95e; width: 10px; height: 100%; position: absolute; top: 0; left: 0; animation: breathe 3s infinite; }
.c-order-cancelled::before, .c-order-shipped::before { content: ''; display: block; background: #777; width: 10px; height: 100%; position: absolute; top: 0; left: 0; }
.c-order-onHold::before { content: ''; display: block; background: #c00; width: 10px; height: 100%; position: absolute; top: 0; left: 0; }
.c-order-headline:hover::before { width: 15px; }
/* Pending Review Indicator */
.c-order-number::before { content:'#'; color: #c00; visibility: hidden; }
.c-order-number::after { content:'Pending your review'; color: #c00; visibility:hidden; }
.pending-review-header { display: none !important; }
/*.pending-review-header { position: absolute; display: block; top: 15px; bottom: 0; right: 150px; padding: 0 5px; height: 21px; width: 21px; line-height: 1.4em; text-align: center; border: 2px solid #c00; border-radius: 100%; color: #c00; font-weight: bold; pointer-events: none; }*/
.c-job-alert .c-icon { width: 31px; margin-top: -5px; }
/* Items Container */
div[id^="itemsDetailDiv"] { max-height: 593px; overflow-y: scroll; overflow-x:hidden; position: relative; }
div[id^="itemsDetailDiv"] .c-order-item-container { padding: 20px; }
div[id^="itemsDetailDiv"]::-webkit-scrollbar{ background:transparent; width:28px; }
div[id^="itemsDetailDiv"]::-webkit-scrollbar-thumb{ background-color:#ccc; border-radius: 28px; border: 10px solid #fff; }
/* Job Reorder Styles */
.c-reorder-job::before { content:'\f3a8'; font-family: 'Icomoon'; margin-right: 5px; }
.c-reorderartwork-option > *,
.c-reorder-artwork-option > * { display: inline-block; }
.c-reorderartwork-option > input,
.c-reorder-artwork-option > input { margin-right: 10px; }
/* Order View Overides */
#c-order-search .c-unified-input-field {
    border-radius: 25px !important;
}
.c-order-container + .c-order-container {
    margin-top: 20px;
}
.c-order-container {
    font-family: 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.085em;
    box-shadow: none;
}
.c-order-item-names-preview {
    font-family: 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin-top: -2px;
    color: #666666;
}
.c-tab-menu > li > a {
    font-size: 12px;
    font-family: 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
}
.c-order-item-job-name {
    font-family: 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #666666;
}
.c-log-entry {
    font-family: 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
}
.c-log-entry blockquote {
    font-size: 14px;
}
.orders-page #c-order-search + h3, .orders-page #orderGridContainer > h3 {
    width: 100%;
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 30px 20px;
    font: 30px/37px 'Didot', Georgia, serif;
    box-sizing: border-box;
}
.c-search-counts {
    font: 11px/14px 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.085em;
    text-transform: uppercase;
    color: #666666;
    margin-top: 30px;
}
.c-order-count { font-family: 'din-2014'; font-weight: ; }
a.c-paging-control {
    color: #666;
    padding: 6px 8px 2px !important;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    min-height: 25px;
    display: inline-block !important;
    border: none !important;
    font: 16px/20px 'din-2014', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
a.c-paging-control.current-page, a.c-paging-control:hover {
    background-color: #F7F7F7 !important;
}
a.c-paging-control + a.c-paging-control {
    margin-left: 10px;
}
/* Carried over from inline style block on template */
.collapse-order {
    min-height: 80px!important;
    height: 80px;
}
.c-order-headline {
    padding: 0 0 0 41px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 81px;
}
.pending-review-header {
    top: 20px;
}
.c-order-number {
    float: none;
    display: flex;
    flex-direction: column;
    width: auto;
    color: #007ac9;
}
.c-order-number::before,
.c-order-number::after {
    display: none;
}
.c-order-number .c-order-level-info {
    display: block;
    position: absolute;
    text-align: center;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0 20px;
    padding: 0;
    color: #666;
    overflow-wrap: normal !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    cursor: pointer;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.c-order-shipped > .c-order-number > h3,
.c-order-project-name {
    margin: 0;
    font: 12px / 20px var(--f-SANS);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--c-OFFBLACK);
}
.c-order-shipped > .c-order-number > h3:not(:empty)::before,
.c-order-project-name:not(:empty):before {
    content: 'Quote Name:';
    margin-right: 5px;
    font-weight: 400;
}
.c-order-item-names-preview {
    display: inline-block;
    width: calc(100% - 500px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c-order-level-info-holster {
    padding-right: 20px;
    width: 150px;

    position: absolute;
    top: 17px;
    right: 6px;
}
@media screen and (max-width: 1200px) {
	.c-order-item-names-preview { clear: left; width: calc(100% - 420px); }
}
@media screen and (max-width: 700px) {
	.c-order-item-names-preview { clear: left; width: calc(100% - 370px); }
}
@media screen and (max-width: 600px) {
    .c-order-headline { padding: 0 0 0 41px; }
    .c-order-item-names-preview { clear: left; width: calc(100% - 190px); }
    .c-order-level-info-holster { padding-right: 0; white-space: normal; }
}
@media screen and (max-width: 368px) {
    .c-order-item-names-preview { width: calc(100% - 70px); }
}
/* Messages */
.c-activity-list { height: 475px; overflow-y:scroll; position: relative; }
.c-activity-list::-webkit-scrollbar { background:transparent; width:10px; }
.c-activity-list::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 9px; border: 1px solid #fff; }
.c-subject { margin-bottom: 3rem; }
.c-log-entry { text-align: center; border-bottom: 0; padding: 15px 0; }
.c-log-entry .c-icon { display: none; }
.c-post-log-comment { display: inline-block; width: 100%; position: relative; padding: 0; margin-top: 2px; margin-bottom: 0px!important; }
.c-post-log-comment textarea { max-width: none; padding-right: 80px; float: left; width: 100%; border-radius: 0; border-right: 1px solid #ddd; font-size: 1.6em; font-weight: 100; font-family: helvetica; -webkit-appearance: none; }
.c-post-log-comment textarea:focus { max-width: none; padding-right: 80px; width: 100%%; border-radius: 0; border-right: 1px solid #ddd; font-size: 1.6em; font-weight: 100; font-family: helvetica; }
.c-post-log-comment button { font-family: 'Icomoon'; font-size: 0 !important; line-height: 1.2em;  position: absolute;  bottom: 0; top: 0; bottom: 0; right: 0; margin: auto 10px; padding: 0; width: 50px; height: 50px; min-height: 50px;  border-radius: 100%!important; color: #007ac9; border-color: transparent; background-color: transparent!important; }
.c-post-log-comment button::before { content:'\f473'; width: 93%; font-size: 32px; display: block; text-align: center; position: absolute; }
.c-post-log-comment button::after { content:''; height:100%; display: block; position: absolute; top:0; left: -10px; border-left: 1px solid #ddd; }
.c-post-log-comment button:hover { background-color: #007ac9!important; border-color: transparent; color: #fff; }
.c-order-item-container p  { font-size: inherit; line-height: 1.4em; }
.c-order-item-container blockquote { margin: 5px auto;background-color: #fff; max-width: 600px; padding: 3px 30px 0 0; font-size: 1.6em; font-family: helvetica; font-weight: 100; line-height: 1.4em; text-align: left; border: 1px solid #ddd; border-radius: 10px; padding: 1em; position: relative; box-shadow: 0px 0px 10px #efefef; }
.c-order-item-container blockquote::after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; top: -15px; left: 50%; }
.c-order-item-container blockquote::before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #ddd transparent; display: block; width: 0; z-index: 0; top: -16px; left: 50%; }
/* File line items */
.c-files-tab { width: auto!important;}
.c-files-tab-row { border-bottom: 1px solid #ddd; position: relative; cursor: pointer; }
a.c-files-tab { width: 120px; font-size: 1.5em; border: none; border-bottom: none; background: transparent; font-weight: lighter; text-align: left; vertical-align: middle; }
.c-file-note-space { display: none; }
/* Plus sign after accordion ( comenting per issue with JS on page ) */
.c-files { position: relative;}
.c-files-holster::after { content: '\f2f4'; font-family: 'Icomoon'; position: absolute; padding: 5px; background: #fff; right: 10px; top: 6px; font-size: 18px; pointer-events: none; color: #666; }
.c-job-alert::after { content: '\f2c7'; font-family: 'Icomoon'; position: absolute; right: 13px; top: 10px; font-size: 18px; color: #666; }
.c-job-alert { display: table-cell!important; }
.c-icon { width: 20px; height: 20px; }
.c-file-info { padding: 9px 2%; }
/*Proof Controls */
.c-proof-controls button .c-icon { display: none; }
.c-decline-button { background-color: #d2e3f2!important; border-color: #d2e3f2; color: #007ac9; }
.orders-page #cboxClose {
    background-color: #fff!important;
    top: 20px!important;
    right: 20px!important;
}
.orders-page #colorbox { position: fixed !important; }
/* .orders-page #cboxContent { border-radius: 8px;} */
/* Upload Drop Target */
.c-upload-drop-target { padding: 2.3rem 2rem 2rem 7rem; margin: 1em; font-size: 1.3em; letter-spacing: 0.05em; font-style: normal; text-align: left; font-weight: 100; background-color: #f7f7f7; color: #007ac9; -webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease;  -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.c-upload-drop-target.dragover, .c-upload-drop-target:hover { background-color: #e2e2e2; opacity: 0.5; }
.c-icon.c-document-add { display: none; }
.c-upload-drop-target::before { content: "\f2c7";  font-family: 'Icomoon'; display: block; position: absolute; top: 50%; left: 2em; margin-top: -1em; font-size: 1em; font-weight: 400; width: 2em; height: 2em; line-height: 2em; text-align: center; color: #007ac9; border: 1px solid #007ac9; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition: background-color 200ms ease-in 100ms; }
.upload-page-files .c-upload-drop-target { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  border: 1px dotted #007ac9 !important; }
.orders-page #colorbox { top: 0 !important; }
/* Responsive */
@media screen and (min-width: 800px) {
    li[id^="messagesTab"] { display: none!important; }
    div[id^="itemsDetailDiv"], div[id^="shipmentDetailDiv"], div[id^="paymentDetailDiv"], div[id^="messagesDetailDiv"]{ width: 50%; }
    div[id^="itemsDetailDiv"], div[id^="shipmentDetailDiv"], div[id^="paymentDetailDiv"]{ float:left; }
    div[id^="messagesDetailDiv"] { display: inline-block!important; border-left: 1px solid #ddd; position: absolute; right:0; }
}
@media screen and (max-width: 600px) {
    .c-order-level-info-holster { position: absolute; right: 25px; top: 20px; width: 80px; }
    .pending-review-header { right: 95px; }
    .c-order-headline, .c-tab-menu { min-width: auto; }
    .c-order-headline span {white-space: normal;}
}
@media screen and (max-width: 368px) {
    .c-ordered-on { display: none!important; }
    .pending-review-header { right: 25px!important; }
    .c-tab-menu>li>a { padding: 10px 8px; }
    .c-job-alert span { display: none!important; }
}
table.c-key-value-display { margin: 0 auto; }
table.c-key-value-display tr td, table.c-key-value-display tr th { width: 50%; padding: 1rem 0 1rem 1rem; background-color: #fff; letter-spacing: 0.07em; background-image: none; vertical-align: middle; text-align: left; border-top: 1px solid #e6e8ec; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
table.c-key-value-display tr th { padding: 1rem 1rem 1rem 0; text-align: right; text-transform: uppercase; background-color: #fff; font-weight: 400; letter-spacing: 0.1em; border-right: 1px solid #e6e8ec;}
table.c-key-value-display tr:hover td, table.c-key-value-display tr:hover th { background-color: rgba(210, 227, 254, 0.3); }
/* Reorder Modal - Legacy Layout Fixes */
.orders-page #savePanel {
    padding: 21px 30px 30px;
    border: 0;
    color: var(--c-BLACK);
}
.orders-page #savePanelContent .c-reorder-header {
    margin: 0;
    font-family: var(--f-SANS) !important;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.64px;
}
.orders-page #savePanelContent > .c-reorder-header {
    font-size: 32px !important;
    padding-right: 45px;
}
.orders-page #savePanel p,
.orders-page #savePanel label {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
}
.orders-page #savePanelButtons {
    padding: 0;
    display: flex;
}
.orders-page #savePanelButtons .cancel,
.orders-page #savePanelButtons .save {
    margin: 0;
    width: 50%;
    padding: 16px 20px;
    letter-spacing: 1.68px;
}
.orders-page #savePanelButtons .cancel,
.orders-page #savePanelButtons .cancel:hover {
    margin-right: 10px;
    background-color: var(--c-WHITE);
    color: var(--c-BRAND);
}
.orders-page #savePanelButtons .save:hover {
    border-color: #3588cb;
    background-color: #3588cb;
    color: var(--c-WHITE);
}
.orders-page #savePanel .c-reorderartwork-option,
.orders-page #savePanel .c-reorder-artwork-option {
    display: flex;
    align-items: center;
}
.orders-page #savePanel .c-reorderartwork-option input[type="radio"],
.orders-page #savePanel .c-reorder-artwork-option input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.75C16.8325 20.75 20.75 16.8325 20.75 12C20.75 7.16751 16.8325 3.25 12 3.25C7.16752 3.25 3.25002 7.16751 3.25002 12C3.25002 16.8325 7.16752 20.75 12 20.75ZM12 22.25C17.6609 22.25 22.25 17.6609 22.25 12C22.25 6.33908 17.6609 1.75 12 1.75C6.3391 1.75 1.75002 6.33908 1.75002 12C1.75002 17.6609 6.3391 22.25 12 22.25Z' fill='%23999999'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.orders-page #savePanel .c-reorderartwork-option input[type="radio"]:checked,
.orders-page #savePanel .c-reorder-artwork-option input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0.650024 11C0.650024 5.28388 5.28388 0.650024 11 0.650024C16.7162 0.650024 21.35 5.28388 21.35 11C21.35 16.7162 16.7162 21.35 11 21.35C5.28388 21.35 0.650024 16.7162 0.650024 11Z' fill='%23007AC9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1053 7.29163C16.3982 7.58452 16.3982 8.0594 16.1053 8.35229L9.52955 14.928L5.89466 11.2931C5.60176 11.0003 5.60176 10.5254 5.89466 10.2325C6.18755 9.9396 6.66242 9.9396 6.95532 10.2325L9.52955 12.8067L15.0447 7.29163C15.3375 6.99874 15.8124 6.99874 16.1053 7.29163Z' fill='white'/%3E%3C/svg%3E");
}
.orders-page #savePanel .reuse-old,
.orders-page #savePanel .upload-new {
    margin: 16px 0 0;
}
.orders-page #savePanel .c-reorder-section {
    margin-bottom: 30px;
}
.orders-page #savePanel #closeButton a.close {
    width: 24px;
    height: 24px;
    top: 30px;
    right: 30px;
}
.orders-page .panel #closeButton a:after,
.orders-page .panel #closeButton a:before {
    height: 2px;
    background-color: var(--c-BRAND);
}
/*====================================================================================CHECKOUT
    ========================================================================================*/
#checkout {
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}
/*---global styles - changed---*/
#checkout .title-header { padding: 4rem; text-align: center; margin-top: 6em; }
@media (min-width : 1200px) {#checkout .title-header{ padding: 8rem 0 0 0;}}
/*manipulate content to center at percentage width*/
#checkout .center-content-wrapper {
    width: 100%; margin-right: auto;
    margin-left: auto;
    padding: 0;
}
@media (min-width : 1020px) {
    #checkout .center-content-wrapper {
        width:70%;
        margin-bottom: 40px;
    }
}
#checkout p {
    font-size: 14px;
    line-height: 20px;
    margin: 0.6em 0px;
    font-weight: 100;
}
#checkout h2 { font-family: Didot, Georgia, serif; }
#checkout h3 { font-size: 2.2em; }
#checkout .blindShipControl:hover input[type="checkbox"], #shippingService table tbody tr:hover input[type="radio"], .accountCreation table.formFields tr:hover td span.checkHolder { border: 0 !important; box-shadow: none !important; }
#checkout select:hover,
#checkout input:not([type="checkbox"]):not([type="radio"]):hover,
#checkout input:not([type=checkbox]):not([type=radio]):focus,
#checkout select:focus {
    outline: none;
}
#checkout table.formFields tr:hover input{ border-color: #007ac9 !important; }
#checkout table.formFields tr:hover select { color: #007ac9; }
#checkout table.formFields tr select:hover { border-color: #007ac9 !important; }
#checkout table.formFields tr:focus { color: #000; }
#checkout table.formFields tr td input,
#checkout input,
#checkout select {
    display: block;
    white-space: normal;
    background: 0 0;
    line-height: 1;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid var(--c-OFFBLACK-LIGHTER);
    border-radius: 4px;
    font: 14px/16px var(--f-SANS);
    font-weight: lighter;
    letter-spacing: 0!important;
    transition: all .3s ease-in-out;
    box-shadow: none;
    margin-top: 2px;
    background-color: var(--c-WHITE);
    padding: 10px;
}
#checkoutButtonDiv {width: 100%; padding: 5rem 0 1.5rem 0 !important;}
#submitOrderButtonDiv {width: 100%; padding: 5rem 0 5rem 0 !important;}
#checkoutButtonDiv a, #submitOrderButtonDiv a { float: left !important;  width: 100%; text-align: center; }
#checkout .accountCreation table.formFields tr,
#checkout .payment table.formFields tr,
#checkout .userAddress table.formFields tr,
#checkout #savePanelContent table.formFields tr { position: relative; }
#checkout .accountCreation table.formFields th,
#checkout .payment table.formFields th,
#checkout .userAddress table.formFields th,
#checkout #savePanelContent table.formFields th,
#checkout table.formFields label.metafield {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    text-align: left;
    margin: 0 !important;
    font: 12px/12px var(--f-SANS);
    font-weight: 400;
    text-transform: uppercase;
    color: var(--c-OFFBLACK);
    letter-spacing: .03em;
}
tr:has(select[name='USER_METAFIELD1']) { display: none !important; }
#checkout .accountCreation table.formFields td,
#checkout .payment table.formFields td,
#checkout .userAddress table.formFields td,
#checkout #savePanelContent table.formFields td {
    margin-left: 0;
    width: 100% !important;
    color: #333;
    float: left;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#checkout table.formFields tr td { padding: 0; }
#checkout table.formFields tr td input { width: 100%; margin: 0; }
#checkout table.formFields tr td select { width: 100%; margin: 0; }
#checkout table.formFields tr.short td { display: flex; position: relative; width: 100%; }
#checkout table.formFields tr.short td input { width: 50%; }
/* Telephone input padding */
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-left: 52px !important;
}
#checkout .panel h3 {
    font-size: 24px;
    margin: 20px 0;
}
#checkout .panel h2 { margin-bottom: 10px; }
#checkout .panel .print {
    margin-bottom: 10px;
    float: none !important;
    font-size: 12px;
}
table.formFields tr td .fieldNotes { letter-spacing: 1px; font-size: 1.3em; font-style: italic; }
/*=====Checkout Form Styles - END*/
/*===========Checkout steps Navigation*/
ol.checkoutProcess a { text-decoration: none;; }
ol.checkoutProcess { display: flex !important; justify-content: center; float: none;}
ol.checkoutProcess,
ol.checkoutProcess li, ol.checkoutProcess li a, ol.checkoutProcess li span {
    list-style: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
ol.checkoutProcess li, ol.checkoutProcess li.current { position: relative; width: 25%; background-color: transparent; border: none; }
ol.checkoutProcess li a, ol.checkoutProcess li span {
    position: relative;
    overflow: hidden;
    padding-top: 5px;
    height: 8em;
    font-size: 1em;
    font-weight: 200;
    text-align: center;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
ol.checkoutProcess li a:before, ol.checkoutProcess li span:before {
    position: relative;
    top: -5px;
    left: 50%;
    margin-left: -1.7em;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.3em;
    font-weight: 100;
    color: #999999;
    border: 2px solid #cccccc;
    background-color: #fff;
    border-radius: 50%;
}
ol.checkoutProcess { counter-reset: list-number; }
ol.checkoutProcess li { counter-increment: list-number; }
ol.checkoutProcess li span:before { content: counter(list-number); }
ol.checkoutProcess li.complete a:before {
    content: "\f3fd";
    color: #007ac9;
    border-color: #007ac9;
    margin-left: -0.7em;
    font-size: 3em;
    line-height: 1.4em;
    font-family: 'Icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    transition: all 0.2s linear;
}
ol.checkoutProcess li a:after, ol.checkoutProcess li span:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3em; line-height: 2em; letter-spacing: 0.1em;}
ol.checkoutProcess li.current a, ol.checkoutProcess li.current span { color: #999999; }
ol.checkoutProcess li.step1.current:before, ol.checkoutProcess li.step2.current:before, ol.checkoutProcess li.step3.current:before { background-color: #cccccc; }
ol.checkoutProcess li.step1.current span:before, ol.checkoutProcess li.step2.current span:before, ol.checkoutProcess li.step3.current span:before, ol.checkoutProcess li.step4.current span:before { color: #007ac9; border-color: #007ac9; }
ol.checkoutProcess li.step1.current span:after, ol.checkoutProcess li.step2.current span:after, ol.checkoutProcess li.step3.current span:after, li.step4.current span:after { color: #999999; }
ol.checkoutProcess li.complete a, ol.checkoutProcess li.complete span { color: #007ac9;
    -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear;
}
ol.checkoutProcess li.complete a:hover,
ol.checkoutProcess li.complete span:hover {
    opacity: 0.6;
    transition: all 0.2s ease-in-out;
}
ol.checkoutProcess li.step1:after,
ol.checkoutProcess li.step2:after,
ol.checkoutProcess li.step3:after {
    content: " ";
    box-sizing: border-box;
    background-color: #cccccc;
    position: absolute;
    top: 25px;
    left: calc(50% + 27px);
    display: block;
    width: calc(100% - 52px);
    height: 3px;
    overflow: hidden;
}
ol.checkoutProcess li.step1.complete:after,
ol.checkoutProcess li.step2.complete:after,
ol.checkoutProcess li.step3.complete:after { background-color: #007ac9; }
/*===========Checkout steps Navigation - END*/
/*===============Shipping - Step 2*/
select.addressSelector
#checkout #shipToSelectorContainer,
#checkout #shipFromSelectorContainer { padding: 1rem; }
#checkout #shipToAddressContainer,
#checkout #shipFromAddressContainer { padding: 1rem; }
#checkout .userAddress { padding: 2rem 0; margin: 0;  /*border-top: 2px solid #f7f7f7; border-bottom: 2px solid #f7f7f7;*/ border: 1px solid #eee; padding: 2rem; font-size: 1em; font-weight: 100; }
#checkout table.formFields tr#shipToAddressContainerStateRow,
#checkout table.formFields tr#shipFromAddressContainerStateRow { width: 100%; }
#checkout table.formFields tr#shipToAddressContainerZipRow,
#checkout table.formFields tr#shipFromAddressContainerZipRow { width: 100%; }
#checkout table.formFields tr#shipFromAddressContainerZipRow.short td { padding: 0; }
#checkout table.formFields tr#shipFromAddressContainerZipRow.short td input { width: 100% !important; }
#checkout .blindShipControl { display: inline-block; float: none; padding: 10px 0; margin-bottom: 0; cursor: pointer; }
#checkout .blindShipControl input[type="checkbox"] { width: inherit; float: left; min-height: 0; margin-right: 10px;}
#checkout #saturdayDeliveryContainer { position: relative; padding: 0; }
#checkout #saturdayDeliveryContainer p { margin: 0; }
#checkout label[for="BLINDSHIPCB"],
#checkout label[for="SATURDAY_DELIVERY_CB"] {
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 100;
}
#checkout select[name="CARDMONTHDD"],#checkout select[name="CARDYEARDD"] { width: 100% !important; float: none; }
#checkout #shippingService { padding: 0 10px; }
#checkout #shippingService table.shippingCalcEstimates tbody tr th { display: none; }
.shipTo, .blindShip, .billTo { margin: 0; }
#checkout .checkout-process h3 { padding: 1rem; font-weight: 400; }
table.formFields tr.double td input { margin: 0 !important; }
table.formFields tr#shipToAddressContainerStateRow { width: 50%; }
table.formFields tr#shipToAddressContainerZipRow { width: 50%; }
table.formFields tr#shipToAddressContainerZipRow td { padding: 0; }
table.formFields tr#shipToAddressContainerZipRow td input { left: auto; right: auto; width: 100% !important; }
#shipFromAddressContainer .userAddress table.formFields tr:nth-child(9) td { width: 100% !important; padding: 2rem 0 !important; border: 0 !important; margin-left: 0; }
#shipFromAddressContainer .userAddress table.formFields tr:nth-child(9) th { width: 0 !important; padding: 0 !important; }
#shippingEstimateNote p {position: relative; display: block; float: left; width: 100%; font-weight: 200; padding: 1.4rem 1.9rem; margin: 0 0 2em 0; font-size: 1.2em; line-height: 2em; background: #ebf7fd; color: #2d7091; border: 1px solid #e5e5e5; /* Yellow */ background-color: #fffbcd; color: #ae921c; text-shadow: 0 1px 0 #fff; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
/*===============Shipping - Step 2 - END*/
/*===============Payment - Step 3*/
/*form overwrites*/
#checkout .payment table.formFields tr td:nth-child(5) input {padding: 0 !important; }
#checkout .payment table.formFields:nth-child(5) tr { border-bottom: 1px solid #ddd; }
#checkout .payment table.formFields tr:nth-child(5) input { width: 100% !important; }
#checkout .payment table.formFields tr:nth-child(5) input { width: 100% !important; }
#checkout .payment table.formFields tr:nth-child(5) { border-bottom: 1px solid #ddd !important; }
#checkout #billingAddressContainer { padding: 0 1rem 1rem 1rem; }
#checkout .userAddress > div > strong { position: relative; display: block; width: auto; font-weight: 200; padding: 1rem 0; text-align: center; margin-top: 0.5em; font-size: 1.2em; line-height: 1.6em; background: #ebf7fd; color: #2d7091; border: 1px solid rgba(45,112,145,0.3); /* Green */ background: #f2fae3; color: #659f13; border-color: rgba(101,159,19,0.3); text-shadow: 0 1px 0 #fff; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#checkout p.addressNote { margin-top: 2rem; position: relative; display: block; float: left; width: 100%; font-weight: 200; padding: 1rem 3rem; margin: 0 0 2em 0; font-size: 1.2em; line-height: 1.6em; background: #ebf7fd; color: #2d7091; border: 1px solid #e5e5e5; /* Yellow */ background-color: #fffbcd; color: #ae921c; text-shadow: 0 1px 0 #fff; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#checkout #creditCardDiv .genericContainer.payment > p { padding: 0 1rem 0 1rem; }
#checkout .checkout-process > p { padding: 0 1rem 0 1rem; width: 100%; }
#checkout .checkout-process > p > em { position: relative; display: block; float: left; width: 100%; font-weight: 200; font-style: normal; padding: 1.4rem 1.9rem 1.4rem 3.9rem; margin: 0.5em 0 0.5em 0; font-size: 1.2em; line-height: 2em; background: #ebf7fd; color: #2d7091; border: 1px solid rgba(45,112,145,0.3); text-shadow: 0 1px 0 #fff; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#checkout .checkout-process > p > em:before { content:"\f44c"; display: block; position: absolute; padding: 0; top: 1.4em; left: 1.4em; font-size: 2em; font-family: 'wsp-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#checkout .addressOptions select[name="BILLINGADDRESSDD"] { border: 1px solid #ddd !important; }
a.editPaymentInfo { text-transform: uppercase; font-weight: 400; }
a.editPaymentInfo:before { content: '\e060'; font-family: 'Icomoon'; position: relative; font-size: 1.4em; padding-right: 0.5rem; top: 0.2em; background: transparent !important; color: #ccc; }
#checkout #name-on-card { border: none!important; }
/* Review and Submit */
#checkout.checkout-submit .checkout-process { padding: 1rem 2rem 2rem 2rem; }
#checkout.checkout-submit .accountInfo, #checkout.checkout-submit .shippingInfo, #checkout.checkout-submit .billingInfo { padding: 1rem; margin: 0 0 1em 0;  background-color: #f3fafd; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 1.3em; }
#checkout.checkout-submit .checkout-process h3 { padding-left: 0px; padding-right: 0px; }
#checkout.checkout-submit table.formFields tr th { color: #004a87; margin: 0 0 0.2em 0; padding: 0; font-weight: 400; font-size: 0.9em; line-height: 1.4em; text-transform: uppercase; }
#checkout.checkout-submit .accountInfo table.formFields tr td { overflow: hidden; text-overflow: ellipsis; }
#checkout.checkout-submit a.editOrderInfo { text-decoration: none; color: #007ac9; position: relative; display: block; float: left; width: auto; height: 3em; line-height: 3em; margin: 1em 0 1em 1em; padding: 0 1.5rem 0 1.5rem; font-size: 1em; font-weight: 100; color: #fff; background-color: #00aeef; background-image: none; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#checkout.checkout-submit a.editOrderInfo:hover { background-color: #009ada; }
#checkout.checkout-submit #submitOrderButtonDiv { padding-top: 1rem; }
#checkout .orderItemName-jobName { font-size: 1.7rem; line-height: 1.9em; font-family: var(--f-SERIF); }
.checkoutConfirm td { font-size: 1.3em; line-height: 20px; letter-spacing: 0.05em; font-weight: 100; }
table.formFields tr#billToAddressContainerZipRow td { padding: 0; }
table.formFields tr#billToAddressContainerZipRow td input { left: auto; right: auto; width: 100% !important; }
.billTo .addressOptions { padding: 1rem; }
.billTo .addressOptions select.addressSelector { width: 100%; }
#paymentInfoReceivedDiv table.formFields tr:hover{ background: transparent; }
#paymentInfoReceivedDiv table.formFields tr th{
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 0.05em;
}
#paymentInfoReceivedDiv table.formFields tr td { font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.05em; font-weight: 100; }
/*===============Payment - Step 3 - END*/
/*add and edit address*/
#checkout a.addAddress { text-decoration: none; color: #007ac9; display: block; font-size: 1em; text-transform: uppercase; background-image: none; padding: 1rem 0; }
#checkout a.addAddress:before { content: "\f48a"; font-family: 'Icomoon'; position: relative; font-size: 1.4em; padding-right: 0.5rem; top: 0.2em; background: transparent !important; color: #ccc; }
#checkout a.editAddress { text-decoration: none; color: #007ac9; text-transform: uppercase; font-weight: 400;}
#checkout a.editAddress:before { content: '\e060'; font-family: 'Icomoon'; position: relative; font-size: 1.4em; padding-right: 0.5rem; top: 0.2em; background: transparent !important; color: #ccc; }
#checkout a.deleteAddress { text-decoration: none; color: #007ac9; text-transform: uppercase; font-weight: 400; }
#checkout a.deleteAddress:before { content: none; }
/* #checkout .billTo button { margin-top: 3rem;  } */
/*address form*/
#checkout .userAddress table.formFields td select { float: left; }
#checkout .userAddress button.secondary.cancel { background-color: transparent !important; border: none !important; color: #007ac9 !important; text-transform: uppercase; font-size: 1em; font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#checkout .userAddress button.secondary.cancel:before { content: "\f404"; position: relative; top: 0.2em; padding-right: 0.5rem; color: #ccc; font-size: 1.6em; font-family: 'Icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#checkout .userAddress button.secondary.cancel:hover { color: #333 !important; }
.payment table.formFields:nth-child(5) tr { border-bottom: 1px solid #ddd !important; }
/*------------ Brain Tree Styles -------------------*/
#hostedCheckout .formFields { margin: 0; font-family: 'Helvetica', arial, sans-serif; width: 100%; font-size: 10; border-bottom: 1px solid #ddd; }
#hostedCheckout th { display: block; width: 100%; /* font-size: 12px; */ }
@media (min-width : 480px) {  #hostedCheckout th { width: 15rem; position: absolute; } }
#hostedCheckout td { display: block; }
#hostedCheckout input, .hosted-fields-container {
    font-style: italic;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 4.1em;
    line-height: 2em;
    font-size: 12px;
    font-weight: normal;
    padding: 1em 2em 1em 2em;
    font-family: var(--f-SERIF);
    border: 1px solid rgba(0,0,0,0.2);
    border-color: #ddd !important;
    color: #666;
    background-color: #fff;
    background-image: none;
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.hosted-fields-container { padding: 0 0 0 1rem; }
#hostedCheckout table.formFields tr:hover input, #hostedCheckout table.formFields tr:hover .hosted-fields-container {
    box-shadow: 0px -3px 0px #007ac9 inset !important;
    color: #007ac9 !important;
}
#hostedCheckout input:hover, .hosted-fields-container:hover {
    box-shadow: 0px -3px 0px #007ac9 inset !important;
    color: #007ac9 !important;
    border-color: #007ac9 !important;
}
#expirationDate, #cardVerifcationCode { width: 100%; display: block; float: left; box-sizing: border-box; border-top: 1px solid #ddd; }
@media (min-width : 767px) { #expirationDate, #cardVerifcationCode { width: 50%; } }
#expirationDate { padding-right: 0px; }
#expirationDate th, #cardVerifcationCode th { border-top: none; }
.required .hosted-fields-container, #hostedCheckout .required input { box-shadow: 0px -3px 0px #333 inset; }
.required th { color: #c00; }
#hostedCheckout input.braintree-hosted-fields-invalid, .hosted-fields-container.braintree-hosted-fields-invalid { box-shadow: 0px -3px 0px #c00 inset !important; }
.hosted-fields-error-msg {
    display: none;
    font-size: 12px;
    font-weight: 600;
    color: #c00;
    padding: 8px;
    margin: 0;
    border-left: 1px solid #ddd;
}
.braintree-hosted-fields-invalid + .hosted-fields-error-msg { display: block; }
.checkoutPaymentButtons { margin-bottom: 15px; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 10px; }
#hosted-form { display: none !important; }
#checkoutButtonDiv { text-align: center; }
.checkoutPaymentButtons-checkoutButton a { color: #ffffff; text-decoration: none;}
.checkoutPaymentButtons-checkoutButton,
.checkoutPaymentButtons-msg,
.checkoutPaymentButtons-paypalButton {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.checkoutPaymentButtons-msg { margin: 0 10px; }
.checkoutPaymentButtons-msg_single { margin-left: 0; }
.checkoutPaymentButtons-paypalButton {
    text-indent: -9999px;
    width: 100px;
    height: 26px;
    cursor: pointer;
}
.disablePOCheckout {
    opacity: .5;
    pointer-events: none;
}
/*------------Brain Tree Styles END-------------------*/
/*===============Submit - Step 4*/
.checkoutConfirm th {
    font-weight: 800 !important;
    color: #333;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.05em;
}
.accountInfo, .shippingInfo, .billingInfo { border: 2px solid #f7f7f7; padding: 2rem; }
a.editOrderInfo  { display: block; padding: 10px 0 !important; text-transform: uppercase; letter-spacing: 0.05em; background: none !important; text-decoration: none; color: #007ac9; }
a.editOrderInfo:before { content: "\e060"; font-family: 'Icomoon'; position: relative; font-weight: 800; font-size: 14px; padding-right: 10px; color: #ccc; }
.billingInfo tr th {
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: 0.05em;
}
.billingInfo tr td {font-size: 13px; line-height: 20px; letter-spacing: 0.05em; font-weight: 100; }
.checkoutConfirm tbody tr:hover { background-color: transparent; }
.checkoutConfirm tbody tr:hover, .billingInfo tbody tr:hover { background-color: transparent; }
.accountInfo, .shippingInfo { margin-bottom: 4em; }
.terms { padding: 2rem 0; }
.terms a { text-decoration: none; color: #007ac9; }
table.checkoutConfirm { width: 100%; float: left; display: block; }
table.checkoutConfirm td { overflow: hidden; text-overflow: ellipsis; }
table.checkout tbody tr.totals td.cartLabel,
table.checkout tbody tr.deliveryQuote td.cartLabel,
table.checkout tbody tr.discountQuote td.cartLabel,
table.checkout tbody tr.salesTax td.cartLabel,
table.checkout tbody tr.totalQuote td.cartLabel,
table.checkout tbody tr.savings td.cartLabel {  letter-spacing: 0.05em; font-weight: 500 !important;}
/*===============Submit - Step 4 - END*/
/*================Responsive table styles grid*/
#checkout table.formFields thead, table.formFields tbody, table.formFields tfoot, table.formFields tr, table.formFields th, table.formFields td { display: block; float: left; width: 100%; }
#checkout table.formFields tr.float-right { float: right; }
#checkout table.formFields tr.width-1-1 { width: 100% }
#checkout table.formFields tr.width-1-2 { width: 50%; }
table.formFields tr.width-2-2 { width: 100% }
#checkout table.formFields tr.width-1-3 { width: 33.3333333333%; }
table.formFields tr.width-2-3 { width: 66.6666666666%; }
table.formFields tr.width-3-3 { width: 100% }
#checkout table.formFields tr.width-1-4 { width: 25%; }
table.formFields tr.width-2-4 { width: 50%; }
table.formFields tr.width-3-4 { width: 75%; }
table.formFields tr.width-4-4 { width: 100% }
@media (min-width : 571px) {
#checkout table.formFields tr.float-right-xs { float: right; }
#checkout table.formFields tr.width-xs-1-1 { width: 100% }
#checkout table.formFields tr.width-xs-1-2 { width: 50%; } table.formFields tr.width-xs-2-2 { width: 100% }
#checkout table.formFields tr.width-xs-1-3 { width: 33.3333333333%; } table.formFields tr.width-xs-2-3 { width: 66.6666666666%; } table.formFields tr.width-xs-3-3 { width: 100% }
#checkout table.formFields tr.width-xs-1-4 { width: 25%; } table.formFields tr.width-xs-2-4 { width: 50%; } table.formFields tr.width-xs-3-4 { width: 75%; } table.formFields tr.width-xs-4-4 { width: 100% }
}
@media (min-width : 768px) {
#checkout table.formFields tr.float-right-sm { float: right; }
#checkout table.formFields tr.width-sm-1-1 { width: 100% }
#checkout table.formFields tr.width-sm-1-2 { width: 50%; } table.formFields tr.width-sm-2-2 { width: 100% }
#checkout table.formFields tr.width-sm-1-3 { width: 33.3333333333%; } table.formFields tr.width-sm-2-3 { width: 66.6666666666%; } table.formFields tr.width-sm-3-3 { width: 100% }
#checkout table.formFields tr.width-sm-1-4 { width: 25%; } table.formFields tr.width-sm-2-4 { width: 50%; } table.formFields tr.width-sm-3-4 { width: 75%; } table.formFields tr.width-sm-4-4 { width: 100% }
}
@media (min-width : 1024px) {
#checkout table.formFields tr.float-right-md { float: right; }
#checkout table.formFields tr.width-md-1-1 { width: 100% }
#checkout table.formFields tr.width-md-1-2 { width: 50%; } table.formFields tr.width-md-2-2 { width: 100% }
#checkout table.formFields tr.width-md-1-3 { width: 33.3333333333%; } table.formFields tr.width-md-2-3 { width: 66.6666666666%; } table.formFields tr.width-md-3-3 { width: 100% }
#checkout table.formFields tr.width-md-1-4 { width: 25%; } table.formFields tr.width-md-2-4 { width: 50%; } table.formFields tr.width-md-3-4 { width: 75%; } table.formFields tr.width-md-4-4 { width: 100% }
}
@media (min-width : 768px) {
    #checkout table.formFields tr th br { display: none; }
    #checkout table.formFields tr th.divider br { display: block; }
}
/*================Responsive table styles grid - END*/
/*================Summary of your Order*/
/*hide edit from job summary*/
.discountItemPrice { color: #659f13; }
#checkout table.cart.checkout { border: 1px solid #e6e8ec; border-spacing: 0; border-collapse: collapse; max-width: 100%; table-layout: fixed !important;}
#checkout table.checkout .orderItemQty:before { content: none; }
#checkout table.checkout .orderItemPrice:before { content: none; }
#checkout table.cart tr td { vertical-align: middle; border-bottom: 1px solid #e6e8ec; background: transparent url(''); }
/* #checkout table.cart tr td:hover { border-left: 0 !important; }
#checkout table.cart tr:hover { border-left: 0 !important; } */
#checkout table.cart.checkout tr.savings td { text-align: center; letter-spacing: 0.01em; text-transform: uppercase; color: #666; font-weight: 100; padding: 2em; font-size: 1.3em; }
#checkout table.cart.checkout tr.savings td span { color: #659f13; font-weight: 900; }
#checkout div.viewChoices a { background: none; text-transform: uppercase; letter-spacing: 0.05em;}
#checkout div.viewChoices a:before { content: '\e091'; font-family: 'Icomoon'; position: relative; font-size: 1.4em; padding-right: 0.5rem; top: 0.2em; background: transparent !important; color: #ccc;}
#checkout a.print { text-decoration: none; color: #007ac9; }
#checkout a.print:before{content: "\e02e"; position: relative; font-family: 'Icomoon'; font-size: 1.3em; top: 0.2em; margin-right: 0.5rem; color: #ccc; opacity: 0.9;}
/*================Summary of your Order - END*/
/*================Modals - changes and overwrites*/
.panel h2 { font-weight: 600 !important; color: #333; font-size: 1.3rem; line-height: 2.4rem; letter-spacing: 0.05em; font-family: var(--f-SERIF); font-style: italic; border-bottom: 1px solid #efefef; }
.panel #savePanelContent > h3, #jobConfigDetails h3 { font-family: var(--f-SERIF); font-size: 3em;}
#savePanelContent a { text-transform: uppercase; letter-spacing: 0.05em; }
#savePanelContent table.formFields { margin: 2em 0; }
#savePanelContent table.formFields tr:nth-child(2) { border-bottom: 1px solid #ddd !important;}
/*================Modals and Alerts - changes and overwrites - END*/
#alertPanelContent p { font-weight: 600 !important; color: #333; font-size: 1.3rem; line-height: 2.4rem; letter-spacing: 0.05em; font-family: var(--f-SERIF); font-style: italic; border-bottom: 1px solid #efefef; margin-bottom: 3rem; }
.fieldNotes { display: none; }
#checkout select {
    min-height: 0 !important;
    box-shadow: none !important;
    line-height: 1.5em !important;
    background-color: #fff;
    transition: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==);
    background-size: 10px;
    background-position: 98% 50%;
    background-repeat: no-repeat;
    outline: 0;
    appearance: none;
    width: 100%;
    padding: 10px;
}
#checkout select,
#checkout input:not([type=checkbox]):not([type=radio]) {
    height: 46px;
}
.ccValidationError { padding: 2rem !important; background-image: none !important; color: #c00 !important; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; }
.ccValidationError:before { content: "\f100"; font-family: 'Icomoon'; font-size: 3.5em; line-height: 1.5em; }
.payment-down-alert { padding: 1rem; margin: 4rem; background-image: none !important; color: #c00 !important; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; border: 1px solid #c00; background: #fff1f0; border-radius: 3px; }
@media (min-width : 480px){
    a.signInOnCheckout { float: none; width: auto; }
    #checkoutButtonDiv, #submitOrderButtonDiv { text-align: left !important; padding: 5rem 0 1.5rem 0 !important;}
    #checkoutButtonDiv a, #submitOrderButtonDiv a { float: none !important;  }

    .accountCreation table.formFields th,
    .payment table.formFields th,
    .userAddress table.formFields th,
    #savePanelContent table.formFields th { width: 15rem; position: absolute; }

    .accountCreation table.formFields td,
    .payment table.formFields td,
    .userAddress table.formFields td,
    #savePanelContent table.formFields td { margin-left: 15rem; width: calc(100% - 15rem) !important;}
}
@media (min-width : 544px) {
    #checkout select[name="CARDMONTHDD"],#checkout select[name="CARDYEARDD"] { width: 49% !important; display: block;  }
    #checkout select[name="CARDMONTHDD"] { float: left; }
    #checkout select[name="CARDYEARDD"] { float: right; }
}
/*forgot password*/
#passwordContent .formFields { width: 100%; }
#passwordContent .formFields tbody tr {
    display: flex;
    flex-direction: column;
    float: none;
}
#passwordContent .formFields tbody tr > * {
    position: static;
    margin: 0;
    width: 100% !important;
    text-align: left;
    float: none;
}
#passwordContent input {
    width: 100%;
    margin: 0;
    display: block;
    white-space: normal;
    background: 0 0;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #666;
    font: 14px/16px linotype-didot,Georgia,serif;
    font-style: italic;
    text-indent: 3px;
    letter-spacing: .1em;
    transition: all .3s ease-in-out;
    box-shadow: none;
    margin-top: 2px;
    height: 44px;
    padding: 10px;
}
#passwordContent input:hover {
    background-color: #f7f7f7;
    box-shadow: 0;
    outline: 1px #007ac9;
    border-bottom: 1px solid #007ac9;
}
#passwordContent input:focus { border: 1px solid #007ac9; }
#passwordContent .formFields tbody tr > th {
    font: 12px/12px din-2014,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    letter-spacing: .07em;
}
#checkout .hero-sub-heading { text-transform: uppercase; letter-spacing: 0.5em; font-size: 1em; }
/* Checkout 2020 Optimizations - These are bandaids */
#checkout { font-family: var(--f-SANS); }
#checkout .title-header {
    padding-top: 0;
    margin-top: 80px;
}
#checkout .accountCreation tr:nth-child(3),
#checkout .accountCreation tr:nth-child(5),
#checkout .accountCreation tr:nth-child(8),
#checkout .accountCreation tr:nth-child(11) {
    width: 49%;
    margin-right: 2%;
}
#checkout .accountCreation tr:nth-child(4),
#checkout .accountCreation tr:nth-child(6),
#checkout .accountCreation tr:nth-child(9),
#checkout .accountCreation tr:nth-child(12) {
    width: 49%;
}
#checkout .accountCreation { margin-bottom: 10px; }
#checkout .userAddress {
    font-size: 14px !important;
    line-height: 19px;
    letter-spacing: 0.01em;
    background-color: #f7f7f7;
}
#checkout h1,
#checkout h3 {
    font-family: 'linotype-didot', Georgia, serif;
    font-weight: normal;
}
#checkout .userAddress .editAddressHolder,
#checkout a.addAddress {
    font-size: 12px !important;
}
#checkout label[for=BLINDSHIPCB], #checkout label[for=SATURDAY_DELIVERY_CB] { font-size: 14px; }
#checkout #shippingEstimateNote p {
    float: none;
    font-size: 14px;
}
#checkout table.shippingCalcEstimates {
    margin-top: 10px;
    font-size: 14px;
}
.shipServiceSelect { width: 40px; }
input#BLINDSHIPCB { margin-top: 0; }
ol.checkoutProcess li a,
ol.checkoutProcess li span {
    font-size: 12px;
}
ol.checkoutProcess li a,
ol.checkoutProcess li span {
    vertical-align: bottom;
}
ol.checkoutProcess li.step1:before,
ol.checkoutProcess li.step2:before,
ol.checkoutProcess li.step3:before {
    top: 25px;
}
#checkout #shippingEstimateNote p {
    margin: 10px;
    box-sizing: border-box;
    width: auto;
    border-radius: 0;
    padding: 10px 20px;
}
#checkout table { width: 100%; }
#checkout table.shippingCalcEstimates td { padding: 7px 10px 7px 0px; }
#checkout table.shippingCalcEstimates td:last-child { text-align: right; }
#checkout table.shippingCalcEstimates tr { border-bottom: 1px solid #e5e5e5; }
#checkout table.shippingCalcEstimates tr:last-child { border: none; }
#checkout button.secondary:not(.cancel),
#checkout .globalForm-btn,
#checkout #savePanel button {
    display: inline-block;
    font: 14px/13px 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .28em;
    background-color: #007ac9;
    color: #fff;
    min-width: 200px;
    padding: 16px 20px;
    border: 2px solid #007ac9;
    border-radius: var(--radius-xlarge);
    transition: all .2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
    min-height: 44px;
}
#checkout button.secondary:not(.cancel):hover,
#checkout .globalForm-btn:hover,
#checkout #savePanel button:hover {
    background-color: #fff !important;
    color: #007ac9 !important;
}
#checkout button.cancel {
    min-height: 44px!important;
    margin: 0;
}
#checkout a.continueButton {
    display: inline-block;
    font: 14px/15px 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .28em;
    background-color: #007ac9;
    color: #fff;
    min-width: 200px;
    padding: 15px;
    padding-bottom: 12px;
    border: 2px solid #007ac9;
    border-radius: var(--radius-xlarge);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .2s ease-in-out;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    margin-right: 50px;
    width: calc(100% - 46px)
}
#checkout a.continueButton:after {
    content: "\f3d3";
    font-family: Icomoon;
    font-style: normal;
    font-size: 24px;
    line-height: 42px;
    color: #fff;
    position: absolute;
    top: -2px;
    right: -50px;
    height: 100%;
    width: 46px;
    text-indent: 5px;
    text-align: center;
    border: 2px solid #007ac9;
    border-left-color: #fff;
    border-radius: var(--radius-xlarge);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #007ac9;
    transition: all .2s ease-in-out
}
#checkout a.continueButton[disabled],
#checkout a.continueButton[disabled]:after {
    opacity: 1;
    background-color: #ccc!important;
    border-color: #ccc!important
}
#checkout a.continueButton[disabled]:after { border-left-color: #fff!important }
#checkout a.continueButton:not([disabled]):hover,
#checkout a.continueButton:not([disabled]):hover:after {
    background-color: transparent !important;
    color: #007ac9 !important;
    border-color: #007ac9;
    cursor: pointer;
}
#checkout .formFields button {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
}
#checkout .formFields button.secondary.cancel { text-transform: lowercase !important; }
#checkout .formFields button.secondary.cancel:before { content: '' !important; }
#checkout .checkoutButtonDiv:not(> a) {
    height: 40px;
    background: red;
}
#checkout .userAddress>div>strong {
    font-size: 14px;
    padding: 6px 10px 4px;
    display: inline-block;
    border-radius: 0;
}
#checkout a.editAddress { font-size: 12px; }
#checkout #paymentInfoReceivedDiv table tbody,
#checkout .accountInfo table tbody,
#checkout .shippingInfo table tbody,
#checkout .billingInfo table tbody {
    display: flex;
    flex-direction: row;
}
#checkout #paymentInfoReceivedDiv table tbody tr,
#checkout .accountInfo table tbody tr,
#checkout .shippingInfo table tbody tr,
#checkout .billingInfo table tbody tr {
    box-sizing: border-box;
    padding: 5px;
}
#checkout #paymentInfoReceivedDiv table tbody { font-size: 14px; }
#checkout .accountInfo table tbody,
#checkout .shippingInfo table tbody,
#checkout .billingInfo table tbody {
    font-size: 12px;
}
#checkout .accountInfo,
#checkout .billingInfo,
#checkout .shippingInfo {
    position: relative;
}
#checkout .billingInfo a.editOrderInfo,
#checkout .shippingInfo a.editOrderInfo,
#checkout .accountInfo a.editOrderInfo {
    position: absolute;
    top: 0;
    padding: 10px !important;
    right: 0;
}
#checkout table.formFields.static tbody,
#checkout .accountInfo table,
#checkout .billingInfo table,
#checkout .shippingInfo table {
    float: none;
}
#paymentInfoReceivedDiv table tbody {
    padding: 10px;
}
#paymentInfoReceivedDiv table tbody th,
#paymentInfoReceivedDiv table tbody td {
    padding: 0 !important;
}
#checkout a#editPaymentInfo {
    padding: 10px;
    font-size: 12px;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #007ac9;
}
#checkout #billingAddressContainer {
    margin-bottom: 20px;
}
#checkout #checkoutButtonDiv {
    padding-top: 20px !important;
}
/* Table Cart Styles for Payment Step */
#checkout .orderSummary table.cart {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
}
#checkout .orderSummary table.cart tbody { width: 100%; }
#checkout .orderSummary table.cart tbody tr:first-of-type {
    font: 11px/11px 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #e5e5e5;
}
#checkout .orderSummary table.cart tbody tr:first-of-type th {
    padding: 12px 10px 10px;
    border: none;
    font-size: 10px;
}
#checkout .orderSummary table.cart tr:not(first-of-type).orderItem td {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}
#checkout .orderSummary table.cart tr:not(first-of-type).orderItem td:first-of-type {
    border-left: 1px solid #e5e5e5;
}
#checkout .orderSummary table.cart tr:not(first-of-type).orderItem td:last-of-type {
    border-right: 1px solid #e5e5e5;
}
/* Form Styles Overrides */
#checkout .formFields tr {
    flex-direction: row;
    display: flex;
}
#checkout .formFields tr {
    display: flex;
    flex-direction: column;
}
#checkout .formFields tr .row {
    text-align: left;
    background: red;
}
#checkout .formFields tr th {
    text-align: left;
}
@media screen and (max-width: 580px) {
    #checkout table.formFields.static tbody {
        flex-direction: column !important;
    }
}
#checkout table.formFields.static tbody { float: }
#checkout .formFields:not(.static) tr + tr { margin-top: 10px; }
#checkout .formFields tr.short > td > * { width: 49% !important; }
#checkout .formFields tr.short > td > *:first-child { margin-right: 2% !important; }
#checkout .billTo table.formFields tr:last-child td,
#checkout #shipToAddressContainer .userAddress table.formFields tr:last-child td {
    display: flex;
    flex-direction: row-reverse;
}
#checkout .billTo table.formFields tr:last-child td { flex-flow: wrap-reverse; }
#checkout .billTo table.formFields tr:last-child td button:first-of-type { order: 2 }
#checkout #shipToZip,
#checkout #billingZip {
    width: 100% !important;
}
#checkout .billTo table.formFields tr:last-child td p.addressNote {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}
#checkout .formFields tr.double > td > * + * { margin-top: 20px; }
#checkout .formFields.static td {
    font-size: 14px;
    padding-right: 10px;
}
#checkout .orderSummary table {
    font-size: 14px;
    font-family:var(--f-SANS);
    font-weight: 400;
    color: var(--c-OFFBLACK);
}
#checkout .orderSummary table.cart tbody tr th:not(:first-child),
#checkout .orderSummary table.cart tbody tr td:not(:first-child) {
    text-align: right;
}
#checkout .orderSummary table.cart tbody tr th:first-child,
#checkout .orderSummary table.cart tbody tr:not(.savings) td:first-child {
    width: 90%;
    padding-left: 20px;
    margin: 0;
}
@media screen and (min-width: 580px) {

    #checkout .orderSummary table.cart tbody tr:not(.savings) td:first-child {
        padding-right: 20px;
    }

    #checkout .orderSummary table.cart tbody tr th:first-child,
    #checkout .orderSummary table.cart tbody tr:not(.savings) td:first-child {
        padding-left: 40px;
    }

}
#checkout .orderSummary table.cart tbody tr th:last-child,
#checkout .orderSummary table.cart tbody tr:not(.savings) td:last-child {
    padding-right: 40px;
}
#checkout .orderSummary table.cart tbody tr:not(.orderItem) td { border: none; }
#checkout .orderSummary table.cart .viewChoices a {
    font-size: 12px;
    text-transform: lowercase;
    font: italic 14px/17px 'Didot,Georgia,serif';
    padding: 10px 0 0 0;
    color: #007ac9;
}
#checkout .orderSummary table .orderItemName {
    font: 11px/11px 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400;
    font-weight: 400;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding-top: 30px;
}
#checkout .orderSummary table .orderItemName-jobName {
    text-transform: capitalize;
    font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    padding-bottom: 10px
}
#checkout .orderSummary table.cart .viewChoices a:before {
    font-style: normal;
    content: "\e052";
    font-size: 12px;
}
#checkout .orderSummary table.cart tbody tr.orderItem td { padding: 20px; }
#checkout .orderSummary table.cart tbody tr:not(.orderItem) td { padding: 0; }
#checkout .orderSummary table.cart tbody tr:not(.savings) td:last-of-type { padding-right: 20px; }
@media screen and (min-width: 580px) {
    #checkout .orderSummary table.cart tbody tr:not(.savings) td:last-of-type {
        padding-right: 40px;
    }
}
#checkout .orderSummary table.cart tbody tr.totalQuote td {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
#checkout .orderSummary table.cart tbody tr.totalQuote td:last-of-type {
    font-size: 24px;
    font-weight: 600;
}
#checkout .orderSummary table.cart.checkout tr.savings td div {
    text-transform: none;
    font-family: Didot, Georgia, serif;
    font-style: italic;
    background: #f7f7f7;
    padding: 20px;
    letter-spacing: 0.03em;
}
#checkout .orderSummary table.cart.checkout tr.orderItem {
    display: table-row !important;
    width: 100%;
    float: none;
}
/* Fixed persistant header order summary styles */
.minOrderSummary .orderSummary table.cart.checkout tbody tr.orderItem td { display: none !important; }
.minOrderSummary .orderSummary table.cart.checkout tbody tr.savings { display: none; }
.minOrderSummary .orderSummary table.cart.checkout tbody tr:first-child { display: none; }
.minOrderSummary table td { color: var(--c-WHITE); }
@media screen and (max-width: 768px) {
    .minOrderSummary .orderSummary { display: none; }
}
.minOrderSummary {
    position: fixed;
    z-index: var(--z-HEADER);
    height: 60px;
    width: 75%;
    top: 0px;
    right: 0;
    font-weight: 500 !important;
}
.minOrderSummary .orderSummary table.cart.checkout tbody {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    padding: 5px 0px 0 0;
    font-size: 90%;
    letter-spacing: 0.03em;
}
.minOrderSummary .orderSummary table.cart.checkout tbody tr { border: none; }
.minOrderSummary .orderSummary table.cart.checkout tbody tr.totalQuote td {
    border: none !important;
    padding: 0 !important;
}
.minOrderSummary .orderSummary table.cart.checkout tbody tr td {
    padding: 0 10px 0 0 !important;
    /* min-width: 40px; */
    width: auto !important;
}
.minOrderSummary .orderSummary table.cart.checkout tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 20px 0 0 !important;
}
.minOrderSummary .orderSummary table.cart.checkout tbody tr td:first-child:after {content: ':';position: absolute;}
.minOrderSummary .orderSummary table.cart.checkout tbody tr.totalQuote td.cartLabel { padding: 0 10px 0 0!important; }
.minOrderSummary .orderSummary table.cart.checkout tbody tr.orderItem {
    width: 0 !important;
    position: absolute;
}
/* Modal Overrides */
#checkout .panel {
    position: fixed;
    top: calc(10vh + 60px) !important;
    z-index: 1000;
}
#checkout .panel { padding: 20px; width: 90% !important; max-width: 768px !important; min-width: 200px !important; }
#checkout .container-slim,
#thank-you .container-slim { padding: 20px; }
@media (min-width: 544px) {
    #checkout .container-slim,
    #thank-you .container-slim {
        max-width: 100%;
        margin: 0 auto;
    }
}
@media (min-width: 1280px) {
    #checkout .container-slim,
    #thank-you .container-slim {
        max-width: 1100px;
    }
}
#checkout .globalForm input[type=radio] { width: auto; margin: 0 10px; }
#checkout .globalForm-btn { width: 100%; }
#checkout .loginText a,
#checkout #savePanelContent a { text-decoration: none; color: #007ac9; }
#checkout .loginText { display: block; font-size: 1.5em; line-height: 1.6em; letter-spacing: 0.05em; font-weight: 500; background: #f7f7f7 !important; text-align: center; }
/*====================================================================================THANK YOU
    ========================================================================================*/
/*Helper classes*/
.center { text-align: center; float: none;}
a.inlineLink { font-family: var(--f-SERIF); letter-spacing: 0.05em; text-decoration: underline; font-style: italic; }
a.inlineLink:hover { text-decoration: underline; }
a.orderLink { font-size: 1.3em; line-height: 2.5em; text-transform: uppercase; letter-spacing: 0.05em; }
/*Thank you specific classes*/
#thank-you .thank-you-complete .thank-you-complete-icon { text-align: center; }
#thank-you .thank-you-complete-icon .icon-ion-ios-checkmark-empty:before { line-height: 1; }
.thank-you-complete-icon span { font-size: 5.4em; color: #007ac9; border: 2px solid #007ac9; border-radius: 50%; width: 1em; height: 1em; display: block; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 2rem; }
#thank-you .thank-you-complete .icon-checkmark-circle-outline-thin-1 { font-size: 80px; color: #5eb95e; }
#thank-you .thank-you-complete h2 { text-align: center; font-size: 22px; line-height: 26px; color: #5eb95e; }
@media (min-width : 768px) {
    #thank-you .thank-you-complete h2 { font-size: 26px; line-height: 30px; }
}
.noBreak br { display: none; }
span.orderNumber { font-family: var(--f-SERIF); font-size: 1.7em; letter-spacing: 0.05em; font-style: italic; }
/*---Thank you overwrites---*/
#thank-you a.button.secondary { float: none; }
#thank-you h2 {
    font-style: italic;
    margin: 3rem 0 0 0; }
#thank-you h2 span { font-style: italic; font-family: var(--f-SERIF); text-transform: lowercase; font-weight: 100; font-size: 1.8rem; }
#thank-you h1,
#thank-you h2,
#thank-you h3 {
    font-family: Didot, Georgia, serif;
}
#thank-you p { font-family: 'din-2014', Helvetica, sans-serif; font-weight: 300; }
#thank-you .center-content-wrapper { padding-top: 0; }
@media screen and (max-width: 550px) {
    #thank-you .hList_spread > * + * { margin: 20px 0 0 0; }
}
#thank-you .title-header {
    margin-top: 100px;
    text-align: center;
}
#thank-you p b,
#checkout p b,
#checkout p strong,
#thank-you p strong {
    font-family: 'din-2014','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
}
@media (min-width : 1020px) {
    #thank-you .center-content-wrapper {
        width:45%;
        padding: 5rem 0;
        margin: 0 auto;
    }
}
#checkout [type="checkbox"]:not(:checked),
#checkout [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
#checkout [type="checkbox"]:not(:checked) + label,
#checkout [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px
}
#checkout [type="checkbox"]:not(:checked) + label:before,
#checkout [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(100, 100, 100, .2);
    background: var(--c-WHITE);
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0, .1);
    transition: all .275s;
}
#checkout [type="checkbox"]:not(:checked) + label:after,
#checkout [type="checkbox"]:checked + label:after {
    position: absolute;
    top: -4px;
    left: -3px;
    line-height: 0;
    padding-right: 10px;
    transition: all .2s;
}
#checkout [type="checkbox"]:not(:checked) + label:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M3.75 5C3.75 4.30964 4.30964 3.75 5 3.75H19C19.6904 3.75 20.25 4.30964 20.25 5V19C20.25 19.6904 19.6904 20.25 19 20.25H5C4.30964 20.25 3.75 19.6904 3.75 19V5Z" stroke="%23999999" stroke-width="1.5"/></svg>');
}
#checkout [type="checkbox"]:checked + label:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none"><path d="M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5Z" fill="%23007AC9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.1053 8.44696C17.3982 8.73985 17.3982 9.21472 17.1053 9.50762L10.5296 16.0834L6.89467 12.4485C6.60178 12.1556 6.60178 11.6807 6.89467 11.3878C7.18757 11.0949 7.66244 11.0949 7.95533 11.3878L10.5296 13.9621L16.0447 8.44696C16.3376 8.15406 16.8124 8.15406 17.1053 8.44696Z" fill="white"/></svg>');
}
#checkout [type="checkbox"]:disabled:checked + label:after { color: var(--c-OFFBLACK); }
#checkout [type="checkbox"]:disabled + label { color: var(--c-OFFBLACK-LIGHT); }
#checkout [type="checkbox"]:hover + label:before {
    box-shadow: inset  0 0 0 20px rgba(100, 100, 100, .1), 0 0 0 9px rgba(100, 100, 100, .1);
    border-radius: 50%;
}
.searchGrid #searchResultsContainer .preloader {
    display: block;
    text-align: center;
    padding: 40px;
    height: 80vh;
    font-size: 0;
}
.searchGrid .searchResultsSummary {
    text-align: center;
    font-family: 'linotype-didot';
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0.03em;
    color: #666666;
}
.searchGrid .searchResult.keyword {
    color: #000;
    font-weight: 600;
}
.searchGrid {
    position: relative;
    padding: calc(var(--spacing)*2);
    min-height: 600px;
}
.searchGrid .productExcerpt {
    font: 14px/21px var(--f-SANS);
    font-weight: 300;
    color: #333;
    letter-spacing: .03em;
}
.searchGrid .productExcerpt a {
    text-decoration: none;
    color: var(--c-BRAND);
}
.searchGrid .productExcerpt a:hover { opacity: 0.85; }
.searchGrid #pagedProducts1 > .aProductResult { width: 100%; }
@media screen and (min-width: 480px) {
    .searchGrid #pagedProducts1 {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
    }
    .searchGrid .searchResultsPage > .aProductResult {
        padding: 2vw;
        box-sizing: border-box;
    }

    .searchGrid #pagedProducts1 > .aProductResult { width: 50%; }
}
@media (min-width: 1024px) {
    .searchGrid { padding: 0 calc(var(--spacing)*4) calc(var(--spacing)*4); }

    .searchGrid #pagedProducts1 > .aProductResult { width: 33%; }

    .searchGrid .searchResultsPage > .aProductResult {
        padding: 1vw;
    }
}
@media (min-width: 1200px) {
    .searchGrid #pagedProducts1 > .aProductResult { width: 25%; }
}
.searchGrid .productThumb img {
    display: block;
    transition: all 0.2s ease-in-out;
}
.searchGrid .productThumb:hover img {
    transform: scale(1.05);
}
.searchGrid .productName a {
    display: block;
    font: 14px/20px  var(--f-SANS);
    font-weight: 400;
    letter-spacing: .15em;
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase;
    color: #007ac9;
}
.searchGrid .productName a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.searchGrid .productName a:hover,
.searchGrid .productName a:hover:after {
    opacity: 0.6;
}
/****************************************************
    Print Styles
****************************************************/
@media print {
    #configurationPrintTarget .hdg_5 {
        font: 20px/28px Didot,Georgia,serif;
        color: #333;
        margin-top: 40px;
    }

    #configurationPrintTarget .lbl,
    #configurationPrintTarget .spdcForm-lbl,
    #configurationPrintTarget .keyValTable:before {
        font: 10px/20px  var(--f-SANS);
    font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .15em;
        color: #333;
    }

    #configurationPrintTarget .lbl { margin-top: 10px; }
    #configurationPrintTarget .lbl_serif {
        font-family: Didot,Georgia,serif;
        font-style: italic;
        text-transform: none;
    }

    #configurationPrintTarget .keyValTable:before {
        content: 'Configuration';
        padding-bottom: 5px;
        border-bottom: 1px solid var(--c-OFFBLACK-LIGHT);
    }

    #configurationPrintTarget .keyValTable tr td {
        width: 50%;
        padding: 10px;
        border-spacing: 0;
    }

    #configurationPrintTarget .keyValTable tr th { text-align: left; }

    #configurationPrintTarget .btn,
    #configurationPrintTarget .link,
    #configurationPrintTarget .globalDialog_close,
    #configurationPrintTarget .spdcForm > div:nth-of-type(3),
    #configurationPrintTarget .spdcForm-textArea {
        display: none;
    }

    #configurationPrintTarget .spdcForm-row,
    #configurationPrintTarget .printOnly_jobName,
    #configurationPrintTarget .printOnly_jobDesc,
    #configurationPrintTarget .keyValTable { margin-top: 20px; }
    #configurationPrintTarget .printOnly_jobName {
        display: block;
        padding: none;
        resize: none;
        border: none;
        width: 50%;
    }

    #configurationPrintTarget .printOnly_jobName { font: 16px/18px Didot,Georgia,serif; }
    #configurationPrintTarget .printOnly_jobDesc {
        font: 14px/18px Didot,Georgia,serif;
        width: 100%;
        height: auto;
        min-height: auto;
    }

    #configurationPrintTarget .blocks > * {
        display: inline-block;
        margin-right: 10px;
    }

    #configurationPrintTarget .printOnly.isHidden {
        display: block;
        max-width: 25%;
        height: auto;
    }
}