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

    --c-BLACK: #333333;
    --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;

    /* 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;

    /* 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 {
    margin: auto;
    padding: 40px 20px;
    background-color: var( --c-OFFWHITE);
    color: var(--c-OFFBLACK);
    font-family: var(--f-SANS);
}
.gFooter a {
    color: var(--c-OFFBLACK);
    transition: color .3s;
}
.gFooter a:hover { color: var(--c-BRAND); }
.gFooter label { display: block; }
.gFooter ul {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.gFooter li {
    text-transform: capitalize;
    list-style: none;
}
.gFooter .lbl {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.gFooter .globalFormSignUp-message {
    background-color: var( --c-OFFWHITE);
}
.gFooter-content {
    max-width: calc(1440px - 80px);
    min-width: 200px;
    margin: auto;
}
.gFooter-content-top {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}
.gFooter-content-top-logos {
    display: flex;
    gap: 20px;
    padding-top: 40px;
}
.gFooter-content-top-logos-brand {
    width: 50%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 400;
}
.gFooter-content-top-logos-env {
    width: 50%;
    display: flex;
    align-items: flex-start;
}
.globalFooter-join {
    flex-grow: 1;
    margin-bottom: 20px;
}
.gFooter-content-top-connect-join {
    position: relative;
}
.gFooter-content-top-connect-social {
    padding-top: 20px;
    width: clamp(180px, 100%, 320px)
}
.gFooter-content-mid { border-top: 1px solid var(--c-OFFBLACK-LIGHTER); }
.gFooter-content-mid-section { padding-bottom: 20px; }
.gFooter-content-mid-section-col {
    padding-top: 30px;
    letter-spacing: 1px;
}
.gFooter-content-mid-section-col a {
    text-decoration: none;
    transition: color .3s;
}
.gFooter-content-mid-section-col  ul { padding: 10px 0; }
.gFooter-content-mid-section-col  li {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 4%;
    padding: 10px 0;
}
.gFooter-content-bottom {
    padding: 40px 0;
    border-top: 1px solid var(--c-OFFBLACK-LIGHTER);
}
.gFooter-content-bottom-copyright {
    padding-bottom: 40px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.gFooter-content-bottom-policy li { padding: 10px 0; }
.gFooter-content-bottom-policy li:first-of-type { padding-top: 0; }
.gFooter-content-bottom-policy li:last-of-type { padding-bottom: 0; }
.gFooter-content-bottom-policy a {
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    transition: all .3s;
}
.gFooter-content-top-connect {
    display: grid;
    grid-template-columns: 100%;
    gap: 10px;
}
.gFooter-content-top-connect-social-icons {
    margin-top: 10px;
    height: 43px;
}
.globalFooter-connect-socialMedia-icon img {
    height: 24px;
    width: 24px;
}
#globalFooterSignup {
    padding: 12px 32px 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 16px;
    border: 1px solid var(--c-OFFBLACK-LIGHT);
    color: var(--c-BLACK);
    width: calc(100% - 50px);
    margin-top: 10px;
}
.globalFooter-inner-links-signup-submit {
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 32px;
    background-color: transparent;
    border: none;
}
.globalFooter-inner-links-signup-submit::before { content: url('data:image/svg+xml;utf8,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6765 11.0951L5.03601 11.0951V9.59511L15.6765 9.59512V11.0951Z" fill="%23007AC9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.036 1.49512C6.14832 1.49512 2.18604 5.4574 2.18604 10.3451C2.18604 15.2328 6.14832 19.1951 11.036 19.1951C15.9238 19.1951 19.886 15.2328 19.886 10.3451C19.886 5.4574 15.9238 1.49512 11.036 1.49512ZM0.686035 10.3451C0.686035 4.62897 5.31989 -0.00488281 11.036 -0.00488281C16.7522 -0.00488281 21.386 4.62897 21.386 10.3451C21.386 16.0613 16.7522 20.6951 11.036 20.6951C5.31989 20.6951 0.686035 16.0613 0.686035 10.3451Z" fill="%23007AC9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.0967 10.3451L12.1039 15.3379L11.0432 14.2772L14.9753 10.3451L11.0432 6.41298L12.1039 5.35232L17.0967 10.3451Z" fill="%23007AC9"/></svg>'); }
.gFooter-content-top-logos-brand a {
    display: block;
    width: 72px;
    height: 60px;
    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:%23007AC9;%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");
    transition: opacity 0.3s ease-in-out;
}
.gFooter-content-top-logos-brand-innerCpy {
    max-width: 200px;
    padding-top: 20px;
}
.gFooter-content-top-logos-env span {
    display: inline-block !important;
    height: 75px !important;
    width: 100% !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-image: url('https://smartpress.imgix.net/resources/sites/1_site/assets/bbb-a-plus-rating-color.png');
    background-position: 0px 0px !important;
    background-size: 130px !important;
    opacity: .4 !important;
    font-size: 0 !important;
}
.globalFooter_hd {
    font-family: var(--f-SANS-COND);
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    color: var(--c-BLACK);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.globalFooter_bdcpy {
    color: var(--c-BLACK);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}
.gFooter-content-top-connect-social-icons-links  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
}
.gFooter-content-top-connect-social-icons-links > * {
    display: inline-block;
    line-height: 0;
}
a[class*="mix-icon_social"] { font-size: 0; }
.mix-icon_socialInstagram::before { 
    content: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1072 2.88793C15.23 2.88793 15.5996 2.90181 16.8275 2.9566C17.9692 3.007 18.585 3.19838 18.9963 3.35835C19.5397 3.56873 19.932 3.82439 20.3382 4.23054C20.7494 4.64179 21 5.02967 21.2147 5.57314C21.3747 5.9844 21.5661 6.60457 21.6165 7.74191C21.6713 8.97495 21.6851 9.34456 21.6851 12.4629C21.6851 15.5813 21.6713 15.9553 21.6165 17.184C21.5661 18.3257 21.3747 18.9415 21.2147 19.3527C21.0043 19.8962 20.7494 20.2885 20.3425 20.6946C19.9313 21.1059 19.5434 21.3564 19.0007 21.5712C18.5894 21.7312 17.9685 21.9225 16.8319 21.9729C15.5989 22.0277 15.2292 22.0416 12.1109 22.0416C8.99248 22.0416 8.61848 22.0277 7.38983 21.9729C6.2481 21.9225 5.63232 21.7312 5.22106 21.5712C4.67759 21.3608 4.28533 21.1059 3.87846 20.699C3.4672 20.2877 3.21665 19.8999 3.00189 19.3571C2.84192 18.9459 2.65054 18.325 2.60013 17.1884C2.54535 15.9553 2.53147 15.5857 2.53147 12.4673C2.53147 9.34895 2.54535 8.97495 2.60013 7.74629C2.65054 6.60457 2.84192 5.98878 3.00189 5.57753C3.21227 5.03405 3.46793 4.64179 3.87407 4.23492C4.28533 3.82366 4.67321 3.57311 5.21668 3.35835C5.62793 3.19838 6.2481 3.007 7.38545 2.9566C8.61337 2.90181 8.98372 2.88793 12.1065 2.88793H12.1072ZM12.1072 0.783445C8.93404 0.783445 8.5374 0.797324 7.29049 0.85211C6.04869 0.906895 5.19477 1.10777 4.45553 1.39558C3.68415 1.69653 3.03111 2.09391 2.38318 2.74695C1.73014 3.39561 1.33277 4.04792 1.03181 4.81491C0.744007 5.55926 0.543127 6.40807 0.488342 7.64987C0.433557 8.90117 0.419678 9.29781 0.419678 12.471C0.419678 15.6441 0.433557 16.0408 0.488342 17.2877C0.543127 18.5295 0.744007 19.3834 1.03181 20.1227C1.3335 20.894 1.73014 21.5471 2.38318 22.195C3.03111 22.8429 3.68415 23.2454 4.45115 23.542C5.1955 23.8298 6.0443 24.0307 7.2861 24.0855C8.53229 24.1402 8.92966 24.1541 12.1028 24.1541C15.276 24.1541 15.6734 24.1402 16.9196 24.0855C18.1614 24.0307 19.0153 23.8298 19.7545 23.542C20.5215 23.2454 21.1745 22.8437 21.8225 22.195C22.4704 21.5463 22.8729 20.894 23.1695 20.127C23.4573 19.3827 23.6581 18.5339 23.7129 17.2921C23.7677 16.0459 23.7816 15.6485 23.7816 12.4754C23.7816 9.3022 23.7677 8.90555 23.7129 7.65864C23.6581 6.41684 23.4573 5.56292 23.1695 4.82368C22.8817 4.04719 22.4843 3.39488 21.832 2.74622C21.184 2.09829 20.531 1.6958 19.764 1.39923C19.0197 1.11143 18.1708 0.910547 16.929 0.855762C15.6785 0.796594 15.2811 0.782715 12.1079 0.782715L12.1072 0.783445Z" fill="%23999999"/><path d="M12.1072 6.46724C8.79307 6.46724 6.10347 9.1561 6.10347 12.471C6.10347 15.7859 8.79234 18.4747 12.1072 18.4747C15.4221 18.4747 18.111 15.7859 18.111 12.471C18.111 9.15683 15.4221 6.46724 12.1072 6.46724ZM12.1072 16.3651C9.95671 16.3651 8.21307 14.6215 8.21307 12.471C8.21307 10.3205 9.95671 8.57684 12.1072 8.57684C14.2577 8.57684 16.0014 10.3205 16.0014 12.471C16.0014 14.6215 14.2577 16.3651 12.1072 16.3651Z" fill="%23999999"/><path d="M19.7494 6.22982C19.7494 7.00412 19.1219 7.6316 18.3476 7.6316C17.5733 7.6316 16.9459 7.00412 16.9459 6.22982C16.9459 5.45553 17.5733 4.82805 18.3476 4.82805C19.1219 4.82805 19.7494 5.45553 19.7494 6.22982Z" fill="%23999999"/></svg>');
}
.mix-icon_socialInstagram:hover::before {
    content: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1072 2.88793C15.23 2.88793 15.5996 2.90181 16.8275 2.9566C17.9692 3.007 18.585 3.19838 18.9963 3.35835C19.5397 3.56873 19.932 3.82439 20.3382 4.23054C20.7494 4.64179 21 5.02967 21.2147 5.57314C21.3747 5.9844 21.5661 6.60457 21.6165 7.74191C21.6713 8.97495 21.6851 9.34456 21.6851 12.4629C21.6851 15.5813 21.6713 15.9553 21.6165 17.184C21.5661 18.3257 21.3747 18.9415 21.2147 19.3527C21.0043 19.8962 20.7494 20.2885 20.3425 20.6946C19.9313 21.1059 19.5434 21.3564 19.0007 21.5712C18.5894 21.7312 17.9685 21.9225 16.8319 21.9729C15.5989 22.0277 15.2292 22.0416 12.1109 22.0416C8.99248 22.0416 8.61848 22.0277 7.38983 21.9729C6.2481 21.9225 5.63232 21.7312 5.22106 21.5712C4.67759 21.3608 4.28533 21.1059 3.87846 20.699C3.4672 20.2877 3.21665 19.8999 3.00189 19.3571C2.84192 18.9459 2.65054 18.325 2.60013 17.1884C2.54535 15.9553 2.53147 15.5857 2.53147 12.4673C2.53147 9.34895 2.54535 8.97495 2.60013 7.74629C2.65054 6.60457 2.84192 5.98878 3.00189 5.57753C3.21227 5.03405 3.46793 4.64179 3.87407 4.23492C4.28533 3.82366 4.67321 3.57311 5.21668 3.35835C5.62793 3.19838 6.2481 3.007 7.38545 2.9566C8.61337 2.90181 8.98372 2.88793 12.1065 2.88793H12.1072ZM12.1072 0.783445C8.93404 0.783445 8.5374 0.797324 7.29049 0.85211C6.04869 0.906895 5.19477 1.10777 4.45553 1.39558C3.68415 1.69653 3.03111 2.09391 2.38318 2.74695C1.73014 3.39561 1.33277 4.04792 1.03181 4.81491C0.744007 5.55926 0.543127 6.40807 0.488342 7.64987C0.433557 8.90117 0.419678 9.29781 0.419678 12.471C0.419678 15.6441 0.433557 16.0408 0.488342 17.2877C0.543127 18.5295 0.744007 19.3834 1.03181 20.1227C1.3335 20.894 1.73014 21.5471 2.38318 22.195C3.03111 22.8429 3.68415 23.2454 4.45115 23.542C5.1955 23.8298 6.0443 24.0307 7.2861 24.0855C8.53229 24.1402 8.92966 24.1541 12.1028 24.1541C15.276 24.1541 15.6734 24.1402 16.9196 24.0855C18.1614 24.0307 19.0153 23.8298 19.7545 23.542C20.5215 23.2454 21.1745 22.8437 21.8225 22.195C22.4704 21.5463 22.8729 20.894 23.1695 20.127C23.4573 19.3827 23.6581 18.5339 23.7129 17.2921C23.7677 16.0459 23.7816 15.6485 23.7816 12.4754C23.7816 9.3022 23.7677 8.90555 23.7129 7.65864C23.6581 6.41684 23.4573 5.56292 23.1695 4.82368C22.8817 4.04719 22.4843 3.39488 21.832 2.74622C21.184 2.09829 20.531 1.6958 19.764 1.39923C19.0197 1.11143 18.1708 0.910547 16.929 0.855762C15.6785 0.796594 15.2811 0.782715 12.1079 0.782715L12.1072 0.783445Z" fill="%23006EB5"/><path d="M12.1072 6.46724C8.79307 6.46724 6.10347 9.1561 6.10347 12.471C6.10347 15.7859 8.79234 18.4747 12.1072 18.4747C15.4221 18.4747 18.111 15.7859 18.111 12.471C18.111 9.15683 15.4221 6.46724 12.1072 6.46724ZM12.1072 16.3651C9.95671 16.3651 8.21307 14.6215 8.21307 12.471C8.21307 10.3205 9.95671 8.57684 12.1072 8.57684C14.2577 8.57684 16.0014 10.3205 16.0014 12.471C16.0014 14.6215 14.2577 16.3651 12.1072 16.3651Z" fill="%23006EB5"/><path d="M19.7494 6.22982C19.7494 7.00412 19.1219 7.6316 18.3476 7.6316C17.5733 7.6316 16.9459 7.00412 16.9459 6.22982C16.9459 5.45553 17.5733 4.82805 18.3476 4.82805C19.1219 4.82805 19.7494 5.45553 19.7494 6.22982Z" fill="%23006EB5"/></svg>');
}
.mix-icon_socialYouTube::before { 
    content: url('data:image/svg+xml,<svg width="33" height="21" viewBox="0 0 33 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.0253 0.0673828H5.26089C2.35223 0.0673828 0 2.42779 0 5.34657V14.7882C0 17.707 2.35223 20.0674 5.26089 20.0674H27.0253C29.9339 20.0674 32.2862 17.707 32.2862 14.7882V5.34657C32.2862 2.42779 29.9339 0.0673828 27.0253 0.0673828ZM11.9508 14.9278V5.21967L20.3354 10.0801L11.9508 14.9405V14.9278Z" fill="%23999999"/></svg>');
}
.mix-icon_socialYouTube:hover::before {
    content: url('data:image/svg+xml,<svg width="33" height="21" viewBox="0 0 33 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.0253 0.0673828H5.26089C2.35223 0.0673828 0 2.42779 0 5.34657V14.7882C0 17.707 2.35223 20.0674 5.26089 20.0674H27.0253C29.9339 20.0674 32.2862 17.707 32.2862 14.7882V5.34657C32.2862 2.42779 29.9339 0.0673828 27.0253 0.0673828ZM11.9508 14.9278V5.21967L20.3354 10.0801L11.9508 14.9405V14.9278Z" fill="%23006EB5"/></svg>');
}
.mix-icon_socialFacebook::before { 
    content: url('data:image/svg+xml,<svg width="17" height="29" viewBox="0 0 17 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1147 16.3498V28.0674H4.74662V16.3498H0.286133V11.5961H4.74662V9.8635C4.74662 3.44382 7.41406 0.0673828 13.0699 0.0673828C14.8076 0.0673828 15.2393 0.34505 16.1911 0.578291V5.27643C15.1286 5.08761 14.8298 4.98765 13.7229 4.98765C12.4058 4.98765 11.7085 5.35417 11.0776 6.08722C10.4357 6.82026 10.1258 8.09753 10.1258 9.91903V11.5961H16.2022L14.5641 16.3498H10.1147Z" fill="%23999999"/></svg>');
}
.mix-icon_socialFacebook:hover::before { 
    content: url('data:image/svg+xml,<svg width="17" height="29" viewBox="0 0 17 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1147 16.3498V28.0674H4.74662V16.3498H0.286133V11.5961H4.74662V9.8635C4.74662 3.44382 7.41406 0.0673828 13.0699 0.0673828C14.8076 0.0673828 15.2393 0.34505 16.1911 0.578291V5.27643C15.1286 5.08761 14.8298 4.98765 13.7229 4.98765C12.4058 4.98765 11.7085 5.35417 11.0776 6.08722C10.4357 6.82026 10.1258 8.09753 10.1258 9.91903V11.5961H16.2022L14.5641 16.3498H10.1147Z" fill="%23006EB5"/></svg>');
}
.mix-icon_socialTwitter::before { 
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5239 10.5074L23.4599 0.335449H21.3431L13.5807 9.16585L7.38548 0.335449H0.238281L9.60868 13.6898L0.238281 24.3554H2.35508L10.5471 15.0282L17.0911 24.3554H24.2383M3.11908 1.89865H6.37108L21.3415 22.869H18.0887" fill="%23999999"/></svg>');
}
.mix-icon_socialTwitter:hover::before {
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5239 10.5074L23.4599 0.335449H21.3431L13.5807 9.16585L7.38548 0.335449H0.238281L9.60868 13.6898L0.238281 24.3554H2.35508L10.5471 15.0282L17.0911 24.3554H24.2383M3.11908 1.89865H6.37108L21.3415 22.869H18.0887" fill="%23006EB5"/></svg>');
}
.mix-icon_socialPinterest::before { 
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.2011 12.0684C24.2011 14.2459 23.6648 16.2538 22.592 18.0919C21.5193 19.9301 20.0635 21.3859 18.2246 22.4593C16.3858 23.5327 14.378 24.0691 12.2011 24.0684C11.0451 24.0684 9.90962 23.9017 8.79486 23.5684C9.40958 22.5996 9.81595 21.7455 10.014 21.0062C10.108 20.6521 10.3893 19.553 10.858 17.7089C11.0667 18.1149 11.4471 18.4666 11.9991 18.764C12.5512 19.0613 13.1449 19.2097 13.7803 19.209C15.0411 19.209 16.1661 18.8523 17.1556 18.1389C18.145 17.4255 18.9107 16.4438 19.4528 15.1937C19.9948 13.9436 20.2655 12.5371 20.2648 10.9743C20.2648 9.78688 19.9548 8.67212 19.3347 7.63004C18.7147 6.58795 17.8163 5.73888 16.6395 5.08283C15.4628 4.42677 14.1346 4.09874 12.6552 4.09874C11.5611 4.09874 10.54 4.24976 9.59193 4.55178C8.64385 4.85381 7.83912 5.25484 7.17773 5.75488C6.51634 6.25492 5.94863 6.83064 5.47459 7.48202C5.00055 8.13341 4.65152 8.8078 4.4275 9.50519C4.20348 10.2026 4.09147 10.9006 4.09147 11.5994C4.09147 12.6828 4.29982 13.6359 4.71653 14.4586C5.13323 15.2813 5.74261 15.8594 6.54468 16.1928C6.85737 16.3174 7.05539 16.2131 7.13873 15.8797C7.1594 15.8071 7.20107 15.6457 7.26374 15.3957C7.32641 15.1457 7.36808 14.9893 7.38875 14.9266C7.45142 14.6873 7.39408 14.4633 7.21673 14.2546C6.68536 13.6192 6.41967 12.8328 6.41967 11.8954C6.41967 10.3226 6.96405 8.97082 8.0528 7.84005C9.14156 6.70929 10.566 6.14425 12.3262 6.14491C13.899 6.14491 15.1257 6.57195 16.0065 7.42602C16.8872 8.28009 17.3272 9.38952 17.3266 10.7543C17.3266 12.5251 16.9699 14.0306 16.2565 15.2707C15.5431 16.5108 14.629 17.1305 13.5143 17.1298C12.8789 17.1298 12.3685 16.9031 11.9831 16.4498C11.5978 15.9964 11.4781 15.452 11.6241 14.8166C11.7074 14.4519 11.8455 13.9649 12.0381 13.3555C12.2308 12.7461 12.3872 12.2098 12.5072 11.7464C12.6272 11.283 12.6872 10.8896 12.6872 10.5663C12.6872 10.0456 12.5465 9.6132 12.2652 9.26917C11.9838 8.92515 11.5828 8.75313 11.0621 8.75313C10.416 8.75313 9.86895 9.05016 9.42092 9.64421C8.97288 10.2383 8.74886 10.978 8.74886 11.8634C8.74886 12.6241 8.8792 13.2595 9.13989 13.7695L7.59276 20.3011C7.41542 21.0305 7.34774 21.9526 7.38975 23.0673C5.24357 22.1192 3.50909 20.6555 2.18631 18.676C0.863537 16.6965 0.202148 14.4933 0.202148 12.0664C0.202148 9.88889 0.738526 7.88106 1.81128 6.0429C2.88404 4.20475 4.33983 2.74896 6.17865 1.67554C8.01747 0.602118 10.0253 0.0657401 12.2021 0.0664069C14.379 0.0670736 16.3868 0.603452 18.2256 1.67554C20.0645 2.74763 21.5203 4.20342 22.593 6.0429C23.6658 7.88239 24.2021 9.89023 24.2021 12.0664L24.2011 12.0684Z" fill="%23999999"/></svg>');
}
.mix-icon_socialPinterest:hover::before { 
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.2011 12.0684C24.2011 14.2459 23.6648 16.2538 22.592 18.0919C21.5193 19.9301 20.0635 21.3859 18.2246 22.4593C16.3858 23.5327 14.378 24.0691 12.2011 24.0684C11.0451 24.0684 9.90962 23.9017 8.79486 23.5684C9.40958 22.5996 9.81595 21.7455 10.014 21.0062C10.108 20.6521 10.3893 19.553 10.858 17.7089C11.0667 18.1149 11.4471 18.4666 11.9991 18.764C12.5512 19.0613 13.1449 19.2097 13.7803 19.209C15.0411 19.209 16.1661 18.8523 17.1556 18.1389C18.145 17.4255 18.9107 16.4438 19.4528 15.1937C19.9948 13.9436 20.2655 12.5371 20.2648 10.9743C20.2648 9.78688 19.9548 8.67212 19.3347 7.63004C18.7147 6.58795 17.8163 5.73888 16.6395 5.08283C15.4628 4.42677 14.1346 4.09874 12.6552 4.09874C11.5611 4.09874 10.54 4.24976 9.59193 4.55178C8.64385 4.85381 7.83912 5.25484 7.17773 5.75488C6.51634 6.25492 5.94863 6.83064 5.47459 7.48202C5.00055 8.13341 4.65152 8.8078 4.4275 9.50519C4.20348 10.2026 4.09147 10.9006 4.09147 11.5994C4.09147 12.6828 4.29982 13.6359 4.71653 14.4586C5.13323 15.2813 5.74261 15.8594 6.54468 16.1928C6.85737 16.3174 7.05539 16.2131 7.13873 15.8797C7.1594 15.8071 7.20107 15.6457 7.26374 15.3957C7.32641 15.1457 7.36808 14.9893 7.38875 14.9266C7.45142 14.6873 7.39408 14.4633 7.21673 14.2546C6.68536 13.6192 6.41967 12.8328 6.41967 11.8954C6.41967 10.3226 6.96405 8.97082 8.0528 7.84005C9.14156 6.70929 10.566 6.14425 12.3262 6.14491C13.899 6.14491 15.1257 6.57195 16.0065 7.42602C16.8872 8.28009 17.3272 9.38952 17.3266 10.7543C17.3266 12.5251 16.9699 14.0306 16.2565 15.2707C15.5431 16.5108 14.629 17.1305 13.5143 17.1298C12.8789 17.1298 12.3685 16.9031 11.9831 16.4498C11.5978 15.9964 11.4781 15.452 11.6241 14.8166C11.7074 14.4519 11.8455 13.9649 12.0381 13.3555C12.2308 12.7461 12.3872 12.2098 12.5072 11.7464C12.6272 11.283 12.6872 10.8896 12.6872 10.5663C12.6872 10.0456 12.5465 9.6132 12.2652 9.26917C11.9838 8.92515 11.5828 8.75313 11.0621 8.75313C10.416 8.75313 9.86895 9.05016 9.42092 9.64421C8.97288 10.2383 8.74886 10.978 8.74886 11.8634C8.74886 12.6241 8.8792 13.2595 9.13989 13.7695L7.59276 20.3011C7.41542 21.0305 7.34774 21.9526 7.38975 23.0673C5.24357 22.1192 3.50909 20.6555 2.18631 18.676C0.863537 16.6965 0.202148 14.4933 0.202148 12.0664C0.202148 9.88889 0.738526 7.88106 1.81128 6.0429C2.88404 4.20475 4.33983 2.74896 6.17865 1.67554C8.01747 0.602118 10.0253 0.0657401 12.2021 0.0664069C14.379 0.0670736 16.3868 0.603452 18.2256 1.67554C20.0645 2.74763 21.5203 4.20342 22.593 6.0429C23.6658 7.88239 24.2021 9.89023 24.2021 12.0664L24.2011 12.0684Z" fill="%23006EB5"/></svg>');
}
.mix-icon_socialLinkedIn::before { 
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6195 7.94346H0.59884V24.0033H5.6195V7.94346Z" fill="%23999999"/><path d="M19.1815 7.59514C18.9956 7.57026 18.7972 7.55783 18.5989 7.54539C15.7848 7.43343 14.198 9.10036 13.6526 9.82187C13.5038 10.0085 13.4294 10.1329 13.4294 10.1329V7.98078H8.63191V24.0406H13.6526V16.5021C13.6526 15.4073 13.5658 14.2504 14.1112 13.2553C14.5699 12.4218 15.4005 11.9988 16.3426 11.9988C19.1071 11.9988 19.1815 14.5117 19.1815 14.748V24.1028H24.2021V13.6285C24.2021 10.0458 22.3922 7.93102 19.1815 7.5827V7.59514Z" fill="%23999999"/><path d="M3.11538 5.87845C4.72431 5.87845 6.02861 4.56962 6.02861 2.95509C6.02861 1.34057 4.72431 0.0317383 3.11538 0.0317383C1.50645 0.0317383 0.202148 1.34057 0.202148 2.95509C0.202148 4.56962 1.50645 5.87845 3.11538 5.87845Z" fill="%23999999"/></svg>');
}
.mix-icon_socialLinkedIn:hover::before { 
    content: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.6195 7.94346H0.59884V24.0033H5.6195V7.94346Z" fill="%23006EB5"/><path d="M19.1815 7.59514C18.9956 7.57026 18.7972 7.55783 18.5989 7.54539C15.7848 7.43343 14.198 9.10036 13.6526 9.82187C13.5038 10.0085 13.4294 10.1329 13.4294 10.1329V7.98078H8.63191V24.0406H13.6526V16.5021C13.6526 15.4073 13.5658 14.2504 14.1112 13.2553C14.5699 12.4218 15.4005 11.9988 16.3426 11.9988C19.1071 11.9988 19.1815 14.5117 19.1815 14.748V24.1028H24.2021V13.6285C24.2021 10.0458 22.3922 7.93102 19.1815 7.5827V7.59514Z" fill="%23006EB5"/><path d="M3.11538 5.87845C4.72431 5.87845 6.02861 4.56962 6.02861 2.95509C6.02861 1.34057 4.72431 0.0317383 3.11538 0.0317383C1.50645 0.0317383 0.202148 1.34057 0.202148 2.95509C0.202148 4.56962 1.50645 5.87845 3.11538 5.87845Z" fill="%23006EB5"/></svg>');
}
.gFooter-content-top-logos-env a {
    display: inline-block;
    height: 75px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-position: center 0;
    background-size: 75px;
    opacity: .4;
    font-size: 0 !important;
    margin-top: calc(var(--spacing) * 2);
}
.gFooter-content-top-connect-copy {
    font-size: 16px;
}
@media only screen and (min-width: 768px) {
    .f-links { flex-direction: row; }
    .f-links-right, .f-links-left { width: calc(50% - 15px); }
    .gFooter-content-mid  {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .gFooter-content-mid-section { flex-basis: 50%; }
    .gFooter-content-bottom-copyright {
        text-align: center;
        padding-bottom: 10px;
    }
    .gFooter-content-bottom-policy ul {
        padding: 0px 100px;
        margin: auto;
        text-align: center;
    }
    .gFooter-content-bottom-policy li {
        display: inline-block;
        padding: 5px 10px;
    }
    .gFooter-content-top-logos-env span { background-size: 160px !important; }
}
@media only screen and (min-width: 1024px) {
    .gFooter-content-top-logos-env span { background-size: 100% !important; }
    .gFooter-content-top { flex-direction: row-reverse; }
    .gFooter-content-top-logos {
        flex-direction: column;
        width: 30%;
        padding-top: 0;
    }
    .gFooter-content-top-connect { width: 75%; }
    .gFooter-content-mid-section {
        display: flex;
        flex-direction: row;
    }
    .gFooter-content-mid-section div { width: 50%; }

}
@media only screen and (min-width: 1400px) {
    .gFooter { padding: 40px; }
    .gFooter-content-top-logos { width: 25%; }
    .gFooter-content-bottom {
        display: flex;
        padding: 31px 100px;
    }
    .gFooter-content-bottom-policy { flex-grow: 1; }
    .gFooter-content-bottom-policy ul {
        text-align: right;
        margin: 0;
        padding: 0;
    } 
    .gFooter-content-bottom-copyright { 
        display: flex;
        align-items: center;
        padding-bottom: 0;
    }
    .gFooter-content-top-connect-social {
        width: 100%;
        padding-top: 0;
    }
    .globalFooter-connect-inner {
        display: block;
        width: 100%;
    }
    .gFooter-content-top-connect { grid-template-columns: calc(67% - 90px) 33%; }
    .gFooter-content-top-connect-grdCpy { 
        grid-column: span 2; 
        height: 75px;
    }
    .gFooter-content-top-connect { gap: 0px 40px; }
    .gFooter-content-bottom-policy li { padding: 2px 20px 5px 10px; }
    .gFooter-content-top-logos-brand { width: auto; }
}
/* 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_5 {
    font: 30px/37px var(--f-SANS);
    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;
}
.bdcpy {
    font: 16px/24px var(--f-SANS);
    font-weight: 300;
    color: var(--c-BLACK);
    letter-spacing: 0.03em;
}
.bdcpy_sm {
    font: 11px/17px var(--f-SANS);
    font-weight: 300;
}
.bdcpy_md {
    font: 14px/24px var(--f-SANS);
    font-weight: 300;
}
.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;
}
.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 {
    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_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: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;
}
@media screen and (min-width: 480px) {
    .btn { min-width: 200px; }
}
.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: 20px;
    gap: 30px;
}
@media only screen and (min-width: 768px) {
    .layoutDoubleColumn {
        padding: 20px 40px;
    }
}
@media only screen and (min-width: 1024px) {
    .layoutDoubleColumn {
        flex-direction: row;
        padding: 40px;
        gap: 20px;
    }
    .layoutDoubleColumn__reverse {
        flex-direction: row-reverse;
    }
    .layoutDoubleColumn--innerContent {
        display: flex;
        justify-content: center;
        height: 100%;
        flex-direction: column;
    }
    .layoutDoubleColumn > div { width: calc(50% - 10px); }
}
@media only screen and (min-width: 1480px) {
    .layoutDoubleColumn { padding: 40px 0; }
}
@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 only screen and (min-width: 1400px) {
    .layout-main { width: calc(100% - 420px); }
    .layout-aside { width: 420px; }
    .layout-aside_wide { width: 540px; }
}
.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; }
}
.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: .8vw;
        padding: .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_freeShip:after { content: 'Free Shipping'; }
.pill_fiveDollarShip:after { content: '$5 Shipping'; }
.pill_freeShip:after,
.pill_fiveDollarShip:after {
    background-color: var(--c-COPPER-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-image: url('https://smartpress.imgix.net/resources/sites/1_site/assets/why-print-at-smartpress-video-poster_compressed.jpg?fit=cover&amp;bg=none&amp;repeat=none');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.featureContainer-cta {
    opacity: .8;
    transition: opacity .3s;
}
.featureContainer:hover .featureContainer-cta { 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: sans-serif;
    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; }
.btnShop { padding: 8px 11px 8px 35px }
@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; }
}
.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;
}
/* 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: 40px;
    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)
}
.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);
    max-width: 480px;
    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;
    padding: 40px;
    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%;
    max-width: 480px;
    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: 40px;
    box-sizing: border-box;
}
.gHeader-nav-list-item-links-backLink:after,
.gHeader-nav-list-item-links-backLink:before {
    content: '';
    position: absolute;
    left: 13px;
    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;
    max-width: 480px;
    padding: 0;
    margin: 0 auto;
    transition: all .2s;
}
.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) {
    .gHeaderMenu {
        max-height: 0px;
        overflow: hidden;
    }

    .hoverOn .gHeaderMenu { max-height: 500px!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 {
        opacity: 1;
        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% - 1420px) / 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;
    }
}
.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;
}
.cart-aside { background-color: #f7f7f7; }
@media screen and (min-width: 1024px) {
    .cart {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 10px;
    }

    .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; }
}
/*doc
---
title: Single Quote
name: singleQuote
category: Components
---

Class                | Description
-------------------- | -----------------
singleQuote            | TODO: Add description


```html_example

```
*/
.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://smartpress.imgix.net/resources/sites/1_site/assets/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;
}
@media screen and (min-width: 1024px) {
    body.mix-bodyIsLocked:not(.theme-salesEstimate):before,
    body.bodyIsLocked_dialog:before {
        content: '';
        position: fixed;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 1;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: var(--z-MODAL-SNEEZEGUARD);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
    body.bodyIsLocked_dialog:before {
        z-index: var(--z-MODAL-SNEEZEGUARD);
    }
    .mix-sneezeGaurd {
        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);
    }
}
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;
}
.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; }
/* 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://smartpress.imgix.net/resources/sites/1_site/assets/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://smartpress.imgix.net/resources/sites/1_site/assets/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://smartpress.imgix.net/resources/sites/1_site/assets/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;
}
.yotpo-action-button-text { letter-spacing: 1px !important; }
/*responsive font*/
.yotpo-title { font-size: 60px !important; }
.yotpo-info .yotpo-inner-text,
.yotpo-vip-tiers-headline,
.yotpo-header-text,
.yotpo-headline { font-size: 40px !important; }
.yotpo-header-text { font-family: var(--f-SANS-COND) !important;}
@media screen and (min-width: 768px) {
    .yotpo-title { font-size: 75px !important; }

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

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

    .yotpo-info .yotpo-inner-text,
    .yotpo-vip-tiers-headline,
    .yotpo-headline { font-size: 80px !important; }
    .yotpo-header-text { font-size: 60px !important; }
}
/*outline button overwrites*/
.yotpo-capsule-btn-type { border-width: 2px !important; }
/****************************************
    HERO SECTION
*****************************************/
.yotpo-widget-hero-section .yotpo-text-on-background .yotpo-text-container .yotpo-title { font-family: var(--f-SANS-COND) !important; }
.yotpo-widget-hero-section .yotpo-text-container .yotpo-title { padding: 20px 0 !important; }
@media (min-width: 768px) {
    .yotpo-widget-hero-section .yotpo-text-container .yotpo-title { padding: 40px 0 !important;; }
}
.yotpo-widget-hero-section { padding: 0 20px; }
@media (min-width: 768px) {
    .yotpo-widget-hero-section { padding: 0 50px; }
}
.yotpo-widget-hero-section .yotpo-text-on-background { min-height: 0 !important; }
.yotpo-widget-hero-section .yotpo-text-on-background .yotpo-text-container { top: 0 !important; }
.yotpo-widget-hero-section .yotpo-text-on-background .yotpo-text-container.yotpo-center-layout {
    text-align: left !important;
    max-width: 100%;
    border-top: 2px solid #333333;
}
/*hero section - MOBILE*/
.yotpo-widget-hero-section .yotpo-text-on-background.yotpo-is-mobile .yotpo-background-text-mobile { padding-top: 0 !important; }
.yotpo-widget-hero-section .yotpo-text-on-background.yotpo-is-mobile .yotpo-text-and-buttons { text-align: left !important; }
.yotpo-widget-hero-section .yotpo-customer-logged-out-buttons { display: none; }
/* HOW IT WORKS section */
/*subhead and border*/
.yotpo-widget-my-rewards-widget {
    border-top: 2px solid #333333;
    margin: 0 20px;
}
@media (min-width: 768px) {
    .yotpo-widget-my-rewards-widget { margin: 0 50px; }
    .yotpo-widget-my-rewards-widget .yotpo-grid-row { margin-bottom: 0 !important; }
    .yotpo-widget-my-rewards-widget .yotpo-rewards-history-tile { padding-bottom: 0 !important; }
}
.yotpo-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) {
  .yotpo-widget-my-rewards-widget::before { left: 50px; }
}
.yotpo-widget-my-rewards-widget .yotpo-tile-box { margin: 0 !important;}
.yotpo-widget-my-rewards-widget .yotpo-is-mobile .yotpo-headline { margin-top: 40px; }
.yotpo-widget-my-rewards-widget .yotpo-is-mobile .yotpo-tile-box { width: 100% !important; }
.yotpo-rewards-guide-tile-wrapper, .yotpo-widget-my-rewards-widget .yotpo-info {
    max-width: 100% !important;
    text-align: left;
    width: auto !important;
}
.yotpo-widget-my-rewards-widget .yotpo-rewards-guide-tile-wrapper .yotpo-headline .yotpo-inner-text,
.yotpo-widget-my-rewards-widget .yotpo-reward-steps-title .yotpo-inner-text {
    color: #000 !important;
    font-family: 'din-condensed' !important;
}
.yotpo-widget-my-rewards-widget .yotpo-step-icon { height: 165px !important; }
.yotpo-custom-step-icon {
    height: 165px !important;
    width: 165px;
}
.yotpo-reward-steps-title > .yotpo-inner-text:before {
    content: "";
    font-size: 15px;
    background-color: #ffffff;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    padding: 15px;
    margin-right: 10px;
}
.yotpo-reward-steps-item-1 .yotpo-reward-steps-title > .yotpo-inner-text:before { content: "01"; }
.yotpo-reward-steps-item-2 .yotpo-reward-steps-title > .yotpo-inner-text:before { content: "02"; }
.yotpo-reward-steps-item-3 .yotpo-reward-steps-title > .yotpo-inner-text:before { content: "03"; }
/*logged in state*/
/*user first name*/
.yotpo-logged-in-view .yotpo-inner-text {
    font-size: 20px !important;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description { margin-bottom: 20px !important; }
.yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-description .yotpo-inner-text {
    font-family: 'din-condensed' !important;
    font-size: 48px !important;
}
/*button overwrites*/
.yotpo-action-button-widget.yotpo-action-button.yotpo-secondary-button button {
    background: #333 !important;
    color: white !important;
}
.yotpo-widget-my-rewards-widget .yotpo-logged-in-view .yotpo-primary-button { display: none; }
/* VIP TIERS section */
/*Section BKGD Color*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tiers-list {
    background: #333333;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/pp-texture-bg-gray.png");
    background-repeat: repeat;
}
@media (min-width: 768px) {
    .mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tiers-list {
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-top: 50px !important;
    }
}
/*multi color border*/
.mix-printPointsLP .yotpo-vip-tiers-widget { position: relative; }
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-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 .yotpo-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 .yotpo-vip-tiers-widget .yotpo-background:before { margin: 0 50px; }
}
.mix-printPointsLP .yotpo-is-mobile .yotpo-vip-tiers-list:before {
    position: relative;
    top: 20px;
}
/*widget title*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tiers-headline {
    font-family: 'din-condensed' !important;
    margin-top: 50px;
    text-align: left !important;
}
/*Card Width*/
.yotpo-vip-tier-container {
    width: 100% !important;
    padding: 10px;
}
@media (min-width: 1024px) {
    .yotpo-vip-tier-container { width: 50% !important; }
}
@media (min-width: 1550px) {
    .yotpo-vip-tier-container { width: 25% !important; }
}
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-benefits { padding-bottom: 15px !important; }
/*Card name and Icon*/
.yotpo-vip-tier-header { text-align: left !important; }
.yotpo-vip-tier-name { text-transform: uppercase; }
.yotpo-vip-tier-icon-wrapper {
    width: 43px;
    display: inline-block;
    position: relative;
    top: 6px;
}
.yotpo-vip-tier-name {
    display: inline-block;
    margin-left: 10px;
}
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tiers-wrapper { max-width: none !important; }
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-four-tiers-per-row.yotpo-spacing-big .yotpo-vip-tier-container { margin: 0!important; }
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container .yotpo-vip-tier {
    border-radius: 20px;
    position: relative;
}
/*Card name and Icon Is Mobile*/
.VueCarousel .VueCarousel-inner .VueCarousel-slide .yotpo-vip-tier-header  {
  /* text-align: center !important; */
  padding: 20px !important;
}
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container .yotpo-vip-tier .yotpo-vip-tier-name {
    font-family: 'din-condensed' !important;
    font-size: 45px !important;
    color: #000 !important;
}
/*Level Pill*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container .yotpo-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 .yotpo-vip-tiers-widget .yotpo-vip-tier-container .yotpo-vip-tier-name::after { display: block; }
}
/*Level Pill is Mobile*/
.VueCarousel .VueCarousel-inner .VueCarousel-slide .yotpo-vip-tier-name::after {
    top: 20px;
    right: 20px;
    text-align: center;
}
/*Cyan*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(1) .yotpo-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(1) .yotpo-vip-tier-name::after { content: "TIER 1";}
/*Magenta*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(2) .yotpo-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(2) .yotpo-vip-tier-name::after { content: "TIER 2";}
/*Yellow*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(3) .yotpo-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(3) .yotpo-vip-tier-name::after { content: "TIER 3";}
/*Black*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4) .yotpo-vip-tier-name::after,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .yotpo-vip-tier-name::after { content: "TIER 4";}
/*Card Color overwrites*/
/*Cyan*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(1) .yotpo-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(1) .yotpo-vip-tier { background-color: #00FFFF !important; }
/*Magenta*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(2) .yotpo-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(2) .yotpo-vip-tier { background-color: #FF00FF !important; }
/*yellow*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(3) .yotpo-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(3) .yotpo-vip-tier { background-color: #FFFF00 !important; }
/*black*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4) .yotpo-vip-tier,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .yotpo-vip-tier { background-color: #000000 !important;}
.yotpo-vip-tier-container.yotpo-active .yotpo-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 .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(1).yotpo-active .yotpo-vip-tier:before { border-color: #00FFFF75; }
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(2).yotpo-active .yotpo-vip-tier:before { border-color: #FF00FF75; }
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(3).yotpo-active .yotpo-vip-tier:before { border-color: #FFFF0075; }
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4).yotpo-active .yotpo-vip-tier:before { border-color: #00000075; }
/*color text overwrites for black level tier*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4) .yotpo-vip-tier .yotpo-vip-tier-name,
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4) .yotpo-vip-tier .yotpo-vip-tier-threshold,
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4) .yotpo-vip-tier .yotpo-vip-tier-benefits-list .yotpo-vip-tier-benefits-list-item .yotpo-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .yotpo-vip-tier-name,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .yotpo-vip-tier .yotpo-vip-tier-threshold,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .yotpo-vip-tier .yotpo-vip-tier-benefits-list .yotpo-vip-tier-benefits-list-item .yotpo-vip-tier-benefit-text { color: #fff !important; }
/*level speed circle*/
li.yotpo-vip-tier-benefits-list-item:first-child { margin-right: 10px;}
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text {
    padding: 25px;
    border-radius: 100%;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 20px;
}
/*Cyan*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(1) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(1) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text { background-color: #04C7C7; }
/*Magenta*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(2) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(2) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text { background-color: #DD00DD; }
/*Yellow*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(3) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(3) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text { background-color: #E4E403; }
/*Black*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-container:nth-child(4) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text,
.VueCarousel .VueCarousel-inner .VueCarousel-slide:nth-child(4) .yotpo-vip-tier li.yotpo-vip-tier-benefits-list-item:first-child .yotpo-vip-tier-benefit-text {
    background-color: #333333;
    padding: 25px 25px 25px 18px;
}
/* .yotpo-active {} */
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier-benefits-list-item { display: inline-block !important; }
.yotpo-vip-tier-benefit-text {
    font-weight: bold !important;
    letter-spacing: 2px;
}
/*level speed circle is mobile*/
.mix-printPointsLP .yotpo-vip-tiers-widget .yotpo-vip-tier.yotpo-mobile.yotpo-collapsed .yotpo-vip-tier-benefits { min-height: 0 !important; }
/*Card pricing*/
.yotpo-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;
}
.yotpo-vip-tier-threshold:after {
    content: "YEARLY SPEND";
    display: block;
    font-size: 16px;
}
/*card pricing is Mobile*/
.VueCarousel .VueCarousel-inner .VueCarousel-slide .yotpo-vip-tier .yotpo-vip-tier-threshold { height: auto !important; }
/*legal content*/
.printPoints-disclaimer {
    padding: 20px;
    /* background-color: #333; */
    /* background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/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 .yotpo-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 .yotpo-widget-referral-widget::before { margin: 40px 50px 0 50px; }
}
.mix-printPointsLP .yotpo-widget-referral-widget {
    background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/pp-lp-non-logged-in-secondary-half-width-gradient.png");
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-screen-customer_email,
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-screen-friends_emails {
    background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/pp-texture-bg-gray.png");
    background-repeat: repeat !important;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-background { height: auto !important; }
@media (min-width: 1440px) {
    .mix-printPointsLP .yotpo-widget-referral-widget {
        background-size: contain;
        background-position: 100% 0;
    }
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-tile-box {
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*text overwrites*/
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-header-text { padding-bottom: 0 !important; }
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-header-text,
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-description-text { text-align: left;}
/*input overwrites*/
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input {
    background-color: transparent !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.yotpo-inputs-container .yotpo-input-container.yotpo-email-container .yotpo-input { font-size: 14px !important; }
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input::placeholder { color: #000 !important; }
.yotpo-input-label {
    font-family: var(--f-SANS-COND) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-action-button-widget {
    margin-top: 50px !important;
    right: 0;
    align-self: flex-end;
    width: 300px !important;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-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 .yotpo-referral-widget-error-message {
    background: #ff3c3a;
    padding: 5px;
    color: #fff !important;
    border-radius: 5px;
}
/*logged in*/
.mix-printPointsLP .yotpo-input-example {
    padding: 10px 0 0 15px;
    color: #333 !important;
    font-weight: bold;
}
.mix-printPointsLP span.yotpo-share-button-txt { display: none !important; }
.mix-printPointsLP .yotpo-email-view {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-tile-wrapper {
    max-width: 1024px !important;
    padding: 100px 0;
}
@media (min-width: 768px) {
    .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-tile-wrapper {  padding: 100px 50px; }
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-tile-box{ height: auto !important; }
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-header-text,
.mix-printPointsLP .yotpo-description-text,
.mix-printPointsLP .yotpo-title-text { width: 100%; }
@media (min-width: 768px) {
    .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-header-text,
    .mix-printPointsLP .yotpo-description-text,
    .mix-printPointsLP .yotpo-title-text{ width: 50%; }
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-header-text { align-self: self-start; }
.mix-printPointsLP .yotpo-description-text,
.mix-printPointsLP .yotpo-title-text { align-self: center; }
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-referral-widget-form { width: 100%; }
.mix-printPointsLP .yotpo-friends-emails-view .yotpo-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 .yotpo-title-text { display: none; }
.mix-printPointsLP .yotpo-final-view .yotpo-title-text {
    display: block;
    width: 100% !important;
    text-align: left;
}
.mix-printPointsLP .yotpo-final-view .yotpo-header-text { width: 100% !important; }
/*Share Icon overwrites*/
.yotpo-widget-referral-widget .yotpo-share-buttons-container { margin-top: 28px !important; }
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-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;
}
.yotpo-widget-referral-widget .yotpo-share-buttons-container.yotpo-is-mobile { margin-top: 0 !important; }
.mix-printPointsLP ul.yotpo-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.yotpo-share-buttons-container:before {
        top: 0;
        left: 0;
      }
}
.mix-printPointsLP svg.yotpo-share-button-icon {
    height: 50px !important;
    width: 50px !important;
    color: #333;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-share-buttons-container li,
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-share-buttons-container li:first-child,
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-share-buttons-container li:last-child {
    margin-left: 0 !important;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-share-buttons-container li {
    margin-right: 15px !important;
}
.mix-printPointsLP .yotpo-widget-referral-widget .yotpo-is-mobile textarea.yotpo-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 .yotpo-widget-referral-widget .yotpo-tile-wrapper {
    max-width: inherit;
    text-align: left;
}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-background.yotpo-center-background { 
    height: auto !important; 
    padding-top: 0px;
}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-header-text {
    padding-bottom: 0px;
    font-family: var(--f-SANS) !important;
    font-size: 36px !important;
}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-share-button-txt { font-size: 0; }
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-share-buttons-container { justify-content: flex-start; }
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-share-buttons-container li { margin-right: 20px !important; }
.mix-printPointsAccount .yotpo-share-button-icons svg {
    height: 50px;
    width: 50px;
    color: var(--c-BRAND);
}
.mix-printPointsAccount .yotpo-inputs-container { position: relative; }
.mix-printPointsAccount button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    border: none !important;
}
.mix-printPointsAccount button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type .yopto-widget-button-text { font-size: 0 !important; }
.mix-printPointsAccount button.yotpo-button-style.yotpo-button-standard-size.yotpo-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 .yotpo-input-container.yotpo-email-container input,
.mix-printPointsAccount .yotpo-widget-referral-widget textarea.yotpo-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 .yotpo-widget-referral-widget textarea.yotpo-main-share-body-textarea { padding-right: 80px; }
.mix-printPointsAccount .yotpo-input-container.yotpo-email-container input:focus,
.mix-printPointsAccount .yotpo-widget-referral-widget textarea.yotpo-main-share-body-textarea:focus {
    border: none !important;
    border-bottom: 3px solid #007ac9 !important;
    box-shadow: none !important;
}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input-example { margin-top: 10px; }
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-referral-widget-error-message {
    margin-top: 10px !important;
    font-size: 14px !important;
}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input-label { color: #999 !important; }
.mix-printPointsAccount .yotpo-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 .yotpo-share-buttons-container:not(.yotpo-is-mobile):before { margin-bottom: 10px; }
.mix-printPointsAccount .yotpo-share-buttons-container.yotpo-is-mobile:before {
    text-align: center;
    margin-top: 20px;
}
.mix-printPointsAccount .yotpo-tile-box.yotpo-friends-emails-view,
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-tile-box.yotpo-final-view { width: 100%; }
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-action-button-widget.yotpo-is-mobile { margin: 0 auto }
.mix-printPointsAccount .yotpo-action-button-widget.yotpo-go-back-button { display: none !important; }
@media screen and (min-width: 768px) {
    .mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-header-text { font-size: 36px !important; }

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

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

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

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

}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-input-container .yotpo-input-example,
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-referral-widget-error-message { 
    position: relative !important; 
    display: none;
}
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-is-mobile .yotpo-action-button-widget.yotpo-customer-share-button,
.mix-printPointsAccount .yotpo-widget-referral-widget .yotpo-is-mobile .yotpo-action-button-widget.yotpo-friends-share-button { margin-top: 0px !important; }
.mix-printPointsAccount .yotpo-screen-final .yotpo-action-button-widget.yotpo-go-back-button { display: block !important; }
.mix-printPointsAccount .yotpo-screen-final button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type:before { content: none; }
.mix-printPointsAccount .yotpo-screen-final button.yotpo-button-style.yotpo-button-standard-size.yotpo-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 .yotpo-screen-final button.yotpo-button-style.yotpo-button-standard-size.yotpo-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
*********************************************/
.yotpo-widget-visual-redemption-widget .yotpo-headline {
    font-family: var(--f-SANS-COND) !important;
    color: var(--c-WHITE);
}
.yotpo-widget-visual-redemption-widget .yotpo-background {
    background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/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) {
    .yotpo-widget-visual-redemption-widget .yotpo-background { padding: 0 50px; }
}
/*section subhead*/
.yotpo-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;
}
.yotpo-widget-visual-redemption-widget .yotpo-tile-wrapper {
    max-width: 1024px !important;
    padding: 40px 0 !important;
    margin: 0 auto;
}
.yotpo-widget-visual-redemption-widget .yotpo-info {
    width: 100% !important;
    margin: 0 !important;
}
.yotpo-widget-visual-redemption-widget .yotpo-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.yotpo-widget-visual-redemption-widget .yotpo-align-text { text-align: left !important; }
.yotpo-widget-visual-redemption-widget .yotpo-tile-box {
    align-items: flex-start !important;
    padding: 60px 0 40px !important;
}
.yotpo-tile-box { align-items: flex-start !important; }
.yotpo-widget-visual-redemption-widget .yotpo-rule { display: none !important; }
.yotpo-widget-visual-redemption-widget .yotpo-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;
}
.yotpo-widget-visual-redemption-widget .yotpo-tile::before {
    content: '';
    background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/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 .yotpo-widget-visual-redemption-widget .yotpo-tile::after {
    min-height: 310px;
    min-width: 310px;
}
.yotpo-widget-visual-redemption-widget .redemption_videoWrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}
.yotpo-widget-visual-redemption-widget .redemption_videoWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media (min-width: 768px) {
    .yotpo-info {
        width: 65% !important;
        margin-left: 0 !important;
    }
}
@media screen and (min-width: 1024px) {
    .yotpo-widget-visual-redemption-widget:before {  margin: 40px 50px 0 50px; }

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

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

    .yotpo-widget-visual-redemption-widget .yotpo-tile-box {
        padding: 0 40px 0 0 !important;
    }
    .yotpo-widget-visual-redemption-widget .yotpo-tile::after {
        min-height: 400px;
        min-width: 400px;
    }
    .yotpo-widget-visual-redemption-widget .yotpo-tile::before { content: none; }
    .yotpo-widget-visual-redemption-widget .yotpo-tile::after {
        content: '';
        background-image: url("https://smartpress.imgix.net/resources/sites/1_site/assets/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 .yotpo-vip-tiers-container {
    display: none;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-vip-tiers-progress-bar-wrapper {
    display: flex;
    background-color: transparent !important;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-vip-tiers-headline { display: none; }
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-vip-tiers-list { padding: 0 40px; }
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-vip-tiers-progress-bar-summary {
    padding: 40px;
    background: var(--c-OFFWHITE);
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-progress-bar-container {
    padding: 40px;
    background: #000;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-progress-bar-outer {
    background-color: transparent !important;
    border: 1px solid white !important;
    min-height: 35px;
    border-radius: 25px;
    overflow: hidden;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-progress-bar-inner {
    background-color: white !important;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-progress-bar-bottom > * {
    color: white !important;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-progress-bar-container * {
    font-family: var(--f-SANS-COND) !important;
    color: white !important;
    font-size: 18px !important;
}
.mix-printPointsAccount .yotpo-vip-tiers-widget .yotpo-progress-bar-indicator {
    border-radius: 0;
    width: 1px;
    border-color: transparent !important;
    background-color: white !important;
}
.mix-printPointsAccount .yotpo-vip-tiers-progress-bar-tier-status { display: none; }
.mix-printPointsAccount .yotpo-vip-tiers-progress-bar-summary-current span.yotpo-templated-variable {
    font: 30px/30px var(--f-SLAB) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}
.mix-printPointsAccount.mix-ppTierCyan .yotpo-vip-tiers-widget .yotpo-progress-bar-inner { background-color: var(--c-TIER-CYAN) !important; }
.mix-printPointsAccount.mix-ppTierMagenta .yotpo-vip-tiers-widget .yotpo-progress-bar-inner { background-color: var(--c-TIER-MAGENTA) !important; }
.mix-printPointsAccount.mix-ppTierYellow .yotpo-vip-tiers-widget .yotpo-progress-bar-inner { background-color: var(--c-TIER-YELLOW) !important; }
.mix-printPointsAccount.mix-ppTierBlack .yotpo-vip-tiers-widget .yotpo-progress-bar-inner { background-color: var(--c-TIER-BLACK) !important; }
.yotpo-checkout-variable-widget .yotpo-action-button-widget .yotpo-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;
}
.yotpo-widget-referral-widget .yotpo-referral-widget-form { margin-top: 20px !important; }
.yotpo-checkout-variable-widget .yotpo-apply-redemption-button .yotpo-button-style { background: none !important; }
.yotpo-checkout-variable-widget { margin: 0 !important; }
.yotpo-redeem-container * {
    font-family: 'din-2014' !important;
    font-weight: 300 !important;
    letter-spacing: 0.05em;
}
.yotpo-point-balance-text { margin: 0 !important; }
.yotpo-point-balance-text {
    font-family: 'din-condensed' !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px !important;
    font-weight: 300 !important;
}
.yotpo-checkout-variable-widget .yotpo-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;
}
.yotpo-redeem-summary-container {
    background: red;
}
.yotpo-redeem-summary-container {
    background-color: #f1f1f1 !important;
}
.yotpo-checkout-variable-widget .yotpo-action-button-widget .yotpo-button-style .yotpo-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;
}
.yotpo-checkout-variable-widget .yotpo-redeem-summary-container, .yotpo-checkout-variable-widget .yotpo-redemption-option-error {
    margin-right: -14px;
}
.yotpo-checkout-variable-widget .yotpo-action-button-widget .yotpo-button-style:hover {
    background-color: #007ac9 !important;
    color: white !important;
}
.yotpo-checkout-variable-widget .yotpo-action-button-widget .yotpo-button-style:hover .yotpo-action-button-text {
    color: white !important;
}
/* Print Points Referral Code Modal Module  */
.yotpo-widget-referred-friend .yotpo-container-wrapper {
    border-radius: 0 !important;
    padding: 20px !important;
}
@media screen and (min-width: 768px) {
    .yotpo-widget-referred-friend .yotpo-image-background { width: 40% !important; }

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

}
.yotpo-widget-referred-friend .yotpo-close-button {
    top: 10px !important;
    right: 10px !important;
    color: #007ac9 !important;
}
.yotpo-widget-referred-friend .yotpo-text-container .yotpo-title-text {
    font-family: 'linotype-didot' !important;
    font-size: 35px !important;
}
.yotpo-widget-referred-friend .yotpo-text-container .yotpo-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;
}
.yotpo-widget-referred-friend .yotpo-start-button .yotpo-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.yotpo-pointer-cursor {
    font-family: 'din-2014' !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.yotpo-widget-referred-friend .yotpo-coupon-container {
    border: none !important;
    background-color: #f7f7f7 !important;
    height: 40px !important;
    min-height: auto !important;
    border-radius: 5px !important;
    margin-top: 20px !important;
}
.yotpo-widget-referred-friend .yotpo-copy-code-button .yotpo-copy-code-text { font-family: 'din-2014' !important; }
.yotpo-widget-referred-friend .yotpo-copy-code-button {
    display: flex !important;
    flex-direction: row !important;
    align-content: center !important;
    height: 100% !important;
}
.yotpo-widget-referred-friend .yotpo-copy-code-button .yotpo-copy-code-icon { border: 2px solid #007ac9 !important; }
.yotpo-widget-referred-friend .yotpo-copy-code-button .yotpo-copy-code-icon,
.yotpo-widget-referred-friend .yotpo-copy-code-button .yotpo-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;
}
.yotpo-widget-referred-friend .yotpo-copy-code-button .yotpo-copy-code-icon:after {
    content: 'Copy Code';
    margin-left: 5px;
}
.yotpo-copy-code-copied-label:before { content: 'Code'; }
.yotpo-widget-referred-friend .yotpo-copy-code-button .yotpo-copy-code-icon:after,
.yotpo-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;
}
.yotpo-widget-referred-friend .yotpo-copy-icon,
.yotpo-widget-referred-friend-success-icon {
    height: 12px !important;
    width: 12px !important;
    color: #007ac9 !important;
}
.yotpo-widget-referred-friend .yotpo-coupon-container:hover { background-color: #E5F1F9 !important; }
.yotpo-widget-referred-friend .yotpo-start-button { margin-top: 40px !important; }
.yotpo-widget-referred-friend .yotpo-coupon-container .yotpo-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;
}
.yotpo-widget-referred-friend .yotpo-error-message-icon {
    color: #CC0000 !important;
    top: calc(25% + -4px) !important;
    left: 10px !important;
    height: 20px !important;
    width: 20px !important;
}
.yotpo-widget-referred-friend .yotpo-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;
}
/* Refer a Friend Page */
.refer-a-friend .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-background,
.refer-a-friend .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-tile { background: none !important; }
.refer-a-friend .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-screen-final {
    background-image: url('https://smartpress.imgix.net/resources/sites/1_site/assets/pp-texture-bg-gray.png');
    background-repeat: repeat!important
}
.refer-a-friend .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-input-label { color: #3e3a36 !important; }
.refer-a-friend .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-button-standard-size {
    background-color: #3e3a36 !important;
    color: var(--c-WHITE) !important;
    border-radius: 32.6px;
    border: none !important;
}
.refer-a-friend .mix-printPointsLP .yotpo-widget-referral-widget .yotpo-action-button-widget .yotpo-button-standard-size > span {
    font-family: var(--f-SANS-COND) !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.refer-a-friend .mix-printPointsLP { background-image: none !important; }
.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;
    height: 100%;
    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: 31px 0 0 41px;
    height: 81px;
}
.pending-review-header {
    top: 20px;
}
.c-order-number {
    width: 110px;
    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-item-names-preview {
    display: inline-block;
    float: left;
    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: 21px 0 0 41px; }
    .c-order-item-names-preview { clear: left; width: calc(100% - 190px); }
    .c-order-level-info-holster { /*width: 95px;*/ 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 { 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 .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; }
/*====================================================================================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;
    }
}