@import "sass/vendors/slick.min.css";
@import "sass/vendors/slick-theme.min.css";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

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

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 0.25em;
  border: none;
}

:root {
  --primaryColor: #000;
  --secondaryColor: #91c733;
  --white: #fff;
  --black: #000;
  --lightestGray: #f7f7f7;
  --lightGray: #eee;
  --darkGray: #666;
  --fontFamily: "Arial", Arial, sans-serif;
  --desktopLgFont: 18px;
  --laptopLgFont: 16px;
  --mobileLgFont: 14px;
  --desktopMdFont: 16px;
  --laptopMdFont: 14px;
  --mobileMdFont: 12px;
  --bodyTextFontWeight: 400;
  --bodyTextSmall: var(--mobileMdFont);
  --bodyTextMed: var(--laptopMdFont);
  --bodyTextLarge: var(--desktopMdFont);
  --headerLineHeight: 1.25;
  --headerFontWeight: 700;
  --h1Color: var(--black);
  --h1FontSize: 24px;
  --h1Margin: 0 0 12px;
  --h2Color: var(--black);
  --h2FontSize: 20px;
  --h2Margin: 0 0 9px;
  --h3Color: var(--black);
  --h3FontSize: 18px;
  --h3Margin: 0 0 8px;
  --h4Color: var(--black);
  --h4FontSize: 16px;
  --h4Margin: 0 0 5px;
  --headerIconColor: var(--darkGray);
  --headerCartIconColor: var(--darkGray);
  --headerIconHover: var(--secondaryColor);
  --headerIconSize: var(--desktopIconSize);
  --headerSubtotalBg: var(--black);
  --headerSubtotalTextColor: var(--white);
  --footerNavBgColor: var(--black);
  --footerNavTextColor: var(--white);
  --footerFontSize: 10px;
  --footerBgColor: var(--white);
  --footerTextColor: var(--darkGray);
  --iconColor: var(--black);
  --mobileIconSize: 15px;
  --laptopIconSize: 18px;
  --desktopIconSize: 20px;
  --iconMargin: 0.3em;
  --iconHover: var(--darkGray);
  --linkFontWeight: 700;
  --linkFontSize: var(--desktopMdFont);
  --linkLineHeight: 1.25;
  --linkHoverColor: var(--darkGray);
  --btnFontSizeLaptop: var(--desktopMdFont);
  --btnBorder: 2px solid var(--black);
  --btnBorderRadius: 5px;
  --btnMargin: 15px 15px 15px 0;
  --btnFontWeight: 700;
  --btnTransition: Background-color .2s ease-out;
  --btnMinWidth: 50px;
  --btnPadding: 13px 15px;
  --btnLineHeight: 1.25;
  --btnFontSizeDesktop: var(--desktopMdFont);
  --btnFontSizeLaptop: var(--laptopMdFont);
  --btnFontSizeMobile: var(--mobileMdFont);
  --primaryBtnBorder: var(--btnBorder);
  --primaryBtnBgColor: var(--black);
  --primaryBtnTextColor: var(--white);
  --primaryBtnBgHoverColor: var(--darkGray);
  --primaryBtnBorderHoverColor: var(--darkGray);
  --primaryBtnTextHoverColor: var(--white);
  --secondaryBtnBorder: var(--btnBorder);
  --secondaryBtnBgColor: var(--white);
  --secondaryBtnTextColor: var(--black);
  --secondaryBtnBorderHoverColor: var(--darkGray);
  --secondaryBtnBgHoverColor: var(--white);
  --secondaryBtnTextHoverColor: var(--darkGray);
  --tertiaryBtnBorder: none;
  --tertiaryBtnBgColor: transparent;
  --tertiaryBtnTextColor: var(--black);
  --tertiaryBtnIconColor: var(--black);
  --tertiaryBtnMargin: 30px;
  --tertiaryBtnTextHoverColor: var(--darkGray);
  --containerRadius: 10px;
  --plpProdDetailsAlignment: left;
  --plpSpacing: 8px;
  --plpGridGap: 14px;
  --sp-product-stock: contents;
  --prod-detail-availability: contents;
  --cartCSTextWeight: 600;
  --account-page-bg-color: var(--lightestGray);
}

@font-face {
  font-family: "nvidiasans-regular";
  src: url("/Views/Themes/SageSerpent/Fonts/222a6cab-effc-4307-9996-47d73116bec7nvidiasans-regular.woff2?v=1.0.1") format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "nvidiasans-bold";
  src: url("/Views/Themes/SageSerpent/Fonts/7c98eb41-bcbe-4207-b2cb-575af926c0d4nvidiasans-bold.woff2?v=1.0.1") format("woff2");
  font-style: normal;
  font-display: swap;
}
html {
  font-family: var(--fontFamily);
  font-size: var(--bodyTextMed);
}
@media screen and (min-width: 1024px) {
  html {
    font-size: var(--bodyTextMed);
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: var(--bodyTextMed);
  }
}
@media screen and (max-width: 640px) {
  html {
    font-size: var(--bodyTextSmall);
  }
}

body {
  line-height: 1.667;
}

b, strong {
  font-weight: bold;
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons Outlined"), local("material-icons-outlined"), url(../../Fonts/MaterialIcons/material-icons-outlined.woff2?v=1.0.1) format("woff2");
}
.material-icons {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "znode-web-store";
  src: url("../../Fonts/znode-web-store.eot?v=1.0.1");
  src: url("../../Fonts/znode-web-store.eot?v=1.0.1#iefix") format("embedded-opentype"), url("../../Fonts/znode-web-store.ttf?v=1.0.1") format("truetype"), url("../../Fonts/znode-web-store.woff?v=1.0.1") format("woff"), url("../../Fonts/znode-web-store.svg?v=1.0.1#znode-web-store") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=zf-], [class*=" zf-"] {
  font-family: "znode-web-store" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.f-size {
  font-size: 20px;
  vertical-align: sub;
}

.zf-star-full-fill:before {
  font-family: "znode-web-store";
  content: "\e9d9";
}

.zf-arrow-left-big:before {
  font-family: "znode-web-store";
  content: "\e913";
}

.zf-arrow-right-big:before {
  font-family: "znode-web-store";
  content: "\e914";
}

.zf-amazon:before, .zf-Amazon:before {
  font-family: "znode-web-store";
  content: "\ea87";
}

.zf-order-view:before {
  font-family: "znode-web-store";
  content: "\e905";
}

.zf-arrow-left:before {
  font-family: "znode-web-store";
  content: "\e900";
}

.zf-delete:before {
  font-family: "znode-web-store";
  content: "\e901";
}

.zf-edit:before {
  font-family: "znode-web-store";
  content: "\e902";
}

.zf-manage:before {
  font-family: "znode-web-store";
  content: "\e903";
}

.zf-view:before {
  font-family: "znode-web-store";
  content: "\e904";
}

.zf-fedex:before {
  font-family: "znode-web-store";
  content: "\e612";
}

.zf-shere:before {
  font-family: "znode-web-store";
  content: "\e613";
}

.zf-ups:before {
  font-family: "znode-web-store";
  content: "\e614";
}

.zf-grid-view:before {
  font-family: "znode-web-store";
  content: "\e60b";
}

.zf-list-view:before {
  font-family: "znode-web-store";
  content: "\e60c";
}

.zf-text-view:before {
  font-family: "znode-web-store";
  content: "\e60d";
}

.zf-cart:before {
  font-family: "znode-web-store";
  content: "\e600";
}

.zf-checkout:before {
  font-family: "znode-web-store";
  content: "\e601";
}

.zf-close:before {
  font-family: "znode-web-store";
  content: "\e602";
}

.zf-compare:before {
  font-family: "znode-web-store";
  content: "\e603";
}

.zf-home:before {
  font-family: "znode-web-store";
  content: "\e604";
}

.zf-login:before {
  font-family: "znode-web-store";
  content: "\e605";
}

.zf-quick-order:before {
  font-family: "znode-web-store";
  content: "\e606";
}

.zf-search:before {
  font-family: "znode-web-store";
  content: "\e607";
}

.zf-share:before {
  font-family: "znode-web-store";
  content: "\e608";
}

.zf-shipping:before {
  font-family: "znode-web-store";
  content: "\e609";
}

.zf-small-arrow:before {
  font-family: "znode-web-store";
  content: "\e60a";
}

.zf-login-user:before {
  font-family: "znode-web-store";
  content: "\f007";
}

.zf-twitter:before {
  font-family: "znode-web-store";
  content: "\f081";
}

.zf-facebook:before {
  font-family: "znode-web-store";
  content: "\f082";
}

.zf-arrow-circle-right:before {
  font-family: "znode-web-store";
  content: "\f0a9";
}

.zf-google-plus-square:before {
  font-family: "znode-web-store";
  content: "\f0d4";
}

.zf-caret-right:before {
  font-family: "znode-web-store";
  content: "\f0da";
}

.zf-youtube-square:before {
  font-family: "znode-web-store";
  content: "\f166";
}

.zf-visa-payment:before {
  font-family: "znode-web-store";
  content: "\f1f0";
}

.zf-mastercard-payment:before {
  font-family: "znode-web-store";
  content: "\f1f1";
}

.zf-amex-payment:before {
  font-family: "znode-web-store";
  content: "\f1f3";
}

.zf-paypal-payment:before {
  font-family: "znode-web-store";
  content: "\f1f4";
}

.zf-envelope-o:before {
  font-family: "znode-web-store";
  content: "\f003";
}

.zf-heart:before {
  font-family: "znode-web-store";
  content: "\f004";
}

.zf-lock:before {
  font-family: "znode-web-store";
  content: "\f023";
}

.zf-check-box-check:before {
  font-family: "znode-web-store";
  content: "\f046";
}

.zf-backward:before {
  font-family: "znode-web-store";
  content: "\f04a";
}

.zf-forward:before {
  font-family: "znode-web-store";
  content: "\f04e";
}

.zf-calendar:before {
  font-family: "znode-web-store";
  content: "\f073";
}

.zf-random:before {
  font-family: "znode-web-store";
  content: "\f074";
}

.zf-check-box:before {
  font-family: "znode-web-store";
  content: "\f096";
}

.zf-pinterest-square:before {
  font-family: "znode-web-store";
  content: "\f0d3";
}

.zf-first:before {
  font-family: "znode-web-store";
  content: "\f0d9";
}

.zf-last:before {
  font-family: "znode-web-store";
  content: "\f0db";
}

.zf-envelope:before {
  font-family: "znode-web-store";
  content: "\f0e0";
}

.zf-arrow-right-small:before {
  font-family: "znode-web-store";
  content: "\f105";
}

.zf-arrow-down-small:before {
  font-family: "znode-web-store";
  content: "\f107";
}

.zf-radio-button:before {
  font-family: "znode-web-store";
  content: "\f10c";
}

.zf-radio-button-check:before {
  font-family: "znode-web-store";
  content: "\f192";
}

.zf-printer:before {
  font-family: "znode-web-store";
  content: "\e60f";
}

.zf-key:before {
  font-family: "znode-web-store";
  content: "\e610";
}

.zf-key-2:before {
  font-family: "znode-web-store";
  content: "\e611";
}

.zf-checkbox-checked:before {
  font-family: "znode-web-store";
  content: "\e60e";
}

.zf-google:before, .zf-Google:before {
  font-family: "znode-web-store";
  content: "\e615";
}

.zf-facebook-simple:before, .zf-Facebook:before {
  font-family: "znode-web-store";
  content: "\e616";
}

.zf-pdf-file:before {
  font-family: "znode-web-store";
  content: "\e906";
}

.zf-word-file:before {
  font-family: "znode-web-store";
  content: "\e907";
}

.zf-excel-file:before {
  font-family: "znode-web-store";
  content: "\e908";
}

.zf-down:before {
  font-family: "znode-web-store";
  content: "\e909";
}

.zf-up:before {
  font-family: "znode-web-store";
  content: "\e90a";
}

.zf-refresh:before {
  font-family: "znode-web-store";
  content: "\f021";
}

.zf-close-circle:before {
  font-family: "znode-web-store";
  content: "\f057";
}

.zf-orders:before {
  font-family: "znode-web-store";
  content: "\e90b";
}

.zf-refund-order:before {
  font-family: "znode-web-store";
  content: "\e90c";
}

.zf-star-empty:before {
  font-family: "znode-web-store";
  content: "\e90d";
}

.zf-star-full:before {
  font-family: "znode-web-store";
  content: "\e90e";
}

.zf-star-half:before {
  font-family: "znode-web-store";
  content: "\e90f";
}

.zf-view-details:before {
  font-family: "znode-web-store";
  content: "\e910";
}

.zf-icon_voice:before {
  content: "\e91a";
}

.zf-active:before {
  font-family: "znode-web-store";
  content: "\e911";
}

.zf-inactive:before {
  font-family: "znode-web-store";
  content: "\e912";
}

.zf-swatch-box:before {
  font-family: "znode-web-store";
  content: "\f04d";
}

.zf-scan:before {
  font-family: "znode-web-store";
  content: "\e91b";
}

.zf-cloud-upload:before {
  font-family: "znode-web-store";
  content: "\f0ee";
}

.zf-notification:before {
  font-family: "znode-web-store";
  content: "\ea08";
}

.zf-credit-card:before {
  font-family: "znode-web-store";
  content: "\f09d";
}

.zf-dollar:before {
  font-family: "znode-web-store";
  content: "\f155";
}

.zf-check:before {
  font-family: "znode-web-store";
  content: "\e91c";
}

.zf-help-with-circle:before {
  font-family: "znode-web-store";
  content: "\e920";
}

.zf-credit-card:before {
  font-family: "znode-web-store";
  content: "\f09d";
}

.zf-search-outline:before {
  font-family: "znode-web-store";
  content: "\e924";
}

.zf-twitter-x:before {
  font-family: "znode-web-store";
  content: "\e92c";
}

.zf-youtube-fill:before {
  font-family: "znode-web-store";
  content: "\ea9d";
}

.zf-instagram-fill:before {
  font-family: "znode-web-store";
  content: "\e921";
}

.zf-globe:before {
  font-family: "znode-web-store";
  content: "\e927";
}

.zf-account:before {
  font-family: "znode-web-store";
  content: "\e928";
}

.zf-cart-o:before {
  font-family: "znode-web-store";
  content: "\e92a";
}

.zf-search-outline:before {
  font-family: "znode-web-store";
  content: "\e924";
}

.zf-heart-fill-icon:before {
  font-family: "znode-web-store";
  content: "\e926";
}

.zf-left-arrow-icon:before {
  font-family: "znode-web-store";
  content: "\e923";
}

.zf-linkedin:before {
  font-family: "znode-web-store";
  content: "\e922";
}

.zf-close-outline-icon:before {
  font-family: "znode-web-store";
  content: "\e92d";
}

.zf-heart-outline-icon:before {
  font-family: "znode-web-store";
  content: "\e925";
}

.zf-sign-in:before {
  font-family: "znode-web-store";
  content: "e92e";
}

.zf-download:before {
  font-family: "znode-web-store";
  content: "\e92e";
}

@font-face {
  font-family: "RedPanda";
  src: url("../../Fonts/RedPanda.eot?v=1.0.1");
  src: url("../../Fonts/RedPanda.eot?v=1.0.1#iefix") format("embedded-opentype"), url("../../Fonts/RedPanda.ttf?v=1.0.1") format("truetype"), url("../../Fonts/RedPanda.woff?v=1.0.1") format("woff"), url("../../Fonts/RedPanda.svg?v=1.0.1#RedPanda") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "RedPanda" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plus2:before {
  content: "\f06c";
}

.icon-lock:before {
  content: "\f023";
}

.zf-sign-in:before {
  content: "\e92e";
}

.icon-sort-by:before {
  content: "\f000";
}

.icon-tag:before {
  content: "\f02d";
}

.icon-tags:before {
  content: "\f02e";
}

.icon-smile-o:before {
  content: "\f118";
}

.icon-frown-o:before {
  content: "\f119";
}

.icon-meh-o:before {
  content: "\f11a";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-user:before {
  content: "\f007";
}

.icon-th-large:before {
  content: "\f009";
}

.icon-th:before {
  content: "\f00a";
}

.icon-cog:before {
  content: "\f013";
}

.icon-gear:before {
  content: "\f013";
}

.icon-home:before {
  content: "\f015";
}

.icon-clock-o:before {
  content: "\f017";
}

.icon-list-alt:before {
  content: "\f022";
}

.icon-flag:before {
  content: "\f024";
}

.icon-barcode:before {
  content: "\f02a";
}

.icon-font:before {
  content: "\f031";
}

.icon-text-height:before {
  content: "\f034";
}

.icon-image:before {
  content: "\f03e";
}

.icon-photo:before {
  content: "\f03e";
}

.icon-picture-o:before {
  content: "\f03e";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-adjust:before {
  content: "\f042";
}

.icon-tint:before {
  content: "\f043";
}

.icon-stop:before {
  content: "\f04d";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-exclamation-circle:before {
  content: "\f06a";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-eye:before {
  content: "\f06e";
}

.icon-eye-slash:before {
  content: "\f070";
}

.icon-exclamation-triangle:before {
  content: "\f071";
}

.icon-warning:before {
  content: "\f071";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-comment:before {
  content: "\f075";
}

.icon-shopping-cart:before {
  content: "\f07a";
}

.icon-lemon-o:before {
  content: "\f094";
}

.icon-phone:before {
  content: "\f095";
}

.icon-wrench:before {
  content: "\f0ad";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-chain:before {
  content: "\f0c1";
}

.icon-link:before {
  content: "\f0c1";
}

.icon-cloud:before {
  content: "\f0c2";
}

.icon-flask:before {
  content: "\f0c3";
}

.icon-floppy-o:before {
  content: "\f0c7";
}

.icon-save:before {
  content: "\f0c7";
}

.icon-square:before {
  content: "\f0c8";
}

.icon-bars:before {
  content: "\f0c9";
}

.icon-navicon:before {
  content: "\f0c9";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-list-ul:before {
  content: "\f0ca";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-lightbulb-o:before {
  content: "\f0eb";
}

.icon-exchange:before {
  content: "\f0ec";
}

.icon-file-text-o:before {
  content: "\f0f6";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-circle-o:before {
  content: "\f10c";
}

.icon-circle:before {
  content: "\f111";
}

.icon-anchor:before {
  content: "\f13d";
}

.icon-ellipsis-v:before {
  content: "\f142";
}

.icon-compass:before {
  content: "\f14e";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-paw:before {
  content: "\f1b0";
}

.icon-newspaper-o:before {
  content: "\f1ea";
}

.icon-eyedropper:before {
  content: "\f1fb";
}

.icon-paint-brush:before {
  content: "\f1fc";
}

.icon-i-cursor:before {
  content: "\f246";
}

.icon-industry:before {
  content: "\f275";
}

.icon-map-signs:before {
  content: "\f277";
}

.icon-credit-card-alt:before {
  content: "\f283";
}

.icon-drivers-license-o:before {
  content: "\f2c3";
}

.icon-id-card-o:before {
  content: "\f2c3";
}

.icon-times-rectangle-o:before {
  content: "\f2d4";
}

.icon-window-close-o:before {
  content: "\f2d4";
}

.icon-snowflake-o:before {
  content: "\f2dc";
}

.icon-checkmark:before {
  content: "\e902";
}

.icon-footer:before {
  content: "\e900";
}

.icon-header:before {
  content: "\e901";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-search:before {
  content: "\e607";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-refresh:before {
  content: "\e908";
}

.icon-pencil:before {
  content: "\e905";
}

.icon-history:before {
  content: "\e94d";
}

.icon-book:before {
  content: "\e91f";
}

.icon-printer:before {
  content: "\e954";
}

.icon-trash:before {
  content: "\e9ad";
}

.icon-star-empty:before {
  content: "\e9d7";
}

.icon-star-half:before {
  content: "\e9d8";
}

.icon-star-full:before {
  content: "\e9d9";
}

.icon-heart:before {
  content: "\e9da";
}

.icon-cross:before {
  content: "\ea0f";
}

.icon-up:before {
  content: "\e903";
}

.icon-right:before {
  content: "\e904";
}

.icon-left:before {
  content: "\e906";
}

.icon-down:before {
  content: "\e907";
}

.icon-italic-info:before {
  content: "\e909";
}

@font-face {
  font-family: "social_icons";
  src: url("../../Fonts/social_icons.ttf?v=1.0.1") format("truetype"), url("../../Fonts/social_icons.woff?v=1.0.1") format("woff"), url("../../Fonts/social_icons.svg?v=1.0.1#social_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-social], [class*=" icon-social"] {
  font-family: "social_icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-social-facebook:before {
  content: "\e90a";
}

.icon-social-instagram:before {
  content: "\e90b";
}

.icon-social-linkedin:before {
  content: "\e90c";
}

.icon-social-pinterest:before {
  content: "\e90d";
}

.icon-social-twitter:before {
  content: "\e90e";
}

.icon-social-youtube:before {
  content: "\e90f";
}

@font-face {
  font-family: "nvidia-icons";
  src: url("../../Fonts/nvidia-icons/nvidia-icons.eot?v=1.0.1") format("embedded-opentype"), url("../../Fonts/nvidia-icons/nvidia-icons.ttf?v=1.0.1") format("truetype"), url("../../Fonts/nvidia-icons/nvidia-icons.woff?pz7j39") format("woff"), url("../../Fonts/nvidia-icons/nvidia-icons.svg?v=1.0.1") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=nvidia-icons-], [class*=" nvidia-icons-"] {
  font-family: "nvidia-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nvidia-icons-cart:before {
  content: "\e900";
}

.nvidia-icons-close:before {
  content: "\e901";
}

.nvidia-icons-globe:before {
  content: "\e902";
}

.nvidia-icons-menu:before {
  content: "\e903";
}

.nvidia-icons-profile:before {
  content: "\e904";
}

.nvidia-icons-search:before {
  content: "\e905";
}

.nvidia-icons-bell:before {
  content: "\e906";
}

.nvidia-icons-warning:before {
  content: "\e907";
}

a {
  color: var(--primaryColor);
  text-decoration: none;
  word-wrap: break-word;
}
a:hover, a:focus {
  color: var(--linkHoverColor);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--headerFontWeight);
  line-height: var(--headerLineHeight);
}

h1 {
  font-size: var(--h1FontSize);
  margin: var(--h1Margin);
  color: var(--h1Color);
}

h2 {
  font-size: var(--h2FontSize);
  margin: var(--h2Margin);
  color: var(--h2Color);
}

h3 {
  font-size: var(--h3FontSize);
  margin: var(--h3Margin);
  color: var(--h3Color);
}

h4 {
  font-size: var(--h4FontSize);
  margin: var(--h4Margin);
  color: var(--h4Color);
}

h5 {
  font-size: 0.9rem;
}

p {
  font-size: var(--laptopLgFont);
}

ul {
  padding: 1em 0 1em 1em;
}

.page-title {
  margin-top: 0;
}

.fine-print {
  font-size: 0.85rem;
}

button, input[type=submit], a[type=button], .btn-primary, .btn-bg-primary, .btn-secondary, .btn-bg-secondary {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin: var(--btnMargin);
  padding: var(--btnPadding);
  border: --var(btnBorder);
  background: transparent;
  border-radius: var(--btnBorderRadius);
  outline: 1px solid transparent;
  font-size: var(--btnFontSize);
  transition: var(--btnTransition);
  font-weight: var(--btnFontWeight);
}
button:focus, input[type=submit]:focus, a[type=button]:focus, .btn-primary:focus, .btn-bg-primary:focus, .btn-secondary:focus, .btn-bg-secondary:focus {
  box-shadow: 0 0 0 3px rgba(1, 1, 1, 0.15);
  outline: 1px solid transparent;
}
button:disabled, input[type=submit]:disabled, a[type=button]:disabled, .btn-primary:disabled, .btn-bg-primary:disabled, .btn-secondary:disabled, .btn-bg-secondary:disabled {
  pointer-events: none;
  opacity: 0.35;
}

.btn-primary, .btn-bg-primary {
  background: var(--primaryBtnBgColor) !important;
  color: var(--primaryBtnTextColor) !important;
  border: var(--primaryBtnBorder);
}
.btn-primary:hover, .btn-bg-primary:hover {
  background: var(--primaryBtnBgHoverColor) !important;
  border-color: var(--primaryBtnBorderHoverColor) !important;
  color: var(--primaryBtnTextHoverColor) !important;
}

.btn-secondary, .btn-bg-secondary {
  background: var(--secondaryBtnBgColor);
  color: var(--secondaryBtnTextColor);
  border: var(--secondaryBtnBorder);
}
.btn-secondary:hover, .btn-bg-secondary:hover {
  background: var(--secondaryBtnBgHoverColor) !important;
  border-color: var(--secondaryBtnBorderHoverColor) !important;
  color: var(--secondaryBtnTextHoverColor) !important;
}

.btn-tertiary {
  display: block;
  margin: var(--tertiaryBtnMargin);
  background: var(--tertiaryBtnBgColor);
  color: var(--tertiaryBtnTextColor);
  border: var(--tertiaryBtnBorder);
}
.btn-tertiary i {
  color: var(---tertiaryBtnIconColor);
}
.btn-tertiary:hover {
  color: var(--tertiaryBtnTextHoverColor);
}

.btn-green {
  background-color: #1DF254 !important;
}

.checkout-btn {
  padding: 1em 3em;
}

.btn-right {
  margin-left: 1em;
}

.category-links .order-lay-button, .widget-category-list .order-lay-button, .cms-advertisement-banner .order-lay-button, .product-list-widget .order-lay-button, .template-title .order-lay-button, .payment-options .order-lay-button, .social-media .order-lay-button, .template-text-editor .order-lay-button, .title-container-first .order-lay-button, .template-term-condition .order-lay-button, .search-panel-widget .order-lay-button {
  z-index: 10 !important;
  text-align: center;
  background-color: #010101;
  color: var(--white);
  border-color: #010101;
}
.category-links .order-lay-button:focus, .category-links .order-lay-button:active, .widget-category-list .order-lay-button:focus, .widget-category-list .order-lay-button:active, .cms-advertisement-banner .order-lay-button:focus, .cms-advertisement-banner .order-lay-button:active, .product-list-widget .order-lay-button:focus, .product-list-widget .order-lay-button:active, .template-title .order-lay-button:focus, .template-title .order-lay-button:active, .payment-options .order-lay-button:focus, .payment-options .order-lay-button:active, .social-media .order-lay-button:focus, .social-media .order-lay-button:active, .template-text-editor .order-lay-button:focus, .template-text-editor .order-lay-button:active, .title-container-first .order-lay-button:focus, .title-container-first .order-lay-button:active, .template-term-condition .order-lay-button:focus, .template-term-condition .order-lay-button:active, .search-panel-widget .order-lay-button:focus, .search-panel-widget .order-lay-button:active {
  color: var(--white);
  background-color: #010101;
  border-color: #010101;
}
.category-links .cms-no-icon, .widget-category-list .cms-no-icon, .cms-advertisement-banner .cms-no-icon, .product-list-widget .cms-no-icon, .template-title .cms-no-icon, .payment-options .cms-no-icon, .social-media .cms-no-icon, .template-text-editor .cms-no-icon, .title-container-first .cms-no-icon, .template-term-condition .cms-no-icon, .search-panel-widget .cms-no-icon {
  display: none;
}
.category-links .banner-slider, .widget-category-list .banner-slider, .cms-advertisement-banner .banner-slider, .product-list-widget .banner-slider, .template-title .banner-slider, .payment-options .banner-slider, .social-media .banner-slider, .template-text-editor .banner-slider, .title-container-first .banner-slider, .template-term-condition .banner-slider, .search-panel-widget .banner-slider {
  min-height: 100px;
}

.template-term-condition {
  color: black;
}
.template-term-condition .contain-pages {
  min-height: 0;
}
.template-term-condition .container {
  max-width: 100%;
}

.template-term-condition .widget-cms-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.cms-icon-container {
  width: 100%;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.cms-icon-container .cms-img-icon {
  max-width: 120px;
  text-align: center;
  display: inline-block;
  transform: translate(0%, -15%);
  z-index: 5;
}

.cms-icon-container ~ .overlay-btn-admin .cms-configure-btn {
  top: 30px;
}

.overlay-btn-admin {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.overlay-btn-admin .cms-configure-btn {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}

.min-height-125 {
  min-height: 125px;
}

footer .min-height-125, header .min-height-125 {
  min-height: 0;
}
footer .overlay-btn-admin, footer .widget-cms-overlay, header .overlay-btn-admin, header .widget-cms-overlay {
  display: none;
}

input.input-validation-error, input.ng-touched.ng-invalid, input.error, select.input-validation-error, select.ng-touched.ng-invalid, select.error, textarea.input-validation-error, textarea.ng-touched.ng-invalid, textarea.error {
  border: 1px solid red !important;
}
input.input-validation-error:focus, input.ng-touched.ng-invalid:focus, input.error:focus, select.input-validation-error:focus, select.ng-touched.ng-invalid:focus, select.error:focus, textarea.input-validation-error:focus, textarea.ng-touched.ng-invalid:focus, textarea.error:focus {
  box-shadow: 0px 0px 0px 1px red;
}

input[disabled], select[disabled],
.dropdown select[disabled], .select-container select[disabled] {
  background: #F2F2F2;
  cursor: not-allowed;
  border: 1px solid #9a9a9a;
}

[readonly=readonly] {
  color: #999;
  cursor: not-allowed;
}

.error-msg {
  position: relative;
  font-size: 0.78rem;
  color: red;
  font-style: italic;
}
.error-msg + input {
  border: 1px solid red;
}
.error-msg.error-enhanced {
  display: none;
  position: absolute;
  bottom: -3.125rem;
  z-index: 2;
  padding: 0.75rem;
  color: var(--white);
  background-color: red;
  font-size: 1rem;
}
.error-msg.error-enhanced.field-validation-error {
  display: block;
}
.error-msg.error-enhanced:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -0.25em;
  height: 1em;
  width: 1em;
  margin-left: 0.375em;
  border: 1px solid red;
  border-right: none;
  border-bottom: none;
  background: red;
  transform: rotate(45deg);
}

label, .input-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 600;
  font-size: 0.85rem;
}
label.required:after, .input-label.required:after {
  content: "*";
  color: red;
  font-size: 0.85em;
}
label .input-label_name, .input-label .input-label_name {
  width: 100%;
}
label p, .input-label p {
  width: 100%;
}
label input, label textarea, .input-label input, .input-label textarea {
  font-size: 1rem;
  max-width: 100%;
  max-height: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  z-index: 1;
}
label textarea, .input-label textarea {
  font-family: inherit;
  width: 100%;
}

input, textarea {
  font-size: 1rem;
  width: 100%;
  background: var(--white);
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid var(--darkGray);
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0px;
  transition: box-shadow 0.25s ease-in-out;
}
input:focus, textarea:focus {
  box-shadow: 0 0 0 3px rgba(1, 1, 1, 0.15);
  outline: 1px solid transparent;
}
input[readonly=readonly]:focus, textarea[readonly=readonly]:focus {
  box-shadow: none;
  outline: 1px solid transparent;
}

.select-container, .dropdown {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0.25em 0;
}
.select-container select, .dropdown select {
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 0.5rem;
  font-size: 1rem;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  background: rgb(250.49, 250.49, 250.49);
  border: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  transition: box-shadow 0.25s ease-in-out;
}
.select-container select:focus, .dropdown select:focus {
  box-shadow: 0 0 0 3px rgba(1, 1, 1, 0.15);
  outline: 1px solid transparent;
}
.select-container::after, .dropdown::after {
  font-family: "RedPanda" !important;
  content: "\f107";
  pointer-events: none;
  position: absolute;
  top: 25%;
  right: 0.94em;
}

input[type=checkbox] {
  height: 1.125rem;
  width: 1.125rem;
  position: relative;
}
input[type=checkbox]:checked::after {
  font-family: "RedPanda";
  content: "\e902";
  position: absolute;
  top: 0;
  left: 0;
}

.input-checkbox_container {
  margin: 0.5rem 0;
}
.input-checkbox_container .input-checkbox_appearance {
  pointer-events: none;
  display: inline-block;
  box-sizing: content-box;
  height: 1rem;
  width: 1rem;
  border: 1px solid var(--darkGray);
  margin-right: 0.5rem;
  min-width: 1rem;
  background: var(--white);
  transition: background 0.125s ease-in-out, box-shadow 0.25s ease-in-out;
}
.input-checkbox_container .input-checkbox_appearance svg, .input-checkbox_container .input-checkbox_appearance span {
  visibility: hidden;
  width: 100%;
  height: 100%;
  transform: scale(0.75);
  transition: transform 0.75s;
}
.input-checkbox_container .input-checkbox {
  position: absolute;
  overflow: hidden;
  width: 1px !important;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
}
.input-checkbox_container .input-checkbox:disabled + .input-checkbox_appearance {
  border: 2px solid rgba(68, 68, 68, 0.4);
  background: var(--lightGray);
}
.input-checkbox_container .input-checkbox:disabled + .input-checkbox_appearance svg, .input-checkbox_container .input-checkbox:disabled + .input-checkbox_appearance span {
  visibility: hidden !important;
  opacity: 0 !important;
}
.input-checkbox_container .input-checkbox:disabled ~ .input-checkbox_label {
  color: rgba(68, 68, 68, 0.4);
}
.input-checkbox_container .input-checkbox:disabled ~ .input-checkbox-label {
  color: rgba(68, 68, 68, 0.4);
}
.input-checkbox_container .input-checkbox:disabled:checked + .input-checkbox_appearance svg, .input-checkbox_container .input-checkbox:disabled:checked + .input-checkbox_appearance span {
  visibility: initial !important;
  opacity: 1 !important;
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance {
  background: white;
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance svg, .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance span {
  visibility: visible;
  transform: scale(1);
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance svg path, .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance span path {
  fill: black;
  stroke: rgba(253, 253, 253, 0.8);
  stroke-width: 0.5px;
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance span {
  margin: -1.25em -0.15em 0;
  font-size: 1.3em;
}
.input-checkbox_container .input-checkbox:active + .input-checkbox_appearance span {
  color: black;
}
.input-checkbox_container .input-checkbox:active + .input-checkbox_appearance svg {
  visibility: visible;
}
.input-checkbox_container .input-checkbox:active + .input-checkbox_appearance svg path {
  fill: rgba(58.5, 58.5, 58.5, 0.675);
  stroke: rgba(58.5, 58.5, 58.5, 0.675);
  stroke-width: 1px;
}
.input-checkbox_container .input-checkbox:focus + .input-checkbox_appearance {
  box-shadow: 0 0 0 1.5px rgba(1, 1, 1, 0.15);
}
.read-only {
  cursor: not-allowed;
  pointer-events: none;
}
.read-only .input-checkbox-label, .read-only .input-radioButton-label {
  color: #ccc;
}
.read-only .input-checkbox_appearance, .read-only .input-radioButton_appearance {
  background-color: #ccc !important;
  border-color: #ccc !important;
}

.input-radio {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.input-radio .input-radioGroup {
  display: inline-flex;
  flex-direction: column;
}
.input-radio .input-radioGroup .input-radio_label {
  display: inline-flex;
  align-items: center;
}
.input-radio .input-radioGroup .input-radioButton_appearance {
  pointer-events: none;
  display: inline-block;
  border-radius: 50%;
  height: 1.125rem;
  width: 1.125rem;
  box-sizing: content-box;
  border: 2px solid rgba(58.5, 58.5, 58.5, 0.675);
  margin: 0.5rem;
  min-width: 18px;
  box-shadow: 0 0 0 0;
  outline: 1px solid transparent;
  transition: all 0.25s ease-in-out;
}
.input-radio .input-radioGroup .input-radioButton_appearance svg {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.input-radio .input-radioGroup .input-radioButton_appearance svg circle {
  fill: #444;
  transform-origin: center;
  transition: transform 1s ease-in-out;
}
.input-radio .input-radioGroup .input-radioButton {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
}
.input-radio .input-radioGroup .input-radioButton:checked + .input-radioButton_appearance {
  background: rgba(68, 68, 68, 0.1);
}
.input-radio .input-radioGroup .input-radioButton:checked + .input-radioButton_appearance svg {
  visibility: visible;
  opacity: 1;
}
.input-radio .input-radioGroup .input-radioButton:checked + .input-radioButton_appearance svg circle {
  transition: fill 0.5s ease-in-out, transform 0.35s ease-in-out;
  transform: scale(1.5);
  fill: rgba(58.5, 58.5, 58.5, 0.675);
}
.input-radio .input-radioGroup .input-radioButton:checked ~ .input-radio_label {
  border: 2px solid var(--black) !important;
}
.input-radio .input-radioGroup .input-radioButton:disabled ~ .input-radioButton-label {
  color: rgba(68, 68, 68, 0.4);
}
.input-radio .input-radioGroup .input-radioButton:disabled + .input-radioButton_appearance {
  border: 2px solid rgba(68, 68, 68, 0.3);
}
.input-radio .input-radioGroup .input-radioButton:disabled + .input-radioButton_appearance svg {
  visibility: hidden !important;
  opacity: 0 !important;
}
.input-radio .input-radioGroup .input-radioButton:disabled:checked + .input-radioButton_appearance svg {
  visibility: initial !important;
  opacity: 1 !important;
}
.input-radio .input-radioGroup .input-radioButton:active + .input-radioButton_appearance svg {
  visibility: visible;
  opacity: 1;
}
.input-radio .input-radioGroup .input-radioButton:active + .input-radioButton_appearance svg circle {
  fill: rgba(153, 153, 153, 0.25);
}
.input-radio .input-radioGroup .input-radioButton:focus + .input-radioButton_appearance {
  box-shadow: 0 0 0 3px rgba(1, 1, 1, 0.15);
  outline: 1px solid transparent;
}
.input-radio .input-radioGroup .input-radioButton:focus ~ .input-radio_label {
  outline: 3px solid rgba(1, 1, 1, 0.15);
}

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 1.5rem;
  cursor: pointer;
  line-height: 1.4;
  margin-right: 7px;
  display: inline-block;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #545454;
  border-radius: 100%;
  background: #fff;
}

[type=radio]:checked + label:after,
[type=radio]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #3b3b3b;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.grid-checkbox input:read-only {
  background: #F2F2F2;
  cursor: pointer;
}

.multiselect {
  font-size: 12px;
  height: 24px;
  min-width: 180px;
  width: 100%;
  padding: 2px 20px 2px 5px;
  text-align: left;
  border-radius: 3px;
  box-shadow: none;
  outline: medium none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: #FFF url("../../../Images/drop-arrow.png?v=1.0.1") no-repeat 98% center;
  text-indent: 0.01px;
  text-overflow: "";
  border: 1px solid rgba(153, 153, 153, 0.5);
}
.multiselect:hover, .multiselect:focus, .multiselect:active {
  background-color: transparent !important;
}
.multiselect .caret {
  display: none;
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}
.multiselect-container .input-group {
  margin: 5px;
}
.multiselect-container li {
  padding: 0;
}
.multiselect-container li a {
  padding: 0;
}
.multiselect-container li a:hover {
  background-color: #3085db;
}
.multiselect-container li label.radio, .multiselect-container li label.checkbox {
  margin: 0;
}
.multiselect-container li label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: normal !important;
  padding: 3px 20px 3px 25px;
}
.multiselect-container li label input[type=checkbox] {
  margin-bottom: 5px;
}
.multiselect-container li input[type=checkbox] {
  opacity: 1 !important;
}
.multiselect-container li.multiselect-group label {
  margin: 0;
  padding: 3px 20px;
  height: 100%;
  font-weight: normal;
}
.multiselect-container li.multiselect-group-clickable label {
  cursor: pointer;
}
.multiselect-container li.filter .input-group-addon {
  padding: 1px 6px;
}
.multiselect-container li.filter .input-group-btn {
  padding: 0;
}
.multiselect-container li.filter .input-group-btn button {
  padding: 1px 6px;
}
.adBoxContainer {
  width: 100%;
  height: 100%;
  max-width: 1290px;
  margin: 0 auto 40px auto;
  padding: 0.8em;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: #FFF;
}
@media (min-width: 640px) {
  .adBoxContainer {
    position: relative;
    flex-direction: row;
  }
}
.adBoxContainer .adBoxes {
  width: 90%;
  max-width: calc(1290px / 3);
  margin: 0 auto;
  padding: 1em;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .adBoxContainer .adBoxes {
    width: 100%;
    flex-direction: row;
  }
}
.adBoxContainer .adBoxes img {
  width: 100%;
}
.adBoxContainer .adBoxes h2 {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 2.5rem;
}
.adBoxContainer .adBoxes p {
  font-size: 1.3em;
  font-weight: 200;
}

#pagingsearching .search-paging, #pagingsearching2 .search-paging {
  justify-content: space-around;
  align-items: center;
  display: flex;
}
#pagingsearching .search-pagination, #pagingsearching2 .search-pagination {
  max-width: 8em;
}
#pagingsearching .search-pagination ul, #pagingsearching2 .search-pagination ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
#pagingsearching .search-pagination li a, #pagingsearching2 .search-pagination li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5em;
  width: 2.5em;
  border: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
}
#pagingsearching .search-pagination li a[disabled], #pagingsearching .search-pagination li a.disabled, #pagingsearching2 .search-pagination li a[disabled], #pagingsearching2 .search-pagination li a.disabled {
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 0s 0s;
}
#pagingsearching .search-sorting .icon-sort-by, #pagingsearching2 .search-sorting .icon-sort-by {
  position: absolute;
  left: 0.5em;
  top: 0.75em;
}
#pagingsearching .search-sorting #Sort.input-select, #pagingsearching2 .search-sorting #Sort.input-select {
  padding-left: 2.5em;
}

#pagingsearching2 {
  padding: 0 50% !important;
  margin-left: 0;
}
#pagingsearching2 .arrow-left {
  margin-right: 0.5rem;
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .item img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper .selected-item .item img {
  border: 1px solid #010101;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .carousel-caption {
  position: absolute;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  top: 14%;
  z-index: 10;
}
.owl-carousel .carousel-caption .first {
  font-size: 24px;
  text-transform: capitalize;
  color: #FFF;
  position: relative;
  margin-bottom: 0;
  font-weight: normal;
}
.owl-carousel .carousel-caption h3 {
  font-size: 72px;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  margin: 0;
  font-weight: normal;
}
.owl-carousel .carousel-caption div {
  font-size: 18px;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  margin-bottom: 0;
  font-weight: normal;
}
.owl-carousel .carousel-caption a {
  position: relative;
  margin-left: 0;
  padding-right: 15px;
  margin-top: 10px;
}
.owl-carousel .carousel-caption a i {
  vertical-align: middle;
  line-height: 32px;
  padding-left: 5px;
}
.owl-carousel .carousel-caption.Left {
  text-align: left;
}
.owl-carousel .carousel-caption.Right {
  text-align: right;
}
.owl-carousel .carousel-caption.Center {
  text-align: center;
}
.owl-carousel .green {
  background: #638c2f;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-pagination {
  display: none;
}

.owl-theme .owl-controls {
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
  color: #010101;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 5px;
  font-size: 12px;
  border-radius: 0;
  background: #FFF;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  cursor: pointer;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #FFF;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #FFF;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  background: #FFF !important;
  border: 1px solid #FFF;
}

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
  border: 1px solid var(--lightGray);
  color: var(--darkGray);
  font-size: 2em;
  font-weight: 700;
}

.slider .item img {
  display: block;
  width: 100%;
  height: auto;
}
.slider .owl-pagination {
  margin-top: -37px;
  display: block;
}
.slider .owl-buttons .owl-prev {
  float: left;
  padding: 15px 10px;
  position: absolute;
  top: 45%;
  left: 0;
}
.slider .owl-buttons .owl-next {
  float: right;
  padding: 15px 10px;
  position: absolute;
  top: 45%;
  right: 0;
}

.Boxed {
  margin: 0 auto;
}

@media all and (min-width: 320px) {
  .owl-carousel .carousel-caption .first {
    font-size: 16px;
  }
  .owl-carousel .carousel-caption h3 {
    font-size: 30px;
  }
  .owl-carousel .carousel-caption div {
    font-size: 14px;
  }
  .slider .owl-buttons .owl-prev {
    padding: 10px 6px;
    top: 35%;
  }
  .slider .owl-buttons .owl-next {
    padding: 10px 6px;
    top: 35%;
  }
}
@media all and (min-width: 768px) {
  .Boxed {
    width: 750px;
  }
  .owl-carousel .item img {
    height: auto;
  }
  .owl-carousel .carousel-caption.Left {
    left: 8%;
  }
  .owl-carousel .carousel-caption.Right {
    right: 8%;
  }
}
@media all and (min-width: 992px) {
  .Boxed {
    width: 992px;
  }
  .owl-carousel .carousel-caption .first {
    font-size: 24px;
  }
  .owl-carousel .carousel-caption h3 {
    font-size: 72px;
  }
  .owl-carousel .carousel-caption div {
    font-size: 18px;
  }
  .slider .owl-buttons .owl-prev {
    padding: 15px 10px;
    top: 38%;
  }
  .slider .owl-buttons .owl-next {
    padding: 15px 10px;
    top: 38%;
  }
}
@media all and (min-width: 1200px) {
  .Boxed {
    width: 1170px;
  }
  .owl-carousel .carousel-caption.Right {
    top: 40%;
  }
  .owl-carousel .carousel-caption.Center {
    top: 40%;
  }
}
@media all and (min-width: 1300px) {
  .owl-carousel .carousel-caption.Left {
    top: 14%;
  }
  .slider .owl-buttons .owl-prev {
    top: 42%;
  }
  .slider .owl-buttons .owl-next {
    top: 42%;
  }
}
@media all and (min-width: 1500px) {
  .owl-carousel .carousel-caption.Left {
    top: 14%;
    left: 20%;
  }
  .owl-carousel .carousel-caption.Right {
    top: 46%;
    right: 20%;
  }
  .owl-carousel .carousel-caption.Center {
    top: 46%;
  }
}
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  -moz-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  -moz-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  -moz-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  -moz-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  -moz-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  -moz-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.5s ease both;
}

@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
.sp-label {
  font-weight: 600;
}

.form-item {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.account-signup-container {
  display: flex;
}
.account-signup-container div {
  padding-right: 0.5em;
}

.form-group {
  position: relative;
}
.form-group .input-error-group {
  position: relative;
}

@media only screen and (min-width: 640px) {
  .form-group-split {
    display: flex;
    justify-content: space-between;
  }
  .form-group-split .datacapture_field {
    width: calc(50% + 24.5rem);
    margin-right: 3px;
  }
  .form-group-split .text-secondary {
    font-size: 0.87em;
  }
  .form-group-split .form-group {
    width: calc(50% - 0.5rem);
  }
  .form-group-split .form-group .form-group {
    width: 100%;
  }
}
.datacapture_btn label {
  visibility: hidden;
}
.datacapture_btn Button {
  background: #007DC5;
  color: #FFF;
  border: none;
}
.datacapture_btn Button:hover {
  border: none !important;
}
.datacapture_btn Button p {
  word-break: break-word;
  font-size: 12px;
}

.edit-profile .form-group-split {
  width: 100%;
}
.edit-profile .form-group-split .datacapture_field {
  width: calc(50% + 30.5rem);
}

@media only screen and (min-width: 320px) and (max-width: 718px) {
  .datacapture_btn Button {
    margin-bottom: 10px;
  }
  .datacapture_btn Button p {
    padding: 12px;
    font-size: 14px;
  }
}
.data-capture-section {
  margin-bottom: 20px;
  background-color: #FFF;
  border-radius: 5px;
}

.data-capture-items {
  padding: 0;
}
.data-capture-items li {
  padding: 0;
}
.data-capture-items li span {
  box-sizing: border-box;
  flex-grow: 1;
  width: 50%;
  overflow: hidden;
  list-style: none;
}
.data-capture-items li span.data-capture-label {
  font-weight: 700;
}

.recommended-address-popup {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.recommended-address-popup > div {
  margin: 1em auto;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
@media screen and (min-width: 640px) {
  .recommended-address-popup {
    flex-direction: row;
  }
  .recommended-address-popup > div {
    border: none;
  }
}

#ShopperLoginRequestView .approvee section, #ShopperLoginRequestView .approver section {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.65em;
}
#ShopperLoginRequestView .approvee section.approver-address, #ShopperLoginRequestView .approver section.approver-address {
  flex-direction: column;
}
#ShopperLoginRequestView .approvee section .sp-value, #ShopperLoginRequestView .approver section .sp-value {
  padding-right: 1em;
}
#ShopperLoginRequestView .buttons {
  text-align: center;
}
#ShopperLoginRequestView .buttons a[type=button] {
  margin: 2em;
}

.deliveryDate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}

#calendar-button {
  display: flex;
  align-items: center;
  color: rgb(76.5, 76.5, 76.5);
  transition: color 0.35s;
}
#calendar-button:hover, #calendar-button.active {
  color: #010101;
}
#calendar-button span {
  font-size: 1.75em;
  margin-right: 0.25em;
}

#lead-time .est-delivery {
  display: flex;
  flex-direction: column;
  margin: 0.5em 0;
  border: 2px solid rgba(153, 153, 153, 0.5);
  padding: 0.5em 1em;
  box-sizing: border-box;
}

.deliverySlideIn {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  border: 1px solid transparent;
  transition: max-height 0.75s ease-out, opacity 0.5s ease-in-out, border 0.5s;
}
.deliverySlideIn.active {
  max-height: 47em;
  opacity: 1;
  border-top: 1px solid rgba(153, 153, 153, 0.5);
}
.deliverySlideIn .ui-datepicker-title {
  font-weight: bold;
}
.deliverySlideIn .date-today a {
  background-color: #4c91de;
  color: white;
}
.deliverySlideIn th {
  font-size: 0.85em;
}
.deliverySlideIn .date-approval a {
  background-color: #f3a435;
  color: black;
}
.deliverySlideIn .date-production a {
  background-color: #81d034;
  color: #222;
}
.deliverySlideIn .date-shipping a {
  background-color: #447316;
  color: white;
}
.deliverySlideIn .date-holiday a {
  background-color: #cd2123;
  color: white;
}
.deliverySlideIn .date-delivery a {
  background-color: #f6e53b;
  color: black;
}
.deliverySlideIn .ui-datepicker-week-end a {
  color: lightgray;
}
.deliverySlideIn .ui-state-disabled,
.deliverySlideIn .ui-widget-content .ui-state-disabled,
.deliverySlideIn .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.deliverySlideIn .ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

#calendar-popup {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
#calendar-popup td, #calendar-popup th {
  text-align: center;
  padding: 0.1em;
}
#calendar-popup td a, #calendar-popup td span, #calendar-popup th a, #calendar-popup th span {
  display: block;
  padding: 0.125em;
  border-radius: 12.5%;
}

.calendarContainer {
  display: flex !important;
  flex-wrap: wrap;
  width: 100% !important;
  justify-content: center;
}

#calendar-popup .ui-datepicker-group, #calendar-popup .ui-datepicker:not(.calendarContainer) {
  width: 100%;
  max-width: 12em;
  margin: 0.25em;
  padding: 0.25em 0.5em;
}
#calendar-popup .ui-datepicker-group .ui-datepicker, #calendar-popup .ui-datepicker:not(.calendarContainer) .ui-datepicker {
  display: flex !important;
  width: 100% !important;
}

#delivery-legend {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 410px;
  margin: 0 auto;
  font-size: 0.8em;
}
#delivery-legend li a {
  display: inline-block;
  width: 1em;
  height: 1em;
}

@keyframes disable-pointer-events {
  0%, 99% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}
#ApprovalPending {
  display: flex;
  align-items: center;
  position: relative;
}
#ApprovalPending:not(.active) {
  animation: disable-pointer-events 0.5s;
}
#ApprovalPending.active #ApprovalPending-content, #ApprovalPending:hover #ApprovalPending-content {
  visibility: visible;
  opacity: 1;
}
#ApprovalPending.active .close {
  display: inline-block;
  color: #FFF;
  font-size: 0.75rem;
  opacity: 1;
}
#ApprovalPending .close {
  display: none;
}
#ApprovalPending #ApprovalPending-icon {
  position: relative;
  max-width: 4em;
  margin: 0 1em 0 0;
}
#ApprovalPending #ApprovalPending-icon > a {
  display: block;
  width: 2.5em;
}
#ApprovalPending #ApprovalPending-icon > a > svg {
  width: 100%;
}
#ApprovalPending #ApprovalPending-icon > a > svg path {
  fill: red;
}
#ApprovalPending #ApprovalPending-icon > a > svg text {
  fill: #FFF;
  transform: translateY(0.12em);
}
#ApprovalPending #ApprovalPending-icon span#ApprovalPending-qty {
  position: relative;
  color: #FFF;
}
#ApprovalPending #ApprovalPending-content {
  position: absolute;
  background: red;
  color: #FFF;
  padding: 0.75em;
  width: 12em;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 0.25em);
  transition: all 0.12s ease-in;
}
@media screen and (min-width: 640px) {
  #ApprovalPending #ApprovalPending-content {
    transform: translate(-5em, 0.25em);
  }
}
#ApprovalPending #ApprovalPending-content a {
  display: inline;
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}
#ApprovalPending #ApprovalPending-content span {
  position: relative;
}
#ApprovalPending #ApprovalPending-content:before {
  content: " ";
  display: block;
  background: red;
  position: absolute;
  top: -0.5em;
  margin-left: -0.25em;
  height: 1.5em;
  width: 1.5em;
  transform: rotate(45deg);
}
@media screen and (min-width: 640px) {
  #ApprovalPending #ApprovalPending-content:before {
    margin-left: 4.75em;
  }
}

#SizingChart {
  overflow: auto;
}

.sizing-chart {
  caption-side: bottom;
}
.sizing-chart tr {
  border-bottom: 1px solid;
}
.sizing-chart th {
  vertical-align: bottom;
}
.sizing-chart td {
  min-width: 2em;
  padding: 0.125em;
  vertical-align: middle;
  border-right: 1px #dedede solid;
}
.sizing-chart sup {
  font-size: 0.75em;
  top: -0.25em;
}
.sizing-chart caption {
  font-style: italic;
}

#product-size-chart {
  padding: 2em;
}
#product-size-chart td, #product-size-chart th {
  max-width: 12em;
  border: 1px solid rgba(153, 153, 153, 0.5);
  padding: 0.25em;
  text-align: center;
}
#product-size-chart td:first-child, #product-size-chart th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
#product-size-chart th {
  background: #444;
  color: #FFF;
}
#product-size-chart td:first-child {
  background: #FAFAFA;
}
#product-size-chart #size-chart-conversion-toggle {
  display: flex;
  justify-content: flex-end;
  padding: 0.5em 0;
}
#product-size-chart #dynamic-size-table {
  width: 100%;
  caption-side: bottom;
}
#product-size-chart .overflow-container {
  overflow: auto;
}

div#sizeguideModal {
  padding-right: 0 !important;
}

.size-guide-popup {
  max-width: calc(100% - 2em);
  width: fit-content;
  margin: 5em auto;
}

.size-guide-popup .close {
  margin: 5px 10px 0 0;
}
.size-guide-popup .close .icon-cross {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.size-guide-popup .model-body {
  text-align: center;
}

.product-size-label .sp-product-stock {
  display: block !important;
  padding-top: 8px;
}

#sizeguideModal {
  overflow: hidden;
}

.product-size-chart-wrapper {
  position: relative;
}
.product-size-chart-wrapper .close-btn-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.product-size-chart-wrapper .size-chart-content {
  overflow-y: auto;
  max-height: calc(100vh - 150px);
  margin-top: 15px;
}
.product-size-chart-wrapper .close {
  margin: 5px 5px 0 0;
}
.product-size-chart-wrapper h2 {
  margin-bottom: 0 !important;
}

#split-payment-flyout-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease;
  transition-delay: 1s;
  z-index: 99;
}
#split-payment-flyout-container.active {
  z-index: 99;
  background: rgba(255, 255, 255, 0.75);
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
#split-payment-flyout-container.active #split-payment-flyout {
  transform: translateX(0);
}
#split-payment-flyout-container #split-payment-flyout-overlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
}
#split-payment-flyout-container #split-payment-flyout {
  position: absolute;
  right: 0;
  max-width: 22em;
  min-width: 22em;
  height: 100vh;
  height: 100dvh;
  padding: 1em;
  border-left: 1px solid rgba(153, 153, 153, 0.5);
  background: #FFF;
  transform: translateX(100%);
  transition: transform 0.35s ease;
  transition-delay: 0.2s;
}
#split-payment-flyout-container #split-payment-flyout h3 {
  display: flex;
  align-items: center;
}
#split-payment-flyout-container #split-payment-flyout h3 > .icon-arrow_split {
  font-size: 1.5em;
}
#split-payment-flyout-container #split-payment-flyout .order-total-order-balance {
  display: flex;
  background: #F2F2F2;
  margin-left: -1em;
  margin-right: -1em;
  padding: 1em;
}
#split-payment-flyout-container #split-payment-flyout .order-total-order-balance > div {
  width: 50%;
  font-weight: 700;
}
#split-payment-flyout-container #split-payment-flyout .order-total-order-balance > div > span {
  display: block;
  font-weight: 500;
}
#split-payment-flyout-container #split-payment-flyout #save-split-payment, #split-payment-flyout-container #split-payment-flyout #cancel-split-payment {
  width: 100%;
  margin: 0 0 1em;
}

._EcertificatePaymentOption .form-group .ecertificate-details, .flyout-body .form-group .ecertificate-details {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
._EcertificatePaymentOption .form-group .ecertificate-details .input-checkbox_container, .flyout-body .form-group .ecertificate-details .input-checkbox_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._EcertificatePaymentOption .form-group .ecertificate-details .input-checkbox_container .input-checkbox-label, .flyout-body .form-group .ecertificate-details .input-checkbox_container .input-checkbox-label {
  font-size: 14px !important;
  font-weight: bold !important;
}
._EcertificatePaymentOption .form-group .split-payment button, .flyout-body .form-group .split-payment button {
  margin: 0px !important;
}

._EcertificatePaymentOption .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance, .flyout-body .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance {
  background: #666;
}
._EcertificatePaymentOption .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance svg path, .flyout-body .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance svg path {
  fill: #FFF;
}
._EcertificatePaymentOption .input-checkbox_container .input-checkbox_appearance, .flyout-body .input-checkbox_container .input-checkbox_appearance {
  height: 1.2rem;
  width: 1.2rem;
  border: 1px solid #000;
}
._EcertificatePaymentOption .input-checkbox:disabled ~ .input-checkbox-label, .flyout-body .input-checkbox:disabled ~ .input-checkbox-label {
  color: #333333;
}

.multipage-checkout-container .split-margin-top {
  margin-top: 4rem;
}

.credit-card-payment-information .payment-summary {
  display: flex;
  align-items: center;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.credit-card-payment-information .payment-summary .payment-information-container {
  padding-left: 0px !important;
}
.credit-card-payment-information .payment-summary .edit-split-button {
  display: flex;
  justify-content: end;
  padding-right: 0px !important;
}
.credit-card-payment-information .payment-summary .edit-split-button button {
  margin: 0px !important;
}

.split-payment-summary {
  margin: 15px 0px;
}

@media (min-width: 991px) {
  ._EcertificatePaymentOption .form-group .add-balance {
    padding-left: 1.8rem;
  }
}
.edit-split-button {
  position: relative;
  display: flex;
  justify-content: end;
}
.edit-split-button #btnEditSplitPaymentMPC {
  position: absolute;
  right: 0;
}

@media (min-width: 767px) {
  .mpc-split-content #btnEditSplitPaymentMPC {
    position: absolute;
    top: 4rem;
  }
}
.spotlight {
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-size: cover;
  box-sizing: border-box;
  word-wrap: break-word;
}
.spotlight > z-widget {
  width: 100%;
}
.spotlight > z-widget .layout-contentpage > h1 {
  font-size: 3em;
  font-weight: 400;
}
.spotlight > z-widget .layout-contentpage > p {
  margin: 0 auto;
  font-size: 1.8em;
  font-weight: 100;
  line-height: 2.25em;
}
@media screen and (min-width: 640px) {
  .spotlight > z-widget .layout-contentpage {
    height: 100%;
  }
}
.spotlight > z-widget .layout-contentpage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spotlight .mainbutton {
  margin: 1.25em;
}
.spotlight .mainbutton a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 10px 20px;
}
.spotlight .dataCapture input {
  color: #000;
}
.spotlight .dataCapture .select-container {
  color: #000;
}
@media screen and (min-width: 640px) {
  .spotlight {
    width: 100%;
  }
}

.divdatacaputure {
  display: flex;
  align-items: baseline;
}
.divdatacaputure #datacapture-render {
  padding-top: 20px;
}
.divdatacaputure #Help-Description {
  font-size: 16px;
  font-weight: 100;
}
.divdatacaputure .control-label {
  font-size: 16px;
}

.hot-tag-default {
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  padding: 40px 0 0 40px;
  overflow: hidden;
  border-radius: 50%;
}

.hot-tag-default:hover .hot-tag-description, .hot-tag-default:focus .hot-tag-description {
  display: block;
}

.hot-tag-default .hot-tag-description {
  display: none;
  visibility: visible;
  left: -105px;
  top: 40px;
  width: 250px;
  z-index: 2;
  padding: 20px 10px 10px 20px;
  text-align: left;
  line-height: 1.25em;
}
.hot-tag-default .hot-tag-description:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.5em;
  left: calc(50% - 0.5em);
  height: 1em;
  width: 1em;
  margin-left: 2px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-right: none;
  border-bottom: none;
  background: #FFF;
  transform: rotate(45deg);
}

.product-color-swatches {
  position: relative;
}

.product-color-swatch {
  border: 1px solid #cacaca;
  border-radius: 1rem;
  height: 1.25rem;
  display: inline-block;
  width: 1.25rem;
  overflow: hidden;
}
.product-color-swatch img {
  width: 2rem;
  height: 2rem;
}

.see-more-colors {
  line-height: 1.2rem;
  font-weight: 900;
  text-align: center;
}
.see-more-colors:hover .swatch-more-colors, .see-more-colors:focus .swatch-more-colors {
  visibility: visible;
}
.see-more-colors:hover:after, .see-more-colors:focus:after {
  content: "";
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  margin-left: 2px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-right: none;
  border-bottom: none;
  background: #FFF;
  transform: rotate(45deg);
}

.swatch-more-colors, .hot-tag-description {
  position: absolute;
  left: 0;
  width: calc(100% + 2px);
  margin-top: 0.5em;
  margin-left: -1px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  padding: 0.75em 0.25em 0.5em;
  position: absolute;
  background: #FFF;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.08);
  visibility: hidden;
}

.product-price {
  font-weight: bold;
}

#popular-products > .container {
  display: block;
}
#popular-products .product-img {
  max-width: 250px;
  border: 1px solid var(--darkGray);
}
#popular-products .price {
  display: none;
}
#popular-products .product-details .title {
  padding: 10px 0px;
  width: 100%;
  color: var(--black);
  font-size: 17px;
  font-weight: 300;
}
#popular-products .owl-carousel {
  display: block;
  width: calc(100% + 1em);
}
#popular-products .owl-controls {
  position: absolute;
  width: 100%;
  top: calc(50% - 3em);
}
#popular-products .owl-prev {
  left: -2em;
  position: absolute;
  border: none;
}
#popular-products .owl-next {
  right: -2em;
  position: absolute;
  border: none;
}
#popular-products .quick-view-wrapper {
  position: absolute;
  width: 100%;
  bottom: 1.5em;
}
#popular-products .btn-quick-view {
  display: none;
  width: 80%;
  margin: 0 auto;
}
#popular-products .product-item:hover .btn-quick-view {
  display: block;
}
#popular-products slick-slide {
  padding-right: 5px;
}

@media screen and (min-width: 659px) {
  #popular-products .Product_Widget {
    display: flex;
  }
  #popular-products > .container {
    width: calc(100% - 2em);
  }
}
@media screen and (max-width: 658px) {
  #popular-products .layout-contentpage h2 {
    margin-left: 1.1rem;
  }
}
.Product_Widget .item .product-item a .image {
  justify-content: center;
  display: flex;
  align-items: center;
}
.Product_Widget .item .product-item a .image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.recent-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image, .recent-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image, .recommended-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image, .recommended-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image {
  justify-content: center;
  display: flex;
  align-items: center;
}
.recent-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img, .recent-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img, .recommended-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img, .recommended-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  .Product_Widget .item .product-item a .image {
    width: 245px;
    height: 245px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .Product_Widget .item .product-item a .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .recent-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image, .recent-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image, .recommended-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image, .recommended-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image {
    width: 225px;
    height: 225px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .recent-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img, .recent-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img, .recommended-view-items .Recent_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img, .recommended-view-items .Recommended_View_Products_relProduct_List .item .product-item .view-item .product-img a .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
.recent-view-items .owl-wrapper, #divRecommendedProducts .owl-wrapper {
  display: flex !important;
}
.recent-view-items .owl-item, #divRecommendedProducts .owl-item {
  max-width: 100% !important;
  margin: 15px 0;
}
.recent-view-items .owl-item .item, #divRecommendedProducts .owl-item .item {
  margin: 0 10px 0 10px;
  padding: 15px;
  height: 100%;
  border: 1px solid #999;
}
@media screen and (min-width: 640px) {
  .recent-view-items .owl-item .item .product-item .product-img, #divRecommendedProducts .owl-item .item .product-item .product-img {
    height: 170px !important;
    display: flex;
    justify-content: center;
  }
}
.recent-view-items .owl-item .item .product-item .product-img .image, #divRecommendedProducts .owl-item .item .product-item .product-img .image {
  height: auto;
}
@media screen and (min-width: 640px) {
  .recent-view-items .owl-item .item .product-item .product-img .image, #divRecommendedProducts .owl-item .item .product-item .product-img .image {
    height: 170px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.recent-view-items .owl-item .item .product-item .product-img img, #divRecommendedProducts .owl-item .item .product-item .product-img img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
.recent-view-items .owl-item .item .title, #divRecommendedProducts .owl-item .item .title {
  color: #000;
}
.recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-next, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-prev, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-next {
  border: 4px solid #999;
  color: #999;
  font-size: 50px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-next, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-prev, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    border: 1px solid #999;
    color: #999;
    top: calc(50% - 45px);
    font-size: 44px;
    font-weight: 700;
    margin: 0;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -45px;
  }
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-next, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -45px;
  }
}

.Recent_View_Products_relProduct .btn-card-quick-view, .Recommended_View_Products_relProduct .btn-card-quick-view {
  bottom: -40px !important;
  transform: translate(-50%, 0%) !important;
}

.recommended-view-items .owl-wrapper {
  display: flex !important;
}
.recommended-view-items .owl-item {
  max-width: 100% !important;
  margin: 15px 0;
}
.recommended-view-items .owl-item .item {
  margin: 0 15px;
  padding: 15px;
  height: 100%;
  border: 1px solid #999;
}
@media screen and (min-width: 640px) {
  .recommended-view-items .owl-item .item .product-item .product-img {
    height: 170px !important;
    display: flex;
    justify-content: center;
  }
}
.recommended-view-items .owl-item .item .product-item .product-img .image {
  height: auto;
}
@media screen and (min-width: 640px) {
  .recommended-view-items .owl-item .item .product-item .product-img .image {
    height: 170px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.recommended-view-items .owl-item .item .product-item .product-img img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
.recommended-view-items .owl-item .item .title {
  color: #000;
}
.recommended-view-items .view-item .product-details {
  text-align: center;
}
.recommended-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, .recommended-view-items .owl-theme .owl-controls .owl-buttons .owl-next {
  border: 1px solid #999;
  color: #999;
  font-size: 50px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .recommended-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, .recommended-view-items .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    border: 1px solid #999;
    color: #999;
    top: calc(50% - 22px);
    font-size: 44px;
    font-weight: 700;
    margin: 0;
  }
  .recommended-view-items .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -40px;
  }
  .recommended-view-items .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -40px;
  }
}

.recommended-view-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 24px;
  float: none;
}
@media (min-width: 768px) {
  .recommended-view-container {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .recommended-view-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .recommended-view-container {
    width: 1170px;
  }
}

@media screen and (max-width: 1450px) {
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-next, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-prev, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    border: 1px solid #999;
    color: #999;
    top: calc(50% - 45px);
    font-size: 31px;
    font-weight: 700;
    margin: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
  }
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -32px;
  }
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-next, #divRecommendedProducts .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -32px;
  }
}
.Recommended_View_Products_relProduct_List .slick-track, .Recent_View_Products_relProduct_List .slick-track, .Product_Widget .slick-track {
  margin: 0 !important;
}
.Recommended_View_Products_relProduct_List .slick-track .slick-slide .item .product-item .view-item .product-img a:focus, .Recent_View_Products_relProduct_List .slick-track .slick-slide .item .product-item .view-item .product-img a:focus, .Product_Widget .slick-track .slick-slide .item .product-item .view-item .product-img a:focus {
  border: none !important;
}

@media screen and (min-width: 659px) {
  ._WidgetProduct {
    margin-left: -1.5rem;
  }
}
.mr-1 {
  margin-right: 1em;
}

.mr-0 {
  margin-right: 0.5em;
}

@media screen and (min-width: 1290px) {
  ._WidgetProduct {
    margin-right: -20px;
    margin-left: 0px !important;
  }
  #popular-products > .container {
    width: 100%;
  }
  #popular-products .slick-list {
    padding: 0 !important;
  }
  #popular-products .slick-slider {
    max-width: 1310px;
  }
  #popular-products .Product_Widget {
    margin: 0 auto 0 0;
  }
}
.captcha-panel img {
  border: 1px solid black;
}
.captcha-panel .zf-refresh {
  margin-left: 10px;
}
.captcha-panel .field-validation-error {
  font-weight: 600;
  font-size: 0.78rem;
  color: red;
}

.power-bi .tab .reports-item a {
  color: #333;
}
.power-bi .tab .reports-item a:hover {
  color: #999 !important;
}
.power-bi .tab .reports-item.active a {
  cursor: default;
}
.power-bi .tab .reports-item.active a:hover {
  color: #333 !important;
}

.checktik {
  font-size: 45px;
  color: #005F83;
}

.form_dates {
  position: relative;
}
.form_dates .zf-calendar {
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  color: #005F83;
  font-size: 20px;
}

.form_dates {
  position: relative;
}

.btn_delegateapproval {
  margin-right: 15px;
}
.btn_delegateapproval .btn_approval {
  background-color: blue;
  color: white;
  padding: 10px 25px;
  border-radius: 0;
}

.ui-dialog {
  z-index: 101;
  padding: 1rem;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.5);
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 1.75em;
  line-height: 1.75em;
  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  color: #000;
  font-family: "RedPanda" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  content: "\ea0f";
}
.ui-dialog .product-preview-large-content img {
  width: 100%;
}

.modal-dialog {
  background-color: transparent;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 80%;
    max-width: 1024px;
  }
}
.modal-dialog .modal-content {
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
  border-radius: 0 !important;
  background-color: var(--white);
}
.modal-dialog .modal-header {
  border-bottom: none;
  padding: 15px 15px 0;
}
.modal-dialog .modal-header .modal-title {
  color: var(--darkGray);
  font-size: 16px;
}
.modal-dialog .modal-header .modal-title .close {
  opacity: 1;
  font-size: 12px;
  line-height: 2;
  color: var(--black);
}
.modal-dialog .modal-header .modal-title .close:hover {
  cursor: pointer;
  color: var(--darkGray);
}
.modal-dialog .modal-body {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .modal-global {
    width: 500px;
    transform: translate(50%, 18%);
  }
}
@media screen and (max-width: 640px) {
  .modal-content .modal-header {
    padding: 5px 5px 0;
  }
  .modal-content .modal-body {
    padding-top: 5px;
  }
}
#modal-global {
  border-radius: 0 !important;
}
#modal-global .modal-header {
  padding: 15px 30px 0 !important;
  border-bottom: none;
}
#modal-global .modal-header .modal-title {
  color: var(--darkGray);
  font-size: 16px;
}
#modal-global .modal-header .modal-title .close {
  opacity: 1;
  font-size: 12px;
  line-height: 2;
  color: var(--black);
}
#modal-global .modal-header .modal-title .close:hover {
  cursor: pointer;
  color: var(--darkGray);
}
#modal-global .modal-body {
  width: 100%;
}
#modal-global .modal-body .global-modal-copy {
  padding: 0 15px 15px !important;
  color: var(--black);
}
#modal-global .modal-body .links-global {
  display: flex;
  flex-wrap: wrap;
}
#modal-global .modal-body .btn-global, #modal-global .modal-body .btn-globe {
  border: 2px solid var(--secondaryColor);
  width: 43%;
  font-weight: 700;
  margin-left: 15px;
  text-align: center;
}

@media screen and (min-width: 992px) {
  #modal-global {
    width: 500px;
    transform: translate(50%, 18%);
  }
}
@media screen and (max-width: 640px) {
  #modal-global .modal-header {
    padding: 20px !important;
  }
  #modal-global .modal-body {
    padding-top: 5px;
  }
  #modal-global .modal-body .global-modal-copy {
    padding: 0 10px 10px !important;
  }
  #modal-global .btn-global {
    margin: 10px !important;
  }
}
#quick-view-popup-ipad, #quick-view-iframe {
  max-width: 640px;
}
@media screen and (min-width: 1250px) {
  #quick-view-popup-ipad, #quick-view-iframe {
    max-width: 1024px;
  }
}

.product-img, .product-image {
  position: relative;
}
.product-img .btn-card-quick-view, .product-image .btn-card-quick-view {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 30px;
  white-space: nowrap;
  display: none;
  margin: 0;
}

.product-img:hover .btn-card-quick-view {
  display: block;
}

.product-image:hover .btn-card-quick-view {
  display: block;
}

#quick-view-content .close {
  position: absolute;
  right: 1rem;
  top: 0.2rem;
  z-index: 99;
}
#quick-view-content .quickviewpopup-wrapper {
  background: #FFF;
}
#quick-view-content .quickviewpopup-wrapper .image-view {
  margin-bottom: 1rem;
}
#quick-view-content .quickviewpopup-wrapper .product-overview {
  padding-left: 2em;
}
#quick-view-content .quickviewpopup-wrapper .product-overview .product-name {
  margin-top: 1.5rem;
}
#quick-view-content .quickviewpopup-wrapper .product-overview .size-guidelink-wrapper a {
  border-bottom: 2px solid #76b900;
}
#quick-view-content .quickviewpopup-wrapper .product-overview .full-details-btn a {
  display: inline-flex;
  align-items: center;
}
#quick-view-content .quickviewpopup-wrapper .product-overview .savelater-btn {
  justify-content: end;
  padding: 10px 0px;
}
#quick-view-content .quickviewpopup-wrapper .product-short-description #showMoreBtn {
  border: none;
  padding: 0;
  font-weight: 600;
  text-decoration: underline;
}
#quick-view-content .envelopeicon-wrapper .notify-link {
  border: none;
}
#quick-view-content .product-details-image {
  padding-top: 4.3rem;
}
#quick-view-content .product-details-image .product-images {
  padding-left: 0px;
  padding-right: 0;
}
#quick-view-content .product-details-image .product-images .image-view {
  padding-right: 0;
}
#quick-view-content .product-details-image .product-images .image, #quick-view-content .product-details-image .product-images .image img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
#quick-view-content .product-variations {
  padding-right: 3rem !important;
  padding-left: 1rem !important;
}
#quick-view-content .product-name-price {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  z-index: 1000;
  padding: 10px;
  border-bottom: 1px solid white;
  padding: 10px 28px;
}
#quick-view-content .product-name-price .product-name {
  margin: 7px 0px;
}
#quick-view-content .product-name-price .product-price {
  margin-left: 0px;
  font-size: 17px;
}
#quick-view-content .configurable-product-quantity-content .sp-pdp-size {
  padding-left: 3.8rem;
}
#quick-view-content .total-price-wrapper {
  background: var(--lightGray);
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#quick-view-content .total-price-wrapper .product-size-label, #quick-view-content .total-price-wrapper .product-subtotal, #quick-view-content .total-price-wrapper .product-minimum-quantity-notif {
  font-family: nvidiasans-bold !important;
}
#quick-view-content .total-quantity-section {
  padding: 0.5em 1em 0;
}

#quick-view-content .quickviewpopup-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 4% !important;
  padding-bottom: 1rem;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 15px;
}

body.outofstock-modal-open {
  overflow: hidden !important;
}

.single-quantitybox #subtotal-row {
  justify-content: end;
  text-align: right;
  display: flex;
  font-family: nvidiasans-bold !important;
}

.configurable-product-quantity-wrapper {
  font-weight: 600;
  flex-direction: column;
  display: flex;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content {
  border: 2px solid #eaeaea;
  margin-top: 1.5rem;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size {
  display: flex;
  margin-top: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .sp-pdp-headings {
  display: none;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
  flex-direction: column;
  display: flex;
  padding: 0;
  text-align: center;
  margin-right: 2rem;
  width: 6rem;
  margin-left: 1.2rem;
  margin-bottom: 10px;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .inputbox-container .quantity {
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
  text-align: center;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .inputbox-container .sp-product-stock span {
  font-size: 11px;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .single-quantity-container {
  flex-direction: column;
  display: flex;
  padding: 0;
  text-align: center;
  margin-right: 2rem;
  width: 6rem;
  margin-bottom: 10px;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .single-quantity-container label {
  padding-left: 20px;
}
.configurable-product-quantity-wrapper .configurable-product-quantity-content .single-quantity-container .product-details-qty input {
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
  text-align: center;
}

.sidebar-facets {
  z-index: 0;
  color: black;
}
.sidebar-facets .list-group {
  margin-bottom: 15px;
}
.sidebar-facets .list-group .panel-title {
  cursor: pointer;
}
.sidebar-facets .filter-list .styled-input input {
  cursor: pointer;
}
.sidebar-facets .filter-list .styled-input .input-checkbox_label {
  display: flex;
}
.sidebar-facets .filter-list li {
  list-style-type: none;
  margin: 0.75em 0;
}
.sidebar-facets .filter-list li a {
  font: inherit !important;
}
.sidebar-facets .filter-list label {
  display: flex;
  align-items: center;
}
.sidebar-facets .filter-list .filtered-remove {
  margin-left: 10px;
  cursor: pointer;
}
.sidebar-facets .filter-list .filter-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.sidebar-facets .clear-filter {
  cursor: pointer;
  display: flex;
  justify-content: end;
}
.sidebar-facets .panel-add-filters, .sidebar-facets .panel-categories {
  border-bottom: 1px solid #e0e0e0;
}
.sidebar-facets .panel-add-filters .accordion-panel, .sidebar-facets .panel-categories .accordion-panel {
  display: none;
}
.sidebar-facets .panel-add-filters.active .accordion-panel, .sidebar-facets .panel-categories.active .accordion-panel {
  display: block;
}
.sidebar-facets .panel-add-filters.active .panel-heading-wrapper .material-icons, .sidebar-facets .panel-categories.active .panel-heading-wrapper .material-icons {
  transform: rotate(180deg);
}
.sidebar-facets .panel-heading-wrapper {
  cursor: pointer;
  padding: 0;
  margin-bottom: 0;
}
.sidebar-facets .panel-heading-wrapper .panel-action .material-icons {
  font-size: 1.3rem;
  margin-left: 10px;
}
.sidebar-facets .panel-heading-wrapper h3 {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  margin-top: 14px;
}
.sidebar-facets .panel-group .panel + .panel {
  margin: 0;
}
.sidebar-facets .panel-body {
  padding: 0;
}
.sidebar-facets .panel-body .filter-list {
  padding: 0;
}
.sidebar-facets .panel-body .filter-list.truncate li.input-checkbox_container {
  display: none;
}
.sidebar-facets .panel-body .filter-list.truncate li.input-checkbox_container:nth-child(-n+10) {
  display: block;
}
.sidebar-facets .panel-body .filter-list li {
  display: flex;
}
.sidebar-facets .panel-body .filter-list li.filters-show {
  display: none;
  cursor: pointer;
}
.sidebar-facets .panel-body .filter-list li.filters-show.active {
  display: block;
}
.sidebar-facets .panel-body .filter-list li .filter-count {
  margin-left: 0.5em;
  color: #666;
}
.sidebar-facets .panel-body .filter-list li label, .sidebar-facets .panel-body .filter-list li a {
  font-size: 0.95em;
  font-weight: 400;
}
.sidebar-facets .panel-body .filter-list li label sup, .sidebar-facets .panel-body .filter-list li a sup {
  font-size: 0.75rem;
}
.sidebar-facets .panel-body .filter-list li label[data-test-selector=lblFilterItem] {
  padding-left: 0;
  padding-right: 10px;
  font-weight: 500;
}
.sidebar-facets .panel-body .filter-list li .filtered-remove {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sidebar-facets .facetbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
}

#active-filters-list .panel-heading-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#active-filters-list .panel-heading-container #filters-clear-all {
  cursor: pointer;
}
#active-filters-list .filter-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin-bottom: 5px;
}
#active-filters-list .filter-list .filtered {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  background-color: #fff;
  width: 100%;
  border: 1px solid var(--darkGray);
  border-radius: 2rem;
  padding: 2px 15px;
  width: fit-content;
  max-width: 250px;
  margin: 0 0.4em 0.4em 0;
}
#active-filters-list .filter-list .filtered span {
  white-space: nowrap;
}
#active-filters-list .filter-list .filtered .filter-item-value {
  font-weight: bold;
  color: var(--black);
}
#active-filters-list .filter-list .filtered .filtered-remove {
  display: inline-block;
  font-size: 0.9em;
}
#active-filters-list .filter-list .filtered .filtered-remove:hover {
  color: var(--darkGray);
  cursor: pointer;
}

#miniCart-Viewer.active {
  display: block;
  padding: 0px !important;
}

#miniCart-Viewer {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  height: 100vh;
  height: 100dvh;
  width: calc(100% - 1em);
  max-width: 30em;
  border-left: 1px solid rgb(221, 221, 221);
  background: var(--white);
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transform: translateX(100%);
  transition: transform 0.35s ease-in;
}
#miniCart-Viewer #close-MiniCart {
  border: none;
  font-size: 30px;
  float: right;
  padding: 20px;
  cursor: pointer;
}
#miniCart-Viewer.active {
  transform: translateX(0);
}
#miniCart-Viewer h2 {
  line-height: 1.8;
  font-size: 1.5em;
}
#miniCart-Viewer #miniCart-Content {
  position: relative;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr;
  max-height: 90vh;
  overflow-y: auto;
}
#miniCart-Viewer .loader {
  height: 20px;
  width: 20px;
  min-height: 0px !important;
  margin: 0 auto;
}
#miniCart-Viewer .cart-summary-table {
  width: 100%;
  background-color: #F4F4F4;
  padding: 20px;
}
#miniCart-Viewer .cart-summary-value {
  text-align: right;
}
#miniCart-Viewer .order-total {
  font-weight: 600;
}
#miniCart-Viewer #miniCart-Summary {
  grid-area: miniCart-Summary;
}
#miniCart-Viewer #miniCartList {
  grid-area: miniCartList;
  overflow-y: auto;
  padding: 20px;
  margin: 0;
  padding-right: 12px;
  padding-left: 12px;
}
#miniCart-Viewer #miniCartList > li {
  padding: 0.125em 1.5em 0.125em 0.125em;
  list-style: none;
}
#miniCart-Viewer #miniCartList .item-description {
  padding: 0 0 0 0.5em;
}
#miniCart-Viewer #miniCartList .cart-item-name {
  font-weight: 600;
  padding: 0 0 0.5em 0;
}
#miniCart-Viewer #miniCartList .cart-item-name a {
  color: rgb(0, 0, 0);
}
#miniCart-Viewer #miniCartList .cart-item-size {
  font-weight: 500;
}
#miniCart-Viewer #miniCartList .cart-item-price {
  display: flex;
  justify-content: space-between;
  padding: 0.25em 1em 0 0;
  font-weight: 600;
}
#miniCart-Viewer #miniCartList .cart-item-price .extended-price {
  padding-left: 6rem;
}
#miniCart-Viewer #miniCart-CTA {
  grid-area: miniCart-CTA;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 1em;
}
#miniCart-Viewer #miniCart-CTA > .btn {
  width: 100%;
  margin: 0 0 1em;
}
#miniCart-Viewer .edit-remove-links {
  display: flex;
  justify-content: space-between;
}
#miniCart-Viewer .edit-remove-links a, #miniCart-Viewer .edit-remove-links [data-action=removeCartItem] {
  display: flex;
  background: none;
  border: none;
  color: rgb(0, 0, 0);
  font-weight: 400;
}
#miniCart-Viewer .cart-item {
  border-bottom: 1px solid rgb(221, 221, 221);
}
#miniCart-Viewer .cart-item .removeItem {
  display: flex;
  justify-content: end;
  align-items: center;
}
#miniCart-Viewer .cart-item-wrapper {
  display: flex;
  padding: 1em 0;
}
#miniCart-Viewer .cart-item-wrapper .item-image img {
  max-width: 9em;
}
#miniCart-Viewer .cart-item-wrapper .item-description > li {
  list-style: none;
}
#miniCart-Viewer .item-size-group {
  border-top: 1px solid rgb(247, 247, 247);
}
#miniCart-Viewer .item-size-group ul {
  padding: 0.25em 0;
}
#miniCart-Viewer .item-size-group li {
  list-style: none;
}

#miniCart-Viewer #miniCart-Summary h2 {
  padding: 0 20px;
}
#miniCart-Viewer #miniCart-Summary .cart-summary-table tbody {
  display: table;
  width: 92%;
  margin: 7px 4%;
}
#miniCart-Viewer #miniCartList .cart-item .cart-item-wrapper .item-image {
  justify-content: center;
  display: flex;
  align-items: center;
}
#miniCart-Viewer #miniCartList .cart-item .cart-item-wrapper .item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  #miniCart-Viewer #miniCartList .cart-item .cart-item-wrapper .item-image {
    width: 135px;
    height: 135px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  #miniCart-Viewer #miniCartList .cart-item .cart-item-wrapper .item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
#pagingsearching {
  display: none;
}

.address-popup .modal-dialog {
  width: 600px;
}
.address-popup .modal-dialog #user-popup-content .modal-dialog {
  width: 100%;
  margin: 0;
}
.address-popup #modal-login .padding-top-bottom {
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .address-popup .modal-dialog {
    width: 80%;
    margin: 1em 0;
  }
}
@media screen and (max-width: 640px) {
  .address-popup .modal-dialog {
    width: auto;
    margin: 10px;
  }
  .address-popup .modal-dialog #user-popup-content {
    padding: 15px;
  }
  .address-popup #modal-login .padding-top-bottom {
    padding: 10px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 400px) {
  .address-popup .btn-text-login {
    width: 100%;
  }
}

footer {
  background: var(--footerNavBgColor);
  color: var(--footerNavTextColor);
  width: 100%;
  float: left;
}
footer .footer-information {
  display: flex;
  flex-wrap: wrap;
}
footer .footer-information > div {
  width: 25%;
}
footer .footer-logo {
  width: 150px;
}
footer .footer-logo img {
  width: 100%;
}
footer .footerLinks {
  width: calc(100% - 4em);
}
footer .footerLinks .links ul li a {
  color: #76b900;
}
footer .links {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  footer .links {
    flex-direction: row;
  }
}
footer .links z-widget:first-of-type ul {
  padding: 0;
}
footer .links ul {
  padding: 0 1em 0 0;
}
footer .links ul li {
  display: block;
  text-align: center;
  font-size: 14px;
}
footer .links ul li:last-child {
  padding-right: 0 !important;
}
@media (min-width: 640px) {
  footer .links ul li {
    display: inline-block;
    text-align: left;
    padding: 0 1.5em 0 0 !important;
  }
}

.footer-links-block {
  padding: 20px 0 10px;
}
.footer-links-block .footer-link-row {
  padding: 0 10%;
}
@media screen and (max-width: 991px) {
  .footer-links-block .footer-link-row {
    padding: 0 0;
  }
}
.footer-links-block .container {
  padding: 0;
}
.footer-links-block .footer-section {
  margin-bottom: 20px;
}
.footer-links-block .footer-section .footer-header {
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #747474;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #FFF;
}
.footer-links-block .footer-section .footer-links {
  list-style: none;
  padding: 0;
}
.footer-links-block .footer-section .footer-links li {
  margin-bottom: 5px;
}
.footer-links-block .footer-section .footer-links li a {
  color: #76b900;
  text-decoration: none;
}
.footer-links-block .footer-section .footer-links li a:hover {
  text-decoration: none;
}
.footer-links-block .footer-bottom {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #747474;
}
.footer-links-block .footer-bottom .footer-logo img {
  width: 120px;
  margin-bottom: 10px;
}
.footer-links-block .footer-bottom .footer-policies {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
}
.footer-links-block .footer-bottom .footer-policies li {
  margin: 0 10px;
}
.footer-links-block .footer-bottom .footer-policies li a {
  color: #FFF;
  text-decoration: none;
  font-size: 12px;
}
.footer-links-block .footer-bottom .footer-policies li a:hover {
  text-decoration: underline;
}
.footer-links-block .footer-bottom p {
  font-size: 12px;
  color: #ccc;
}
.footer-links-block .footer-social-links {
  text-align: right;
}
.footer-links-block .footer-social-links .social-media {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer-links-block .footer-social-links .social-media span {
  display: block;
  margin-bottom: 5px;
  color: #747474;
  margin-right: 10px;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-size: 20px;
}
.footer-links-block .footer-social-links .social-media > span {
  font-size: 14px;
  margin-right: 20px;
}
.footer-links-block .footer-social-links .social-media .social-icon {
  color: #747474;
  margin-right: 10px;
  font-size: 18px;
}
.footer-links-block .footer-social-links .social-media .social-icon:hover {
  color: #8cc63f;
}
.footer-links-block .footer-social-links .social-media a:hover span {
  color: #FFF;
}

.footer-copyright-text img {
  max-width: 200px;
  height: 100%;
  object-fit: contain;
}

.footerCopyright {
  padding: 0;
  background: var(--footerBgColor);
}
.footerCopyright .footer-copyright-text {
  color: var(--footerTextColor);
  font-size: var(--footerFontSize);
}
.footerCopyright .container {
  padding: 1em 1em 0;
  justify-content: flex-start;
}
.footerCopyright .container div {
  margin: 0 0 5px;
}
.footerCopyright a {
  color: var(--footerTextColor);
}

header {
  position: relative;
  z-index: 99;
}
header .navigation {
  width: auto;
}
header .navigation .login-search {
  display: none;
}
header .navigation .typeahead-results-wrapper, header .navigation div#suggestedsynonyms {
  display: none;
}
header .site-details-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .site-details-list li {
  padding: 0px 6px;
}
header .site-details-list li a span {
  font-size: var(--headerIconSize);
  color: var(--headerIconColor);
  font-weight: 500;
}
header .site-details-list li a span:hover {
  color: var(--headerIconHover) !important;
  cursor: pointer;
}
header .site-details-list li a span#searchIconSpan {
  font-size: 20px;
}
header .site-details-list li .account-nav-item > span {
  font-size: var(--headerIconSize);
  color: var(--headerIconColor);
  font-weight: 500;
}
header .site-details-list li .account-nav-item:hover > span {
  color: var(--headerIconHover);
  cursor: pointer;
}
header .site-details-list li .headerSubtotal {
  font-weight: 600;
  font-size: 13px;
  color: #666;
  position: relative;
  top: -2px;
}
header .site-details-list #BudgetAvailableBalanceHeader {
  display: none;
}
@media screen and (min-width: 640px) {
  header .site-details-list #BudgetAvailableBalanceHeader {
    display: block;
  }
}
@media (pointer: coarse) {
  header .site-details-list #header-account .guest-log-in a {
    pointer-events: none;
  }
}
@media screen and (min-width: 640px) {
  header .site-details-list .site-profile {
    position: relative;
  }
  header .site-details-list .site-profile #mobilePointsDisplay {
    display: none;
  }
}
header .site-details-list .site-profile #mobilePointsDisplay span {
  font-size: 1rem;
  font-weight: var(--headerFontWeight);
}
header .site-details-list .site-profile .user-account-dropdown {
  width: 100%;
  text-align: left;
  box-shadow: none;
  padding-bottom: 1.25em;
}
@media screen and (min-width: 640px) {
  header .site-details-list .site-profile .user-account-dropdown {
    right: -10px;
    text-align: left;
    top: 21px;
    width: 12em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.08);
  }
}
header .site-details-list .site-profile .user-account-dropdown .account-dropdown-heading-group {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid var(--lightGray);
  padding-bottom: 0.5em;
  font-weight: var(--headerFontWeight);
}
header .site-details-list .site-profile .user-account-dropdown a {
  display: inline-block;
  padding-top: 0.75em;
}
header .site-details-list .site-profile .user-account-dropdown .custom-layout a span {
  font-size: 15px;
}
header .site-details-list .cart span {
  font-size: 15px;
  position: relative;
  top: -2px;
  font-weight: 500;
}
header .right-social-list {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .right-social-list span.headerQuantity {
  display: block;
}
header .right-social-list .site-details-list li a {
  padding: 7px 0 0;
}

.search-bar-wapper {
  width: 100%;
  position: absolute;
  background: #f7f7f7;
  left: 0;
  right: 0;
  padding: 15px 0px;
  z-index: 999;
}
.search-bar-wapper .search-bar-header {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 35px;
}
.search-bar-wapper .search-bar-header .search-wrapper {
  border: 1px solid #666;
  background: #FFF;
}
.search-bar-wapper .search-bar-header .search-wrapper span.input-group-btn button {
  margin: 0;
  border: none;
  padding: 10px 15px;
  position: relative;
}
.search-bar-wapper .search-bar-header .search-wrapper span.input-group-btn button span.zf-search-outline {
  color: #666 !important;
  font-size: 16px;
  vertical-align: middle;
}
.search-bar-wapper .search-bar-header .search-wrapper input#searchTextBox {
  border: none;
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.5rem 1rem;
  font-size: 1em;
}
.search-bar-wapper .search-bar-header span.twitter-typeahead {
  width: 100%;
}

.bnr_header {
  padding: 15px 0px;
}

.site-search .zf-close-outline-icon {
  display: inline-block;
  font-size: 1.5em;
  color: var(--headerIconColor);
  max-width: 0.75em;
  position: relative;
}
.site-search.mobile {
  font-size: 1.25em;
  position: absolute;
  top: 0.7em;
  left: 2.75em;
  margin: 0;
  padding: 0;
}
.site-search.mobile .zf-close-outline-icon {
  top: -0.05em;
  left: -0.125em;
}
@media screen and (min-width: 640px) {
  .site-search.mobile {
    display: none;
  }
}
.site-search.desktop .zf-close-outline-icon {
  font-size: var(--desktopIconSize);
}
@media screen and (max-width: 639px) {
  .site-search.desktop {
    display: none;
  }
}

.status-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  font-size: 0.9em;
}
.status-bar > div {
  margin: 0.5em 0;
  border-right: 1px solid;
  padding: 0 0.5em;
}
.status-bar > div:last-of-type {
  border-right: none;
}

.header-brand a {
  display: inline-block;
  cursor: pointer;
}

#locale-header .dropdown-toggle {
  text-decoration: underline;
  cursor: pointer;
}
#locale-header .headings {
  font-weight: bold;
}
#locale-header .dropdown {
  margin: 0;
  padding-right: 1em;
}
#locale-header .dropdown:after {
  top: 0;
  right: 0;
}
#locale-header ul {
  padding: 0.5em 0 0 0;
}
#locale-header li {
  padding: 0.25em 0;
}
#locale-header .dropdown-menu {
  padding: 0.5em;
}

.proxy-login-section {
  background-color: #010101;
  color: #fff;
  padding: 5px;
  text-align: center;
}
.proxy-login-section .log-off {
  color: #000;
  padding: 2px 5px;
  margin: 0 5px;
  border-radius: 2px;
  background-color: #fdfdfd;
}

.headerSubtotal {
  min-width: 70px;
}

.header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 2em);
  max-width: 1290px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .header {
    flex-direction: row;
  }
}
.header > div {
  width: 100%;
}
.header .header-logo svg, .header .header-logo img {
  max-height: 90px;
  max-width: 160px;
}
.header .header-logo svg.desktop, .header .header-logo img.desktop {
  max-width: 100%;
  display: none;
}
@media screen and (min-width: 640px) {
  .header .header-logo svg, .header .header-logo img {
    position: relative;
  }
  .header .header-logo svg.mobile, .header .header-logo img.mobile {
    display: none;
  }
  .header .header-logo svg.desktop, .header .header-logo img.desktop {
    display: unset;
  }
}
.header .logo {
  padding: 1em 0;
  width: auto;
  object-fit: contain;
  z-index: 1;
}
@media screen and (min-width: 640px) {
  .header .logo {
    padding: 0 2em 0 0;
    display: flex;
    align-items: center;
  }
  .header .logo .layout-contentpage {
    display: flex;
  }
}
.header .logo img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}
.header .rightSide {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 640px) {
  .header .rightSide {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) {
  .header .rightSide {
    flex-direction: row;
    justify-content: space-between;
  }
}
.header .rightSide .cart {
  padding: 0 0 0 5px;
  display: flex;
  align-items: center;
}
.header .rightSide .cart #eCertTotalAvailableBalanceHeaderDesktop {
  display: none;
  background: none;
}
@media screen and (min-width: 640px) {
  .header .rightSide .cart #eCertTotalAvailableBalanceHeaderDesktop {
    display: block;
  }
}
.header .rightSide .cart #eCertTotalAvailableBalanceHeaderDesktop .ecert-value {
  font-size: 1em !important;
  font-weight: 600;
  color: #FFF;
}
.header .rightSide .cart .headerQuantity, .header .rightSide .cart .headerSubtotal {
  position: absolute;
  top: -5px;
  font-size: 9px;
  background-color: var(--headerSubtotalBg);
  border-radius: 3px;
  line-height: 6px;
  color: var(--headerSubtotalTextColor);
  height: 11px;
  min-width: 16px;
  text-align: center;
  padding: 3px;
}
.header .rightSide .cart .tooltip-gift {
  position: relative;
}
.header .rightSide .cart .tooltip-gift span.icon-gift {
  color: #010101;
  font-size: 1.5em;
  margin-right: 20px;
}
.header .rightSide .cart .tooltip-gift:hover .tooltip-text {
  visibility: visible;
}
.header .rightSide .cart .tooltip-gift:focus-within .tooltip-text {
  visibility: visible;
}
.header .rightSide .cart .tooltip-text {
  visibility: hidden;
  position: absolute;
  top: 35px;
  left: -75px;
  background: #010101;
  color: #FFF;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  z-index: 99;
  left: auto !important;
  right: 20%;
  font-size: 16px !important;
  font-weight: 200 !important;
}
.header .rightSide .cart .tooltip-text #eCertTotalBalanceHeader {
  font-size: 13px !important;
}
.header .rightSide .cart a {
  position: relative;
  color: var(--headerCartIconColor);
}
.header .rightSide .cart a:hover {
  color: var(--headerIconHover) !important;
  cursor: pointer;
}
.header .rightSide .cart a span {
  padding-right: 0.5em;
  font-size: 13px !important;
}
.header .rightSide .cart a .icon-shopping-cart {
  font-size: 14px;
}
.header .rightSide .cart .headerSubtotal {
  margin-left: 0.75em;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.35);
    opacity: 0;
  }
  100% {
    transform: scale(0.95);
    opacity: 1;
  }
}
.header .rightSide .cart .hasItem .icon-shopping-cart::before {
  z-index: 1;
  animation: pulse 1250ms 0.35s;
}
@media only screen and (max-width: 640px) {
  .header .rightSide .cart .cart .headerSubtotal, .header .rightSide .cart .cart .headerQuantity {
    display: none;
  }
  .header .rightSide .cart .tooltip {
    display: inline-block;
  }
}
.header .rightSide .cart .has-tooltip .tooltip {
  display: none !important;
}
.header .username {
  margin-right: 0.938em;
}
.header .search {
  display: flex;
  align-items: center;
  padding: 10px;
}
.header .search > z-widget {
  width: 100%;
}
.header .search .search-widget div {
  display: flex;
  align-items: center;
}
.header .search .search-widget .twitter-typeahead {
  width: 100%;
}
.header .search .search-widget input {
  height: 2.5em;
}
.header .search .search-widget .input-group-btn {
  width: inherit;
}
.header .search .search-widget button {
  margin: 0;
  height: 2.1em;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 0;
  background: #76b900 !important;
  color: #000 !important;
}
.header .search .search-widget button:hover, .header .search .search-widget button:focus {
  border: 1px solid rgba(153, 153, 153, 0.5);
  background: #76b900;
  font-weight: 600;
  color: #000 !important;
}
@media screen and (min-width: 1024px) {
  .header .search {
    width: 320px;
  }
  .header .search .keyboard-icon {
    padding: 0.5rem;
  }
  .header .search .keyboard-icon i {
    font-size: 30px;
    cursor: pointer;
  }
  .header .search:hover .search-widget {
    display: block;
  }
}

.scan-dialog .scan-video-container {
  width: 100%;
}
.scan-dialog .scan-video-container .dbrScanner-video {
  width: 100%;
  height: 80vh;
}
.scan-dialog .scan-code-msg {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
}

nav.dropdown-list ul.login-search {
  display: none;
}

.search-widget .btn-scan-search {
  margin-left: 10px;
}

.budget-total-header {
  position: relative;
}

.budget-total-header:hover .totip-txt {
  visibility: visible;
}

.totip-txt {
  visibility: hidden;
  position: absolute;
  top: 24px;
  left: -3px;
  background: #4b4b4b;
  color: white;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  z-index: 99;
  display: flex;
  justify-content: center;
}

.up-arrow {
  content: "";
  border-width: 8px;
  border-style: solid;
  border-color: transparent #4b4b4b transparent transparent;
  display: block;
  position: absolute;
  top: -16px;
  transform: rotate(90deg);
  left: 103px;
}

.budget-name {
  padding-right: 15px;
}

a.loginLink, a#log-off {
  white-space: nowrap;
}

span.headerQuantity {
  display: none;
}

.admin-header .header-contain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 9988;
  line-height: 26px;
  color: #FFF;
  background: #3c4145;
  border-top: 2px solid #CB2026;
}
.admin-header .header-contain .contains {
  float: left;
  min-width: 102px;
  padding: 0px 15px;
  border-right: 1px solid rgba(153, 153, 153, 0.5);
  height: 38px;
  border-left: 1px solid rgba(153, 153, 153, 0.5);
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.admin-header .header-contain .contains img {
  max-width: 80px;
  min-width: 80px;
  padding-top: 5px;
}
.admin-header .header-contain .contains a {
  color: #FFF;
  font-size: 16px;
  font-family: RobotoCondensed-Regular, segoeui-bold, HelveticaNeueLTStd Lt, Arial, sans-serif;
}
.admin-header .header-contain .dismiss {
  float: right;
  border-left: none;
}
.admin-header .header-contain .dismiss .Exit {
  font-size: 14px;
}
.admin-header .header-contain .br-2 {
  border-right: 2px solid rgba(153, 153, 153, 0.5);
}

.admin-footer .footer-contain {
  z-index: 500;
  text-align: center;
  height: 25px;
  line-height: 24px;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 0;
}

.budget_Balance {
  display: flex;
  align-items: center;
}
.budget_Balance #headerBudgetName {
  font-size: 14px;
}
.budget_Balance span#refreshBudgetBalance {
  font-size: 15px;
  padding-left: 10px;
}

.admin-header {
  margin-bottom: 40px;
}
.admin-header .header-contain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 9988;
  line-height: 26px;
  color: #FFF;
  background: #3c4145;
  border-top: 2px solid #CB2026;
}
.admin-header .header-contain .contains {
  float: left;
  min-width: 102px;
  padding: 0px 15px;
  border-right: 1px solid rgba(153, 153, 153, 0.5);
  height: 38px;
  border-left: 1px solid rgba(153, 153, 153, 0.5);
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.admin-header .header-contain .contains img {
  max-width: 80px;
  min-width: 80px;
  padding-top: 5px;
}
.admin-header .header-contain .contains a {
  color: #FFF;
  font-size: 16px;
  font-family: RobotoCondensed-Regular, segoeui-bold, HelveticaNeueLTStd Lt, Arial, sans-serif;
}
.admin-header .header-contain .dismiss {
  float: right;
  border-left: none;
}
.admin-header .header-contain .dismiss .Exit {
  font-size: 14px;
}
.admin-header .header-contain .br-2 {
  border-right: 2px solid rgba(153, 153, 153, 0.5);
}

.admin-footer .footer-contain {
  z-index: 500;
  text-align: center;
  height: 25px;
  line-height: 24px;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 0;
}

.customize-search-box .input-group .twitter-typeahead {
  position: relative;
  display: inline-block;
  direction: ltr;
}
.customize-search-box .input-group .twitter-typeahead .typeahead {
  position: relative;
  vertical-align: top !important;
}
.customize-search-box .input-group .twitter-typeahead pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  font-family: motiva-sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  word-spacing: 0px;
  letter-spacing: 0px;
  text-indent: 0px;
  text-rendering: auto;
  text-transform: none;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 100;
  display: block;
  right: auto;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu .tt-dataset-autos .tt-suggestions {
  display: block;
  cursor: pointer;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu .tt-dataset-autos .tt-suggestions .tt-suggestion p {
  white-space: normal;
}

.customize-search-box .search-wrapper {
  position: inherit;
}
.customize-search-box .input-group .twitter-typeahead {
  position: relative;
  display: inline-block;
  direction: ltr;
}
.customize-search-box .input-group .twitter-typeahead .typeahead {
  position: relative;
  vertical-align: top !important;
}
.customize-search-box .input-group .twitter-typeahead pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  font-family: motiva-sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  word-spacing: 0px;
  letter-spacing: 0px;
  text-indent: 0px;
  text-rendering: auto;
  text-transform: none;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 100;
  display: none;
  right: auto;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu .tt-dataset-autos .tt-suggestions {
  display: block;
  cursor: pointer;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu .tt-dataset-autos .tt-suggestions .tt-suggestion {
  display: flex;
  align-items: center;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu .tt-dataset-autos .tt-suggestions .tt-suggestion p {
  white-space: normal;
}
.customize-search-box .input-group .twitter-typeahead .tt-dropdown-menu .tt-dataset-autos .tt-suggestions .tt-suggestion .auto-list {
  margin-left: 1rem;
}
.customize-search-box .search-result-wrapper {
  position: absolute;
  top: 80%;
  display: none;
  align-items: flex-start !important;
  height: 100%;
  width: 100%;
  min-height: 400px;
  max-width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper {
  display: none;
  background-color: white;
  overflow: auto;
  border: 1px solid rgba(153, 153, 153, 0.5);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  height: 100%;
  flex: 0 0 45%;
  max-height: 395px;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent, .customize-search-box .search-result-wrapper .synonymsresult-wrapper .search-term-result {
  padding: 20px;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent .synonyms-child, .customize-search-box .search-result-wrapper .synonymsresult-wrapper .search-term-result .synonyms-child {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-start;
  font-size: 16px;
  margin-bottom: 5px;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent .synonyms-child button, .customize-search-box .search-result-wrapper .synonymsresult-wrapper .search-term-result .synonyms-child button {
  padding: 0;
  border: none;
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
  height: 100%;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent .synonyms-child button .zf-search, .customize-search-box .search-result-wrapper .synonymsresult-wrapper .search-term-result .synonyms-child button .zf-search {
  width: 10%;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent .synonyms-child button .tt-suggestion, .customize-search-box .search-result-wrapper .synonymsresult-wrapper .search-term-result .synonyms-child button .tt-suggestion {
  width: 90%;
  text-align: left;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent {
  padding-bottom: 0px;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .synonyms-parent .synonyms-child p {
  font-size: 20px;
}
.customize-search-box .search-result-wrapper .synonymsresult-wrapper .search-term-result {
  padding-top: 10px;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper {
  height: 100%;
  width: 100%;
  flex: 0 0 70%;
  display: none;
  max-width: 730px;
  margin: 0 auto;
  background: #FFF;
  border: 1px solid #000;
}
@media screen and (max-width: 800px) {
  .customize-search-box .search-result-wrapper .typeahead-results-wrapper {
    margin: 0px 35px 20px;
  }
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu {
  height: 100%;
  display: block;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  cursor: pointer;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .product-color-swatches {
  width: 115px;
  margin-top: 0.5rem;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .product-color-swatches span {
  padding: 0px;
  font-size: 0px;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .product-color-swatches span img {
  max-width: 100%;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .product-color-swatches .see-more-colors {
  text-align: center;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .product-color-swatches .see-more-colors .swatch-more-colors {
  z-index: 999;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .price-min-wrapper {
  margin-left: 1rem;
  margin-right: 1rem;
  width: 125px;
}
.customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu .tt-suggestion .auto-list .swatches-price-wrapper .price-min-wrapper p {
  margin-bottom: 0px;
}

.flex-column {
  flex-direction: column;
}

.flex-important {
  display: flex !important;
}

.search-result-wrapper-left-single {
  left: 3%;
}
.search-result-wrapper-left-single .typeahead-results-wrapper {
  flex: 100% !important;
}

.search-result-wrapper-left-both {
  left: -72%;
}

@media screen and (max-width: 769px) {
  .customize-search-box .search-result-wrapper {
    flex-wrap: wrap;
  }
}
.quickorderlayout {
  max-height: 100vh;
}
.quickorderlayout .quickorderheader-wrapper {
  background: #FFF;
  position: fixed;
  width: 100%;
  z-index: 99;
}
.quickorderlayout .quickorderheader-wrapper .btn-wrapper {
  min-width: 10em;
}
.quickorderlayout .quickorderheader-wrapper .btn-wrapper button:hover {
  background: #383838 !important;
}
.quickorderlayout .quickorderheader-wrapper .navigation .zf-search {
  display: none;
}
.quickorderlayout .quickorderlayoutcontent {
  max-height: calc(100vh - 100px);
  min-height: calc(100vh - 100px);
  overflow-y: auto;
  margin-top: 6.5rem;
}

@media screen and (max-width: 1023px) {
  .quickorderlayout {
    max-height: 100%;
  }
  .quickorderlayout .quickorderlayoutcontent {
    margin-top: 0.1rem;
  }
  .navigation {
    width: auto;
  }
  navigation .login-search #loginMenu {
    display: none;
  }
}
@media screen and (max-width: 719px) {
  .quickorderlayout .quickorderheader-wrapper .header .rightSide .cart {
    display: none;
  }
  .navigation nav {
    top: 90px !important;
  }
}
body[data-culture=fr-CA] .quickorderlayout .quickorderheader-wrapper .btn-wrapper {
  min-width: 15em;
}

.site-profile-dropdown {
  display: none;
  position: absolute;
  margin-top: 0.5rem;
  width: 12rem;
  right: 0;
  border: 1px solid rgba(150, 150, 151, 0.5);
  padding: 1rem;
  background: rgb(255, 255, 255);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.08);
  transition: all 0.12s ease-in;
  transition-delay: 0s;
  transition-delay: 0.1s;
}

#site-profile-icon {
  position: inherit;
}
@media screen and (min-width: 640px) {
  #site-profile-icon {
    position: relative;
  }
}
#site-profile-icon:hover .site-profile-dropdown {
  display: block;
}

.site-profile-dropdown span {
  display: block;
  text-align: center;
}

.custom-layout {
  display: flex;
  flex-direction: column;
}

.loader {
  text-align: center;
  margin-top: 20px;
}

#Cart #headerCart {
  pointer-events: none;
}

@media (min-width: 1024px) {
  #layout.wrapper {
    overflow: hidden;
  }
}

.navigation {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.navigation .hamburger:focus {
  outline-offset: -0.5em;
}
.navigation .hamburger.is-active .zf-search {
  opacity: 0.15;
}
.navigation .hamburger .zf-search {
  font-size: 1.5rem;
  margin: 0 0.5em;
  transition: opacity 0.35s;
}
.navigation ul {
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .navigation nav {
    display: flex;
    flex-direction: column;
    max-height: 0px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0.5em 0;
    opacity: 85;
    background: #FFF;
    transition: all 0.75s cubic-bezier(0, 1, 0, 1), opacity 0.125s ease;
    top: 50px !important;
  }
  .navigation nav.active {
    max-height: 2400px;
    opacity: 1;
    transition: all 1.5s ease-in-out;
  }
  .navigation nav #topLevelCategoryMenu {
    width: 100%;
  }
  .navigation nav #topLevelCategoryMenu .topLevel > li > a {
    color: var(--darkGray);
    line-height: 22px;
    padding: 0.5em 1.5em;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-menu-items {
    padding: 0px 20px;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel > li > a {
    padding: 0.5em 3em !important;
    font-size: 15px;
    font-weight: bold;
    color: #666 !important;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper {
    background: #e6e6e6;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper .sub-child-menu-block {
    padding: 0px 2.5em;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper .sub-child-menu-block .sub-child-menu-items .hasSub::after {
    opacity: 0;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper .sub-child-menu-block .sub-child-menu-items .hasSub ul {
    max-height: none !important;
    overflow: visible;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper .sub-child-menu-block .sub-menu-child > li {
    border: none;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper .sub-child-menu-block .sub-menu-child > li > a {
    padding: 0.5em 0 !important;
    font-size: 15px;
    font-weight: bold;
    color: #000 !important;
  }
  .navigation nav #topLevelCategoryMenu .secondLevel .sub-child-wapper .sub-child-menu-block .sub-menu-child > li a.hasSub {
    border-bottom: 2px solid #ccc !important;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .navigation nav #topLevelCategoryMenu .thirdLevel > li {
    border: none;
  }
  .navigation nav #topLevelCategoryMenu .thirdLevel > li > a {
    font-size: 15px;
    font-weight: bold;
    color: #666 !important;
    padding: 0 0 0.5em !important;
  }
  .navigation nav #topLevelCategoryMenu .thirdLevel > li:last-child > a {
    padding-bottom: 15px !important;
  }
  .navigation nav #topLevelCategoryMenu .mega-menu-block {
    background: #f8f8f8;
  }
  .navigation nav #topLevelCategoryMenu .mega-menu-block .secondLevel li {
    background: transparent;
  }
  .navigation nav .login-search {
    order: -1;
    display: flex;
    flex-direction: column-reverse;
  }
  .navigation nav .login-search .search {
    width: 98%;
    margin: 0 auto;
  }
  .navigation nav .login-search .search > z-widget {
    width: 100%;
  }
  .navigation nav .login-search .twitter-typeahead {
    width: 100%;
  }
  .navigation nav .hasSub ul {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.25s cubic-bezier(0, 0, 0, 1);
  }
  .navigation nav .hasSub ul.active {
    max-height: 2400px;
    opacity: 1;
    transition: all 0.5s cubic-bezier(1, 0, 0, 0);
  }
  .navigation nav .header-top-links {
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .navigation nav .header-top-links .link-panel-widget {
    display: block !important;
  }
  .navigation nav .header-top-links .link-panel-widget li a {
    color: #666 !important;
    line-height: 22px;
    padding: 0.5em 1.5em;
  }
  .navigation li a {
    display: block;
    padding: 1em;
    color: #FFF;
  }
  .navigation li a.hasSub {
    position: relative;
  }
  .navigation li a.hasSub.arrowup:after {
    transform: rotate(-180deg);
    transition: transform 0.2s;
  }
  .navigation li a.hasSub:after {
    content: "\f107";
    position: absolute;
    right: 1.5em;
    display: inline-block;
    font-size: 20px;
    transform: rotate(0deg);
    transition: transform 0.2s;
    font-family: "znode-web-store";
    line-height: 20px;
  }
}
@media screen and (max-width: 639px) {
  .navigation nav {
    margin: 0;
  }
}
.navigation .login-search .order-text {
  min-width: 112px;
}
@media screen and (min-width: 1024px) {
  .navigation {
    width: 100%;
  }
  .navigation .login-search > li:first-child {
    width: 100%;
  }
  .navigation a#log-off {
    min-width: 6em;
  }
  .navigation > z-widget {
    width: 100%;
  }
  .navigation .hamburger {
    display: none;
  }
  .navigation .header {
    height: 59px;
  }
  .navigation nav {
    position: static;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .navigation nav li {
    color: var(--darkGray);
  }
  .navigation nav li:hover {
    color: var(--black);
  }
  .navigation nav li a {
    display: inline-block;
    padding: 1em;
    margin: 0;
    color: inherit;
    transition: all 0.2s linear;
  }
  .navigation nav li .hasSub.itemLevel1 > a {
    padding-bottom: 15px;
    position: relative;
    top: 5px;
  }
  .navigation nav li .itemLevel1 > a {
    padding-bottom: 20px;
    line-height: 30px;
    position: relative;
    top: 6px;
    color: inherit;
  }
  .navigation nav li .itemLevel1.hasSub > a {
    pointer-events: none !important;
  }
  .navigation nav .topLevel {
    display: flex;
  }
  .navigation nav .link-panel-widget li {
    padding: 0 1em;
  }
  .navigation nav .header-top-links li {
    border-bottom: 3px solid transparent;
    transition: all linear 0.125s;
  }
  .navigation nav .header-top-links li:hover, .navigation nav .header-top-links li:focus-within {
    border-color: var(--secondaryColor);
    color: var(--black);
    transition: all linear 0s;
  }
  .navigation nav .hasSub .secondLevel {
    width: 100%;
    display: flex;
    margin: 0 auto;
    z-index: 99;
  }
  .navigation nav .hasSub .secondLevel > li {
    display: block;
    border-bottom: 3px solid transparent;
    padding: 2px 0px 0px 0px;
    transition: all linear 0.125s;
  }
  .navigation nav .hasSub .secondLevel > li:hover, .navigation nav .hasSub .secondLevel > li:focus-within {
    border-color: var(--secondaryColor);
    transition: all linear 0s;
  }
  .navigation nav .hasSub .secondLevel > li > a {
    border-bottom: 3px solid transparent;
    display: block;
    padding: 1em 0.8em;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block {
    width: calc(100% - 2em);
    max-width: 1290px;
    margin: 0 auto;
    display: flex;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block .sub-child-menu-items {
    width: 70%;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block .sub-child-menu-items ul.sub-menu-child {
    display: flex;
    width: 100%;
    gap: 10px;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block .sub-child-menu-items ul.sub-menu-child li.itemLevel2 {
    flex: 1;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block .sub-child-menu-items ul.sub-menu-child li.itemLevel2 > a {
    position: relative;
    padding-left: 0px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    display: block;
    z-index: 99;
    cursor: pointer;
    line-height: inherit;
    padding-top: 1.5em;
    max-width: 80%;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block .sub-child-menu-items ul.sub-menu-child li.itemLevel2 > a:after {
    position: absolute;
    width: 100%;
    content: "";
    height: 2px;
    background: #a1a1a1;
    left: 0;
    bottom: -6px;
  }
  .navigation nav .hasSub .secondLevel .sub-child-menu-block .sub-child-menu-items ul.thirdLevel a {
    padding: 10px 0 0 0;
  }
  .navigation nav .hasSub .secondLevel > .hasSub a,
  .navigation nav .hasSub .sub-menu-child a {
    display: block;
    position: relative;
    z-index: 99;
  }
  .navigation nav .full-mega-menu {
    position: absolute;
    display: none;
    width: 100%;
    top: 57.5px;
    left: 0;
    z-index: 999;
    background: var(--lightestGray);
    transition: opacity 0s ease 0.08s, visibility 0s ease 0.08s;
  }
  .navigation nav .full-mega-menu .mega-menu-block {
    display: flex;
    justify-content: space-between;
    max-width: 1290px;
    margin: 0 auto;
  }
  .navigation nav .full-mega-menu .sub-child-wapper {
    width: 100%;
    position: absolute;
    background: var(--lightGray);
    top: 100%;
    left: 0;
    z-index: -1;
    display: none;
  }
  .navigation nav .full-mega-menu .ad-box-menu {
    width: 30%;
    padding: 1em;
    background-color: var(--lightestGray);
    text-align: center;
    border: 1px solid var(--lightGray);
    font-size: 20px;
    font-weight: bold;
    color: #333;
    min-height: 300px;
  }
  .navigation nav .full-mega-menu .ad-box-menu img {
    width: 100% !important;
  }
  .navigation nav .itemLevel1 {
    padding: 0 0.5em;
    border-bottom: 3px solid transparent;
    transition: all linear 0.125s;
  }
  .navigation nav .itemLevel1:hover {
    border-color: var(--secondaryColor);
    transition: all linear 0s;
  }
  .navigation nav .itemLevel1.active-menu {
    border-color: var(--secondaryColor);
  }
  .navigation li.itemLevel1.hasSub.active-menu .full-mega-menu.active {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .navigation .secondLevel > li.hasSub:hover .sub-child-wapper {
    display: block;
  }
  .navigation .secondLevel > li.hasSub.showborder {
    border-bottom: 3px solid var(--secondaryColor);
  }
}
.navigation .hamburger {
  outline: none !important;
  box-shadow: none !important;
  padding-right: 0;
}

.menuOverlay {
  position: fixed;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 98;
  opacity: 0;
  transition: opacity 0.5s 0s, width 0s 0.5s;
}
.menuOverlay.active {
  width: 100%;
  height: 120%;
  opacity: 1;
  transition: opacity 0.5s, width 0s;
}
@media screen and (min-width: 1024px) {
  .menuOverlay {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .ad-box-menu {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .header .rightSide {
    flex-direction: row;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
nav.MegaMenu {
  display: flex;
}
@media screen and (min-width: 640px) {
  nav.MegaMenu .secondLevel {
    position: absolute;
    visibility: hidden;
  }
  nav.MegaMenu .topLevel:hover .secondLevel {
    visibility: visible;
  }
  nav.MegaMenu ul.login-search {
    display: flex;
    align-items: center;
  }
  nav.MegaMenu ul.login-search li a {
    display: block;
    padding: 1em;
    transition: all 0.25s ease-in-out;
  }
  nav.MegaMenu ul.link-panel-widget {
    display: flex;
    align-items: center;
  }
  nav.MegaMenu #listNavigationContainer {
    display: flex;
    align-items: center;
  }
}

#home #layout-content > .container {
  max-width: 100%;
}

.spotlight {
  height: 80vh;
}

#layout-home {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #FFF;
}

.quick-view-popup button.close {
  opacity: 1 !important;
}

.quick-view-crossbtn {
  opacity: 1 !important;
  font-size: 15px;
  margin-right: 1.5rem;
}

.recommend-product-title a {
  color: #424242;
}

.categories-block-wrap h2 {
  text-align: left;
  width: 100%;
}
.categories-block-wrap .visual-nav {
  width: 100%;
  max-width: 100%;
}
.categories-block-wrap .visual-nav .visual-nav-holder {
  width: 100%;
  padding: 0 0;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .categories-block-wrap .visual-nav .visual-nav-holder {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
  }
}
.categories-block-wrap .category img {
  border-radius: 0;
  width: 100%;
}

.trending-collection-slider {
  margin: 50px 0px;
  background: #eee;
}
.trending-collection-slider .home-slider-block .slider .item {
  height: 60vh;
}
.trending-collection-slider .home-slider-block .slider .item img {
  height: 100%;
  object-fit: cover;
}
.trending-collection-slider .home-slider-block .slider .owl-controls {
  position: absolute;
  bottom: 64px;
  right: 46px;
}
.trending-collection-slider .home-slider-block .slider .owl-controls .owl-prev, .trending-collection-slider .home-slider-block .slider .owl-controls .owl-next {
  border: none;
  background: none;
  color: #000;
  font-size: 35px;
}
.trending-collection-slider .layout-contentpage {
  height: 60vh;
  padding: 2rem;
}
@media (max-width: 768px) {
  .trending-collection-slider .layout-contentpage {
    height: auto;
  }
}

.trending-collection {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
}
.trending-collection .trending-collection-header {
  width: 100%;
}
.trending-collection .trending-collection-title {
  font-weight: bold;
  margin: 0;
}
.trending-collection .trending-collection-subtitle {
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
}
.trending-collection .trending-collection-subtitle span {
  color: #76b900;
  margin-left: 10px;
  font-size: 22px;
  font-weight: bold;
}
.trending-collection .trending-collection-content {
  display: flex;
  gap: 10px;
}
.trending-collection .trending-collection-content .trending-collection-image {
  height: 60vh;
}
@media (max-width: 768px) {
  .trending-collection .trending-collection-content .trending-collection-image {
    height: 300px;
  }
}
.trending-collection .trending-collection-content .trending-collection-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.trending-collection .trending-collection-content .trending-left-image {
  width: 62%;
}
@media (max-width: 768px) {
  .trending-collection .trending-collection-content .trending-left-image {
    width: 100%;
  }
}
.trending-collection .trending-collection-content .trending-right-image {
  width: 38%;
}
@media (max-width: 768px) {
  .trending-collection .trending-collection-content .trending-right-image {
    width: 100%;
  }
}
.trending-collection .trending-collection-chat-button {
  align-self: flex-end;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
  border: none;
  cursor: pointer;
}
.trending-collection .trending-collection-chat-button:hover {
  background-color: #333;
}
@media (max-width: 768px) {
  .trending-collection .trending-collection-content {
    flex-direction: column;
  }
  .trending-collection .trending-left-image, .trending-collection .trending-right-image {
    width: 62%;
  }
  .trending-collection .trending-collection-chat-button {
    align-self: center;
  }
}

@media screen and (min-width: 1024px) {
  .popular-products .product-item .product-img img {
    object-fit: contain;
    max-height: 260px;
  }
}
section.optIn {
  padding: 30px 0 0px 0px;
  background-color: #FFF;
}
section.optIn .newsletter-widget {
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  section.optIn .newsletter-widget {
    padding: 0px 30px;
  }
}
section.optIn .newsletter-widget label {
  display: none;
}
section.optIn .newsletter-widget #btnNewsLetterSignUp {
  padding: 7px 30px;
  background-color: #8bc34a;
  color: #000;
  border-radius: 0;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
  border: none !important;
}
section.optIn .newsletter-widget #btnNewsLetterSignUp:hover {
  background: #000;
  color: #fff;
}
section.optIn .newsletter-widget .input-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
}
@media (max-width: 650px) {
  section.optIn .newsletter-widget .input-group {
    display: block;
    width: 100%;
    padding: 0px 20px;
  }
}
section.optIn .newsletter-widget input {
  width: 78%;
  border: 2px solid #666;
}
@media (max-width: 650px) {
  section.optIn .newsletter-widget input {
    width: 100%;
  }
}
@media (max-width: 650px) {
  section.optIn .newsletter-widget span.input-group-btn {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    float: left;
  }
}

.recent-recommended-container {
  width: 100%;
}
.recent-recommended-container #divButtonsRecommendedRecentView {
  cursor: pointer;
}
.recent-recommended-container #divButtonsRecommendedRecentView .tab-item {
  font-weight: bold;
  font-size: 18px;
  margin-right: 1rem;
  padding: 10px;
}
.recent-recommended-container #divButtonsRecommendedRecentView .tab-item.active {
  border-bottom: 2px solid var(--secondaryColor);
}

div#Shipping-Delay-Banner {
  background-color: #222 !important;
}

#Home #recommended-view-products {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

#recommended-view-products {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#recommended-view-products .product_highlight {
  display: none;
}

.ad-box-menu img {
  width: 100%;
}

.notification-msg .message-box {
  margin: 0px !important;
  width: 100% !important;
  margin-top: 20px !important;
}

#errorMessageForRequiredMaxQuantity .maximumPerchaseError {
  color: rgb(204, 0, 0);
}
#errorMessageForRequiredMaxQuantity .maximumPerchaseError .cartRedirect {
  color: #007DC5;
  text-decoration: underline;
}

#quick-view-content {
  background: #fff;
}
#quick-view-content #layout-product .product-view-details .image-view {
  border: 2px solid #eaeaea;
  padding: 18px 20px;
  margin-bottom: 1rem;
}
#quick-view-content .configurable-product-quantity-content {
  border: 2px solid #eaeaea;
  margin-top: 1.8rem;
  margin: 1rem;
}
#quick-view-content .configurable-product-quantity-content .product-quantity-wrapper {
  padding: 1rem 3.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#quick-view-iframe {
  width: 1024px;
  border: none;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  #quick-view-iframe {
    width: 94%;
  }
  #quick-view-popup-ipad {
    top: 0;
    left: 0;
  }
}
@media (min-width: 1200px) {
  #quick-view-popup-ipad {
    top: 0;
    transform: translate(23%, 0%);
  }
}
@media (max-width: 768px) {
  #quick-view-iframe {
    width: 93%;
  }
}
#quick-view-popup-ipad {
  display: none;
  width: 100%;
  height: auto;
  z-index: 1050;
  padding-right: 17px;
  border: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#quick-view-popup-ipad #quick-view-iframe {
  min-height: 636px;
  margin: 30px auto;
  display: block;
  background: #fff;
}
#quick-view-popup-ipad .loader {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  transform: translate(-50%, -50%);
  font-weight: 600;
}

.quickviewpopup-wrapper #shortDescription > ul {
  padding-left: 0 !important;
}
.quickviewpopup-wrapper .product-overview .product-price {
  margin-left: 0px;
  font-weight: 500;
  font-size: 1.2em;
}
.quickviewpopup-wrapper .product-overview .product-name {
  margin-bottom: 0.5em;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper {
  font-weight: 600;
  flex-direction: column;
  display: flex;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .total-wrapper {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  background: #eaeaea;
  margin: 20px 0px 10px;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .total-wrapper .product-size-label, .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .total-wrapper .product-subtotal {
  font-family: nvidiasans-bold !important;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content {
  border: 2px solid #eaeaea;
  margin-top: 0px;
  margin: 10px;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group .product-details-qty .quantity {
  width: 6.3rem;
  padding: 0.3rem 1.2rem;
  font-weight: 500;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group label {
  padding-left: 20px;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .sub-total-wrapper .your-pricing {
  justify-content: space-between;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .sub-total-wrapper .your-pricing form {
  width: auto;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .sub-total-wrapper .your-pricing form button {
  margin: 0.5rem 0;
  padding: 11px 25px;
  border-radius: 0;
  background: #76b900 !important;
  border: none;
  color: #000 !important;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .product-details-qty {
  border-radius: 20px;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .product-details-qty .quantity {
  border-radius: 20px;
  text-align: center;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .product-details-qty .sp-product-stock {
  text-align: center;
  font-weight: 100 !important;
  font-size: 12.75px;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size {
  display: flex;
  margin-top: 1rem;
  padding: 0 0 0 20px;
  width: 100%;
  flex-wrap: wrap;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .sp-pdp-headings {
  display: none;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
  flex-direction: column;
  display: flex;
  padding: 0;
  text-align: center;
  margin-right: 1rem;
  width: 5.6rem;
  margin-bottom: 10px;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .inputbox-container .quantity {
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
  text-align: center;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .inputbox-container .sp-product-stock span {
  font-size: 11px;
  word-break: break-all;
  font-weight: 500;
}
.quickviewpopup-wrapper .product-overview .savelater-btn {
  justify-content: end;
}
.quickviewpopup-wrapper .product-overview .savelater-btn form {
  align-items: flex-end;
}
.quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
  width: auto !important;
  margin: 0.5rem 0;
  padding: 11px 25px;
  border-radius: 0;
  background: #76b900 !important;
  border: none;
  color: #000 !important;
}
.quickviewpopup-wrapper .product-short-description #showMoreBtn {
  border: none;
  padding: 0;
  font-weight: 600;
  text-decoration: underline;
}
.quickviewpopup-wrapper .size-guide-popup {
  max-height: 66%;
}
.quickviewpopup-wrapper .size-guide-popup #product-size-chart .close {
  font-size: 12px;
  opacity: 1.5 !important;
  right: 0.5rem;
  top: 0.5rem;
  line-height: 2;
  position: absolute;
  color: black !important;
}
.quickviewpopup-wrapper .size-guide-popup .close {
  right: 2.2rem;
}
.quickviewpopup-wrapper .outofstock-notificationpopup {
  box-shadow: -1px 0px 5px 0px #c1c1c1;
  border: 1px solid #ccc;
}

#quick-view-content {
  min-height: 360px;
  max-height: 550px !important;
  padding-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .quickviewpopup-wrapper .product-overview .total-wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 1250px) {
  #quick-view-popup-ipad #quick-view-iframe {
    max-height: 635px;
    margin: 30px auto;
    display: block;
    background: #FFF;
    min-height: 95vh;
    overflow-y: auto;
  }
}
.registerLogo {
  text-align: center;
}

.signUpForm {
  padding: 1.25em;
  box-sizing: border-box;
}
.signUpForm > div {
  max-width: 480px;
  margin: 0.5em auto;
}

.layout #layout-content {
  background-color: #f8f8f8;
}
.layout #layout-content .container {
  flex-direction: column;
}
.layout #layout-content .container .login-options-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 14px 0;
}
.layout #layout-content .container h2 {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .layout #layout-content {
    padding: 1em;
  }
  .layout #layout-content h1 {
    padding: 0;
    margin-top: 5px;
  }
  .layout #layout-content .login-options-wrapper, .layout #layout-content .checkout-guest-container {
    margin: 0 !important;
  }
}
@media screen and (min-width: 641px) {
  .layout #layout-content {
    padding: 0 1em 2em !important;
  }
}
.layout .login-page-message {
  border-top: 1px solid var(--lightGray);
  margin: 30px auto 0;
  padding-top: 30px;
}
@media screen and (max-width: 640px) {
  .layout .login-page-message {
    padding: 30px 0 15px;
  }
}
.layout h1 {
  max-width: 1290px;
  margin-top: 14px;
}
.layout main .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.layout main .login-container, .layout main .newAccount-container {
  width: 100%;
  min-width: 250px;
  margin: 1em 0;
  padding: 2em 1.5em;
  border-radius: var(--containerRadius);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--white);
}
@media screen and (min-width: 640px) {
  .layout main .login-container, .layout main .newAccount-container {
    width: 48%;
  }
}
@media screen and (max-width: 640px) {
  .layout main .login-container, .layout main .newAccount-container {
    margin: 0 0 1em;
    padding: 1em 0.5em;
  }
}
.layout main .login-container h2, .layout main .newAccount-container h2 {
  text-transform: capitalize;
  margin-bottom: 1em;
}
.layout main .login-container > div, .layout main .newAccount-container > div {
  width: 95%;
}
.layout main .login-container .login-heading, .layout main .newAccount-container .login-heading {
  text-transform: none;
}
.layout main .login-container .password-actions, .layout main .newAccount-container .password-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.layout main .login-container .password-actions .fine-print, .layout main .newAccount-container .password-actions .fine-print {
  font-weight: 600;
  margin: auto 0;
}
.layout main .login-action-btn {
  display: flex;
  justify-content: center;
  width: 100%;
}
.layout main .checkout-guest-container {
  width: 100%;
  margin: 14px 0 30px;
  border-radius: var(--containerRadius);
  background-color: var(--white);
  padding: 2em 1.5em;
}
.layout main .checkout-guest-container.checkout-new {
  display: none;
}

.checkout-guest {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .checkout-guest {
    justify-content: flex-start;
    align-items: flex-start !important;
  }
}

.captcha-panel img {
  border: 1px solid black;
}
.captcha-panel .zf-refresh {
  margin-left: 10px;
}
.captcha-panel .field-validation-error {
  font-weight: 600;
  font-size: 0.78rem;
  color: red;
}

.forgot-pw-btn {
  display: flex;
  justify-content: flex-end;
}

.layout #layout-content .container .login-options-wrapper {
  justify-content: center;
}
.layout #layout-content .container .login-options-wrapper > div {
  order: 2;
}
.layout #layout-content .container .login-options-wrapper .login-container {
  padding: 1em 1.5em;
  justify-content: center;
}
.layout #layout-content .container .login-options-wrapper .login-form.form {
  display: flex;
  flex-direction: column;
}
.layout #layout-content .container .login-options-wrapper .login-form.form .signin-page-message {
  border-bottom: 1px solid var(--lightGray);
  margin: 0 auto 60px;
  padding-bottom: 60px;
  order: 1;
  width: 100%;
  border-top: unset !important;
  padding-top: 0px;
}
.layout #layout-content .container .login-options-wrapper .login-form.form .signin-page-message .login_txt_wrapper {
  width: 100%;
  max-width: 900px;
  display: flex;
  text-align: left;
  padding: 0;
  margin: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.layout #layout-content .container .login-options-wrapper .login-form.form .login-action-btn {
  order: 3;
}
.layout h1 {
  display: none;
}

.dashboard, .Dashboard {
  width: 100%;
}
.dashboard main, .Dashboard main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dashboard main .dashboard-content, .Dashboard main .dashboard-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .dashboard main .dashboard-content, .Dashboard main .dashboard-content {
    display: flex;
    flex-direction: column;
  }
}
.dashboard main .dashboard-content .btn.disabled, .Dashboard main .dashboard-content .btn.disabled {
  opacity: 0;
  pointer-events: none;
  border-color: transparent;
  transition: all 0s 0s;
}
.dashboard main > div, .Dashboard main > div {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .dashboard main h1, .Dashboard main h1 {
    margin-bottom: 30px;
  }
}
.dashboard main .addressContainer:last-of-type h4, .Dashboard main .addressContainer:last-of-type h4 {
  margin-top: 13px;
}
.dashboard main .addressContainer, .Dashboard main .addressContainer {
  width: 97%;
  max-width: 14em;
  padding: 0.25em 0 0.25em 0.5em;
  transition: max-width 0.5s;
  transition-delay: 0.75s;
  max-width: 50em;
}
.dashboard main .addressContainer h4, .Dashboard main .addressContainer h4 {
  margin-left: 0;
}
.dashboard main .addressContainer .address-block, .Dashboard main .addressContainer .address-block {
  padding: 0.25em;
  max-height: 800px;
}
.dashboard main .addressContainer .address-block .address-change, .Dashboard main .addressContainer .address-block .address-change {
  top: -1.75em;
}
.dashboard main .accountRecentOrders, .Dashboard main .accountRecentOrders {
  display: block;
}
@media screen and (min-width: 1024px) {
  .dashboard main .accountRecentOrders, .Dashboard main .accountRecentOrders {
    font-size: 1em;
  }
  .dashboard main .accountRecentOrders table, .Dashboard main .accountRecentOrders table {
    width: 100%;
  }
  .dashboard main .accountRecentOrders th, .Dashboard main .accountRecentOrders th {
    text-align: left;
  }
  .dashboard main .accountRecentOrders .recent-order-reorder a, .Dashboard main .accountRecentOrders .recent-order-reorder a {
    text-decoration: underline;
  }
}
.dashboard .sidebar-column, .dashboard .main-column, .Dashboard .sidebar-column, .Dashboard .main-column {
  display: flex;
  flex-direction: column;
  width: 48%;
}
.dashboard .sidebar-column section, .dashboard .main-column section, .Dashboard .sidebar-column section, .Dashboard .main-column section {
  padding: 1em 1em 0.25em;
  margin: 1em 0em;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.dashboard .sidebar-column section p, .dashboard .main-column section p, .Dashboard .sidebar-column section p, .Dashboard .main-column section p {
  margin-left: 0;
}
.dashboard .sidebar-column section .cta, .dashboard .main-column section .cta, .Dashboard .sidebar-column section .cta, .Dashboard .main-column section .cta {
  display: flex;
  justify-content: flex-end;
  padding: 1em 0 0;
  box-sizing: border-box;
}
.dashboard .sidebar-column section .cta a, .dashboard .main-column section .cta a, .Dashboard .sidebar-column section .cta a, .Dashboard .main-column section .cta a {
  margin-bottom: 0;
}
.dashboard .sidebar-column section .cta a:last-of-type, .dashboard .main-column section .cta a:last-of-type, .Dashboard .sidebar-column section .cta a:last-of-type, .Dashboard .main-column section .cta a:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .dashboard .sidebar-column section .cta, .dashboard .main-column section .cta, .Dashboard .sidebar-column section .cta, .Dashboard .main-column section .cta {
    text-align: center;
    flex-direction: row;
    margin-top: 2.5em;
  }
  .dashboard .sidebar-column section .cta a, .dashboard .main-column section .cta a, .Dashboard .sidebar-column section .cta a, .Dashboard .main-column section .cta a {
    max-width: 100%;
    width: 100%;
    padding: 10px;
    margin: 0.75em 0 0;
  }
}
@media screen and (max-width: 640px) {
  .dashboard .sidebar-column section .cta, .dashboard .main-column section .cta, .Dashboard .sidebar-column section .cta, .Dashboard .main-column section .cta {
    flex-direction: column;
  }
}
.dashboard .sidebar-column section .cta form, .dashboard .main-column section .cta form, .Dashboard .sidebar-column section .cta form, .Dashboard .main-column section .cta form {
  width: 100%;
  text-align: center;
}
.dashboard .sidebar-column section .cta form a, .dashboard .main-column section .cta form a, .Dashboard .sidebar-column section .cta form a, .Dashboard .main-column section .cta form a {
  width: 90%;
}
@media screen and (max-width: 640px) {
  .dashboard .sidebar-column section, .dashboard .main-column section, .Dashboard .sidebar-column section, .Dashboard .main-column section {
    margin: 0 0 1em 0em;
  }
}
@media screen and (max-width: 640px) {
  .dashboard .sidebar-column, .dashboard .main-column, .Dashboard .sidebar-column, .Dashboard .main-column {
    width: 100%;
  }
}

.user-frofile {
  display: flex;
  margin: 5px 0;
  padding: 0;
  align-items: center;
}
.user-frofile .user-frofile-name {
  margin-right: 10px;
}

#layout-content:has(#layout-account-dashboard) {
  background: var(--account-page-bg-color);
}

.ChangePassword .user-account {
  max-width: 640px;
}

.order-receipt-address {
  margin: 15px 0 !important;
}

.receipt-total {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
}

.user-account {
  width: 100%;
}
.user-account .sp-edit-address {
  flex-wrap: wrap;
}
.user-account .sp-edit-address .form-item {
  width: 100% !important;
}
.user-account .sp-edit-address .form-item .input-checkbox_container label {
  justify-content: flex-start !important;
  display: inline-flex !important;
  min-height: inherit;
}
.user-account .sp-edit-address-buttons.text-right {
  text-align: left;
}
.user-account .sp-edit-address-buttons.text-right .checkout-btn {
  padding: 0.5rem 1.5rem;
}
.user-account .sp-edit-address-buttons.text-right .checkout-btn.btn-primary {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}

.cart-summary.receipt-totals > div {
  padding: 0;
}

.quick-order-container {
  position: relative;
  padding-bottom: 15px;
}
.quick-order-container .quick-order {
  width: 300px;
  left: auto;
  right: 0;
  top: 56px;
  padding: 0;
}
.quick-order-container .quick-order > div > .col-xs-10 {
  position: initial;
}
.quick-order-container .quick-order > div > .col-xs-10 > .twitter-typeahead {
  position: initial !important;
}
.quick-order-container .quick-order .close-quick-order-popup {
  font-size: 14px;
  top: 0;
  padding: 10px;
}

.dropdown-tool {
  position: relative;
}

#layout-template-cartItem table thead tr th:nth-child(2) {
  text-align: center;
}
#layout-template-cartItem .cart-item-details {
  width: 40%;
  text-align: center;
}
#layout-template-cartItem .cart-item-unitprice, #layout-template-cartItem .cart-item-quantity, #layout-template-cartItem .cart-item-total {
  width: 20%;
}
#layout-template-cartItem .cart-item-quantity input {
  width: 80%;
  max-width: 100px;
}
#layout-template-cartItem .cart-image img {
  width: 150px;
  margin: auto;
}

.tt-dropdown-menu {
  background-color: white;
  width: 100%;
  max-height: 380px;
  overflow: auto;
}
.tt-dropdown-menu .tt-dataset-autos span {
  padding: 15px;
  font-size: 14px;
}
.tt-dropdown-menu .tt-dataset-autos span > div {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  padding: 15px 0;
  font-size: 14px;
}
.tt-dropdown-menu .tt-dataset-autos span > div:first-child {
  border-top: none;
  padding-top: 0;
  font-size: 14px;
}
.tt-dropdown-menu .tt-dataset-autos span img {
  max-width: 60px;
}

.action-links form:first-child button {
  margin-bottom: 0;
}

.address-book .action-links form:first-child button {
  margin-bottom: 1em;
}

.address-list .address-block {
  padding-bottom: 5px;
}

.tt-suggestion.tt-cursor {
  background-color: #f8f3f3;
  cursor: pointer;
}

.power-bi .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.power-bi .tab li {
  display: inline-block;
  background-color: transparent;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.power-bi .tab li.active {
  border-bottom: 2px solid #958c8c;
  margin-left: 10px;
}
.power-bi .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}
#layout-account-dashboard {
  background-color: var(--account-page-bg-color);
  max-width: 100%;
}
#layout-account-dashboard .dashboard section {
  border: 2px solid white;
  border-radius: var(--containerRadius);
  background-color: white;
  padding: 20px;
}
#layout-account-dashboard .dashboard .addressContainer {
  padding: 0px !important;
}
#layout-account-dashboard .dashboard .addressContainer .address-block {
  border-top: 1px solid white !important;
}

.sp-edit-address .input-checkbox_container .checkbox-disable {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.sp-edit-address .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance svg path {
  fill: rgba(253, 253, 253, 0.8);
  stroke: rgba(253, 253, 253, 0.8);
  stroke-width: 0.5px;
}
.sp-edit-address .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance {
  background: rgba(59, 59, 59, 0.675) !important;
}

.wishlist-container table {
  width: 100%;
}
.wishlist-container .wishlistList {
  padding: 1em 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75em;
}
@media screen and (min-width: 640px) {
  .wishlist-container .wishlistList {
    gap: 1.5em;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.wishlist-container .wishlist-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--containerRadius);
}
.wishlist-container .wishlist-item .wishlist-item-detail {
  width: 100%;
}
.wishlist-container .wishlist-item .wishlist-item-detail a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wishlist-container .wishlist-item .wishlist-item-image {
  width: 100%;
  border: 1px solid var(--lightGray);
}
.wishlist-container .wishlist-item .wishlist-item-image img {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
.wishlist-container .wishlist-item .add-delete-favorite {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.125em;
  padding: 0.25em;
  margin: 0;
  cursor: pointer;
}
.wishlist-container .wishlist-item .tooltip-text-wrapper {
  display: none;
  position: absolute;
  top: 37px;
  transform: translateX(27%);
  background-color: #000000;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 12px;
  z-index: 10;
  white-space: nowrap;
}
.wishlist-container .wishlist-item .tooltip-text-wrapper::after {
  font-family: "znode-web-store";
  content: "\e913";
  position: absolute;
  border: 10px solid transparent;
  top: -65%;
  color: black;
  transform: rotate(90deg);
  right: 0;
}
.wishlist-container .wishlist-item .zf-heart-fill-icon:hover + .tooltip-text-wrapper {
  display: block;
}
.wishlist-container .wishlist-item[data-position=bottom] span {
  bottom: -30px;
  right: 0;
}
.wishlist-container .wishlist-item:hover {
  color: var(--iconHover);
  overflow: visible;
}
.wishlist-container .wishlist-item:hover .tooltip-text-wrapper {
  opacity: 1;
}
.wishlist-container .wishlist-item .wishlist-item-remove {
  min-width: 1.5em;
  position: absolute;
  top: 0.5em;
  right: 0;
}
.wishlist-container .wishlist-item .wishlist-item-remove a {
  text-decoration: none;
}
.wishlist-container .wishlist-item .saveforlaterdelete {
  top: -0.5em;
}
.wishlist-container .wishlist-item .wishlist-title-name {
  font-weight: 700;
}

@media screen and (max-width: 1400px) {
  .wishlist-container .wishlist-item:nth-child(5n) .tooltip-text-wrapper {
    left: unset !important;
    right: 0;
  }
  .wishlist-container .wishlist-item:nth-child(5n) .tooltip-text-wrapper:after {
    left: unset !important;
    right: 0;
  }
}
#User.History .grid-action a.zf-manage, #layout-account-orderhistory .grid-action a.zf-manage {
  font-family: inherit !important;
  text-decoration: underline;
}
#User.History .grid-action a.zf-manage:before, #layout-account-orderhistory .grid-action a.zf-manage:before {
  content: "Reorder";
  font-family: inherit;
}
#User.History .grid-action a.zf-view, #layout-account-orderhistory .grid-action a.zf-view {
  font-family: inherit !important;
  text-decoration: underline;
}
#User.History .grid-action a.zf-view:before, #layout-account-orderhistory .grid-action a.zf-view:before {
  content: "View";
  font-family: inherit;
}

.panel-default .collapse.in {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}

#search-tab-content {
  margin-top: 15px;
}

.search-page .header-results-text {
  background-color: #fafafa;
  padding: 10px 15px;
  font-size: 1.4rem;
  color: #505050;
  margin: 1.5rem 0;
}
.search-page .nav-tabs {
  padding: 0 1rem;
  border-bottom: 2px solid #d4d4d4;
}
.search-page .nav-tabs .nav-item {
  margin-bottom: -2px;
}
.search-page .nav-tabs > li > a {
  color: #555;
  margin-right: 2px;
  border-radius: 0;
  padding: 0.5rem 3rem;
  background: #fafafa;
  border: 1px solid transparent;
  border-bottom: 2px solid #d4d4d4;
  text-transform: uppercase;
}
.search-page .nav-tabs > li > a:hover {
  background-color: transparent;
  border: 1px solid #d4d4d4;
  border-bottom: 2px solid #fff;
}
@media only screen and (max-width: 480px) {
  .search-page .nav-tabs > li > a {
    padding: 0.5rem 2rem;
  }
}
.search-page .nav-tabs > li.active > a,
.search-page .nav-tabs > li.active > a:hover,
.search-page .nav-tabs > li.active > a:focus {
  color: #444;
  cursor: default;
  background-color: #fff;
  border: 1px solid #949494;
  border-bottom-color: transparent;
}

.blog-search-list-container .blog-header-results {
  background-color: #fafafa;
  padding: 10px 15px;
  font-size: 1.4rem;
  color: #505050;
  margin-bottom: 1.5rem;
}
.blog-search-list-container .blog-list {
  letter-spacing: 0.04rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.blog-search-list-container .blog-list .blog-title a {
  font-size: 1.4rem;
  color: #01579B;
}
.blog-search-list-container .blog-list .blog-title a:hover, .blog-search-list-container .blog-list .blog-title a:active {
  color: #03A9F4;
}
.blog-search-list-container .blog-list .blog-description {
  font-size: 1.1rem;
  line-height: 1.2;
  margin: 7px 0;
  letter-spacing: 0.2px;
}
.blog-search-list-container .blog-list .blog-seo-url a {
  font-size: 1rem;
  color: #01579B;
}
.blog-search-list-container .blog-list .blog-seo-url a:hover, .blog-search-list-container .blog-list .blog-seo-url a:active {
  color: #03A9F4;
}
.blog-search-list-container .blog-item {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#layout-category #product-list-container {
  display: flex;
  padding: 0 var(--plpSpacing);
}
@media screen and (max-width: 640px) {
  #layout-category #product-list-container {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  #layout-category #product-list-container {
    padding: 0;
  }
}
#layout-category #product-list-container:before {
  content: "";
  display: none;
}
#layout-category #product-list-container [data-test-selector=divSearch] {
  display: none;
}
#layout-category aside {
  width: 100%;
  padding-top: 12px;
}
@media screen and (min-width: 1024px) {
  #layout-category aside {
    width: calc(25% - 2rem);
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #layout-category aside {
    width: calc(35% - 2rem);
    padding-right: 2rem;
    margin-right: 2rem;
  }
}
#layout-category aside .input-checkbox_container .input-checkbox_appearance {
  margin-right: 0.8rem;
}
#layout-category main {
  width: 100%;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  #layout-category aside + main.productListContainer {
    width: 75%;
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #layout-category aside + main.productListContainer {
    width: 65%;
  }
}
#layout-category .productGrid {
  width: 100%;
  margin: 1em 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@supports (display: grid) {
  #layout-category .productGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--plpGridGap);
    grid-row-gap: calc(4 * var(--plpGridGap));
  }
  @media screen and (min-width: 800px) {
    #layout-category .productGrid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media screen and (min-width: 1024px) {
    #layout-category .productGrid {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
}
#layout-category .productGrid li {
  display: block;
  text-align: center;
}
#layout-category .productGrid .product-item .category-details .title {
  cursor: pointer;
}
#layout-category .color-swatches {
  position: relative;
  display: none;
}
#layout-category .color-swatches .color-swatch {
  display: inline-block;
  height: 1.25em;
  width: 1.25em;
  border-radius: 50%;
}
#layout-category .product-color-swatches {
  position: relative;
  z-index: 1;
}
#layout-category .product-color-swatch {
  border: 1px solid #cacaca;
  border-radius: 1rem;
  height: 1.25rem;
  display: inline-block;
  width: 1.25rem;
  overflow: hidden;
}
#layout-category .product-color-swatch img {
  width: 2rem;
  height: 2rem;
}
#layout-category .see-more-colors {
  line-height: 1.2rem;
  font-weight: 900;
  text-align: center;
}
#layout-category .see-more-colors:hover .swatch-more-colors, #layout-category .see-more-colors:focus .swatch-more-colors {
  visibility: visible;
  z-index: 1;
}
#layout-category .see-more-colors:hover:after, #layout-category .see-more-colors:focus:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  height: 1em;
  width: 1em;
  margin-left: 2px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-right: none;
  border-bottom: none;
  background: #FFF;
  transform: rotate(45deg);
}
#layout-category .swatch-more-colors {
  position: absolute;
  left: 0;
  width: calc(100% + 2px);
  margin-top: 0.5em;
  margin-left: -1px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  padding: 0.75em 0.25em 0.5em;
  position: absolute;
  background: #FFF;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.08);
  visibility: hidden;
}
#layout-category .owl-wrapper {
  display: flex !important;
}
#layout-category .image img {
  width: 100%;
  max-height: 100%;
  min-height: 1px;
}
#layout-category .brand-banner-text {
  width: 100%;
  text-align: left;
  padding: 0;
}
#layout-category .brand-banner-text h1 {
  margin: 0;
}
#layout-category .tab-content {
  min-height: 100px;
  max-height: 300px;
}
#layout-category .product-img {
  position: relative;
}
#layout-category .product-img .image {
  display: flex;
  align-content: center;
  align-items: center;
}
#layout-category .product-img .image .loader_plp {
  min-height: 230px;
}
#layout-category .product-img .right-tags {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
}
#layout-category .product-img .right-tags .new-product {
  margin-bottom: 10px;
}
#layout-category .product-img .right-tags img {
  float: right;
}
#layout-category .product-details {
  text-align: var(--plpProdDetailsAlignment);
}
#layout-category .product-details h4 {
  margin-left: 0;
  margin-top: var(--plpSpacing);
}
#layout-category .product-details .price {
  font-weight: 600;
  font-size: 1em;
}
#layout-category .product-details i.icon-circle {
  font-size: 20px;
  display: inline-block;
  border-radius: 100%;
  box-shadow: 0px 0px 2px #888;
  padding: 0;
  line-height: 17px;
  height: 17px;
  width: 17px;
}
#layout-category .prodAttribute-new {
  font-weight: 700;
  color: #010101;
}
#layout-category .prodAttribute-limitedQtyAvail {
  font-size: 0.5em;
  color: red;
}

#ProductListWidgetAboveFooter {
  width: 100%;
}

.tab-content {
  min-height: 100px;
  max-height: 300px;
}

.search-more-nav .disabled {
  opacity: 0.35;
  pointer-events: none;
}

.product-highlight-list {
  padding: 20px 0;
}
.product-highlight-list.prop-text {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  border-top: 1px solid rgba(153, 153, 153, 0.5);
}
.product-highlight-list li {
  display: flex;
  align-items: center;
}

.productListContainer .productGrid .product-item .product-img .image {
  position: relative;
}
.productListContainer .productGrid .product-item .product-img .image .HotTag1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px !important;
}
.productListContainer .product-details .hot-tag-3 {
  position: relative;
}
.productListContainer .product-details .hot-tag-3 img {
  position: absolute;
  top: -35px;
  right: 0;
  width: 35px;
}
.productListContainer .price .hot-tag-5 {
  display: flex !important;
  justify-content: center;
}
.productListContainer .price .hot-tag-5 img {
  width: 35px;
  height: auto;
  margin-top: 10px;
}

.search-page .productGrid .product-item .product-img .image {
  position: relative;
}
.search-page .productGrid .product-item .product-img .image .HotTag1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px !important;
}
.search-page .product-details .hot-tag-3 {
  position: relative;
}
.search-page .product-details .hot-tag-3 img {
  position: absolute;
  top: -35px;
  right: 0;
  width: 35px;
}
.search-page .price .hot-tag-5 {
  display: flex !important;
  justify-content: center;
}
.search-page .price .hot-tag-5 img {
  width: 35px;
  height: auto;
  margin-top: 10px;
}

.product-wrapper #ProductContainer .productImages {
  width: 250px;
  position: relative;
}
.product-wrapper #ProductContainer .productImages .simpleLens-lens-image img {
  width: 250px;
  height: 250px;
}
.product-wrapper #ProductContainer .productOverview {
  margin-left: 0rem;
}
.product-wrapper #ProductContainer .productOverview .info-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.product-wrapper #ProductContainer .productOverview .info-wrapper .description-wrapper {
  width: 100rem;
  margin-right: 5rem;
}
.product-wrapper #ProductContainer .productOverview .info-wrapper .description-wrapper .product-short-description h2 {
  font-size: 1.0625rem;
  line-height: 2rem;
  padding: 0.25em 0;
  font-weight: 600;
}
.product-wrapper #ProductContainer .productOverview .savelater-btn {
  display: none;
}
.product-wrapper #ProductContainer .productOverview .sp-product-info {
  border-bottom: none !important;
}
.product-wrapper #ProductContainer .productOverview .single-quantity-group-wrapper {
  flex-direction: row;
}
.product-wrapper #ProductContainer .productOverview .single-quantity-group-wrapper .single-quantity-wrapper .single-label {
  display: flex;
  justify-content: flex-start;
}
.product-wrapper #ProductContainer .productOverview .single-quantity-group-wrapper .single-quantity-wrapper .product-details-qty {
  margin-top: 0.5rem;
}
.product-wrapper #ProductContainer .productOverview .single-quantity-group-wrapper .single-quantity-box {
  width: 100%;
}
.product-wrapper #ProductContainer .productOverview .sp-pdp-headings {
  background: transparent;
  border-bottom: none !important;
  color: #000;
  font-weight: 600;
}
.product-wrapper #ProductContainer .productOverview .sp-pdp-headings .size-label {
  text-align: center;
}
.product-wrapper #ProductContainer .productOverview .product-size-quantity-group {
  flex-direction: row-reverse;
}

.quick-order-wrapper {
  background: #F4F4F4;
  align-items: center;
  border-radius: 10px;
  margin-top: 2rem !important;
  margin-bottom: 0.5rem !important;
}
.quick-order-wrapper .bpnumber-wrapper {
  margin: 0 auto;
}
.quick-order-wrapper .bpnumber-wrapper p {
  font-weight: 700;
}
.quick-order-wrapper .bpnumber-wrapper a {
  font-weight: 100;
}
.quick-order-wrapper .btn-wrapper button {
  background: #707070;
  border: 1px solid #707070;
}
.quick-order-wrapper .address-street p, .quick-order-wrapper .address-street span, .quick-order-wrapper .address-citystate p, .quick-order-wrapper .address-citystate span {
  font-weight: 700;
}
.quick-order-wrapper .address-citystate {
  margin-left: 5px;
}

@media screen and (max-width: 576px) {
  .quick-order-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-top: 10rem !important;
  }
  .quick-order-wrapper .bpnumber-wrapper {
    margin: 2rem 0;
  }
  .quick-order-wrapper .btn-wrapper button {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .quick-order-wrapper {
    align-items: center;
  }
  .quick-order-wrapper .bpnumber-wrapper {
    margin: 2rem 0;
  }
  .quick-order-wrapper .btn-wrapper button {
    margin-bottom: 5px;
  }
  .product-wrapper {
    overflow-y: hidden !important;
    max-height: 100% !important;
  }
  .product-wrapper #ProductContainer .productOverview .info-wrapper {
    flex-direction: column !important;
  }
  .product-wrapper #ProductContainer .productOverview .info-wrapper .description-wrapper {
    width: 100%;
  }
  .product-wrapper #ProductContainer .productOverview .single-quantity-wrapper {
    text-align: left !important;
  }
  .product-wrapper #ProductContainer .productOverview .single-quantity-wrapper .single-label {
    justify-content: flex-start !important;
  }
  .product-wrapper #ProductContainer .productOverview .sp-pdp-headings .size-label {
    text-align: left;
  }
  .product-wrapper #ProductContainer .productOverview .sp-pdp-headings .quantity-label {
    text-align: left;
  }
  .product-wrapper #ProductContainer .productOverview .product-size-label .sp-product-stock span, .product-wrapper #ProductContainer .productOverview .sp-availability-options .sp-product-stock span {
    text-align: left !important;
  }
  .product-wrapper #ProductContainer .productOverview .p-product-size span {
    text-align: left !important;
  }
  .single-quantity-mobile {
    display: none;
  }
  .single-quantity-wrapper .product-details-qty {
    text-align: left;
  }
  .size-wrapper .sp-availability-options {
    display: none;
  }
  .size-label-dekstop {
    display: none;
  }
}
@media screen and (min-width: 767px) and (max-width: 2025px) {
  body#Category .container.brand-banner, body#Category div#product-list-container {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1022px) {
  .single-quantity-container {
    width: 100%;
  }
  .size-label-dekstop {
    display: none;
  }
  .product-size-quantity-group {
    width: 13rem;
  }
}
@media screen and (min-width: 1023px) {
  .sidebar-facets .panel-body .filter-list li label {
    padding-left: 0px;
  }
  .sidebar-facets .panel-heading-wrapper h3 {
    margin-left: 0px;
  }
  ._ProductGrid p.search-result {
    padding: 0px 15px 0 0;
  }
  .product-size-quantity-group .product-size-label, .product-size-quantity-group .sp-availability-options {
    text-align: center;
  }
  .size-label-dekstop {
    display: none;
  }
  .single-quantity-container {
    width: 100%;
  }
  .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-size-quantity-group .product-size-label {
    text-align: center;
  }
}
@media screen and (min-width: 577px) and (max-width: 1023px) {
  .quickorderlayoutcontent .quick-order-wrapper {
    margin-top: 7.5rem !important;
  }
}
.quickorder-back-to-top {
  position: fixed;
  bottom: 0;
  background: #FFF;
  padding: 0.5em 1em;
  right: 1rem;
  opacity: 0;
}
.quickorder-back-to-top span {
  display: inline-block;
  transform: rotate(180deg);
}

.product-pages-navigation {
  font-weight: bold;
  padding: 27px 0;
}
.product-pages-navigation .pagination-listing {
  display: flex;
  padding: 0;
}
.product-pages-navigation .pagination-listing li {
  padding: 0 0.25em;
}
.product-pages-navigation .pagination-listing li:first-of-type {
  padding-left: 0;
}
.product-pages-navigation .pagination-listing .zf-left-arrow-icon {
  color: #000;
  font-weight: 700;
}
.product-pages-navigation .pagination-listing .zf-arrow-right-small {
  font-size: 1.4rem;
  padding-left: 5px;
}

.category-more {
  margin-top: -80px;
}

#layout-category .product-tile .product-img {
  position: relative;
}
#layout-category .product-tile .product-img .image-container {
  border: 1px solid rgba(150, 150, 151, 0.5);
  position: relative;
}
#layout-category .product-tile .product-img .image-container .image {
  justify-content: center;
}
#layout-category .product-tile .product-img .image-container .image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
#layout-category .product-tile .product-img .zf-heart-outline-icon, #layout-category .product-tile .product-img .zf-heart-fill-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
}
#layout-category .productListContainer .price .hot-tag-5 {
  display: flex;
  justify-content: left;
}

@media screen and (min-width: 1023px) {
  #layout-category aside {
    width: calc(25% - 7rem);
  }
  #layout-category aside + main.productListContainer {
    width: 80%;
    padding-top: 12px;
  }
}
.sorting-wrapper select#Sort {
  background: #ffffff;
  cursor: pointer;
}
.sorting-wrapper select#Sort:focus {
  box-shadow: none;
  outline: none;
}
.sorting-wrapper .select-container::after, .sorting-wrapper .dropdown::after {
  content: none !important;
}

ul.sorting-item-list {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 5px;
}
ul.sorting-item-list li.selection-item {
  margin: 0;
}
ul.sorting-item-list li.selection-item label.custom-control-label {
  font-size: 1em;
  font-weight: 400;
}
ul.sorting-item-list li.selection-item [type=radio]:checked + label:before,
ul.sorting-item-list li.selection-item [type=radio]:not(:checked) + label:before {
  width: 16px !important;
  height: 16px !important;
  top: 2px !important;
}
ul.sorting-item-list li.selection-item [type=radio]:checked + label:after,
ul.sorting-item-list li.selection-item [type=radio]:not(:checked) + label:after {
  width: 10px !important;
  height: 10px !important;
  top: 5px !important;
}
ul.sorting-item-list li.selection-item [type=radio]:checked + label:after {
  transform: scale(0.8) !important;
}

.linkProductURL:focus-within .image {
  outline: 2px solid #000;
}

#zoom-button:focus {
  outline: 3px solid grey;
}

.simpleLens-thumbnail-wrapper:focus-within .thumbnail-image {
  outline: 2px solid #000;
}

input[type=radio]:focus-visible + label::before {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.filter-list .input-checkbox_container .input-checkbox:focus + .input-checkbox_appearance {
  box-shadow: 0 0 0 1.5px rgb(1, 1, 1);
}

@media screen and (min-width: 1280px) {
  #layout-category .product-tile .product-img .image-container .image {
    width: 250px;
    height: 250px;
    overflow: hidden;
    justify-content: center;
  }
  #layout-category .product-tile .product-img .image-container .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
#layout-product {
  width: calc(100% - 2em);
  max-width: 1290px;
}
#layout-product > h1 {
  display: block;
  width: 100%;
}
#layout-product #breadcrumb-social {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#layout-product #breadCrumb {
  margin-left: 0.5em;
}
#layout-product #breadCrumb #breadcrumb-productname {
  display: none;
}
#layout-product #breadCrumb a:last-of-type {
  pointer-events: all;
}
#layout-product #share-links-container {
  display: flex;
  justify-content: flex-end;
  font-size: 1.5em;
  display: none;
}
#layout-product #share-links-container li {
  margin-right: 0.75rem;
}

.product {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .product {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 2em;
  }
}
@media screen and (min-width: 1024px) {
  .product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
}
@media screen and (min-width: 1024px) {
  .product #product-lens-image {
    display: flex;
  }
}
.product #product-lens-image .deco-loading {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.75);
}
.product #product-lens-image .deco-loading.active {
  display: block;
}
.product #product-lens-image .deco-loading .zf-refresh {
  position: absolute;
  top: 45%;
  left: 45%;
  color: black;
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product .productImages a {
  display: block;
}
.product .product-altimages .owl-wrapper {
  display: flex !important;
}
.product .product-altimages .owl-item {
  width: auto !important;
  height: 100%;
  aspect-ratio: 1;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container {
  border: 1px solid var(--lightGray);
  position: relative;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader {
  left: inherit;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-lens-element {
  background-color: #FFF;
  box-shadow: 0 0 2px 2px rgba(153, 153, 153, 0.5);
  height: 400px;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 480px;
  z-index: 9999;
  text-align: center;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-lens-element img {
  position: relative;
  top: 0;
  left: 0;
  width: auto !important;
  max-width: none !important;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-mouse-cursor {
  background-color: rgba(153, 153, 153, 0.5);
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #999;
  box-shadow: 0 0 2px 2px #999;
  cursor: none;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader #product-image {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .product-logo {
  position: absolute;
  top: 0;
  left: 0;
}
.product ._product-overview {
  width: 100%;
}
.product .productOverview > .d-flex {
  width: 100%;
}
.product .productOverview .single-quantitybox .product-details-availability * {
  font-size: 12px !important;
  font-weight: normal;
  line-height: initial;
}
.product .productOverview .single-quantitybox .sp-product-stock {
  text-align: center !important;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
  font-weight: normal;
}
.product .productOverview .product-name {
  padding-top: 0.5em;
  line-height: 1;
}
.product .productOverview .product-number-details {
  color: #999;
  margin-bottom: 1em;
}
.product .productOverview .savelater-btn button {
  border: none !important;
  padding: 0.7rem 1.8rem;
}
.product .productOverview #closeOutofStockButton {
  padding: 0;
}
.product .productOverview .close {
  opacity: 1;
  font-size: 12px;
  line-height: 2;
  color: var(--black);
}
.product .productOverview .configurable-product-quantity-wrapper {
  font-weight: 600;
  flex-direction: column;
  display: flex;
}
.product .productOverview .configurable-product-quantity-wrapper .sp-product-info {
  border: none !important;
}
.product .productOverview .configurable-product-quantity-wrapper .total-wrapper {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  background: #eaeaea;
  margin: 1em -2em 1em -1em;
}
@media screen and (min-width: 640px) {
  .product .productOverview .configurable-product-quantity-wrapper .total-wrapper {
    margin: 1em 0 0 0;
  }
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content {
  margin-top: 1rem;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 640px) {
  .product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content {
    border: 1px solid var(--lightGray);
  }
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .form-group {
  margin-bottom: 0;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .form-group .pdp-calculator.product-subtotal {
  justify-content: flex-end;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-headings {
  display: none !important;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size {
  flex-direction: row !important;
  display: flex;
  margin-top: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content > div .sp-product-info > div .product-quantity-wrapper {
  width: 100% !important;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-details-qty .quantity {
  border-radius: 20px;
  max-width: 6rem;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-detail-input {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group .product-details-qty .quantity {
  width: 6.3rem;
  padding: 0.3rem 1.2rem;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group label {
  text-align: center;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .sub-total-wrapper .your-pricing {
  justify-content: space-between;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .sub-total-wrapper .your-pricing form {
  width: auto;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .sub-total-wrapper .your-pricing form button {
  margin: 0.5rem 0;
  width: max-content;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .product-details-qty {
  border-radius: 20px;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .product-details-qty .quantity {
  border-radius: 20px;
  text-align: center;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .sp-pdp-headings {
  display: none;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
  flex-direction: column;
  display: flex;
  padding: 0;
  text-align: center;
  margin-right: 0;
  margin-bottom: 10px;
  justify-content: normal !important;
}
@media screen and (min-width: 719px) and (max-width: 1250px) {
  .product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 6rem;
    margin: 0px 5px;
  }
}
@media screen and (max-width: 719px) {
  .product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 7rem;
    margin: 0px 5px;
  }
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .sp-product-size.product-size-label {
  text-align: center !important;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .quantity {
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
  max-width: 6em;
  background: #fff;
  border: 1px solid #e0e0e0;
}
.product .productOverview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group .sp-product-stock span {
  font-size: 11px;
  margin-bottom: 5px;
}
.product .productOverview .savelater-btn {
  justify-content: end;
}
.product .sp-product-stock {
  display: var(--sp-product-stock);
}
.product .productCustomize > div {
  margin: 1em auto 0 auto;
}
.product .tierPrice td {
  padding: 0.25em 0.5em;
}
.product .price-customization-text {
  font-size: 10px;
  line-height: 1;
  font-style: italic;
  font-weight: bold;
}
.product .price-customization-text .mt-40 {
  margin-top: 40px;
}
.product .tierPriceItem, .product .tierPriceItem-s {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 0.5em auto;
  font-size: 16px;
  align-items: center;
}
.product .tierPriceItem .tierPriceItemGroup, .product .tierPriceItem-s .tierPriceItemGroup {
  text-align: center;
  padding: 0.5em 1em 0.5em 0;
}
.product .tierPriceItem .tierPriceItemGroup .tierPricePrice, .product .tierPriceItem-s .tierPriceItemGroup .tierPricePrice {
  font-weight: 600;
}
.product .tierPriceItem .tierPriceItemGroup.key, .product .tierPriceItem-s .tierPriceItemGroup.key {
  font-size: 0.8em;
  padding: 0.5em 1em;
  text-align: right;
  font-style: normal;
}
.product .tierPriceItem .tierPriceItemGroup.key .tierPriceQTY-label, .product .tierPriceItem .tierPriceItemGroup.key .tierPricePrice-label, .product .tierPriceItem-s .tierPriceItemGroup.key .tierPriceQTY-label, .product .tierPriceItem-s .tierPriceItemGroup.key .tierPricePrice-label {
  padding: 0.125em 0 0 0;
}
.product #decoration-options-heading, .product .decoration-location-heading {
  display: none;
}
.product #decoration-options-heading.active, .product .decoration-location-heading.active {
  display: block;
}
.product .group-decoration-area .logo-selector {
  display: none;
}
.product .group-decoration-area .logo-selector.active {
  display: block;
}
.product .group-decoration-area .decoration-heading input[type=checkbox] {
  height: 1.5rem;
  width: 1.5rem;
}
.product .group-decoration-area .decoration-heading input[type=checkbox]:checked::after {
  font-size: 1.375rem;
}
.product .group-decoration-area .decoration-heading .icon-down {
  display: none;
  font-size: 18px;
  border-right: 1px solid #FFF;
  margin-right: 7px;
  padding-right: 3px;
}
.product .group-decoration-area .group-decoration-functions {
  margin-left: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  border-left: 1px solid rgb(221, 221, 221);
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library {
  display: none;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker.active, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library.active {
  display: block;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker {
  line-height: 2rem;
  padding-bottom: 0.25rem;
  position: relative;
  cursor: pointer;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker * {
  vertical-align: middle;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker span {
  font-size: 1.5rem;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls {
  position: relative;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .icon-down {
  display: inline-block;
  transition: transform 0.35s;
  transform-origin: center;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls.active .icon-down {
  transform: rotate(180deg);
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library {
  position: absolute;
  z-index: 9;
  top: 1.75em;
  width: 100%;
  border: 1px solid #ddd;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 0 5px #ddd;
  transition: all 0.12s ease-in;
  transition-delay: 0.18s;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list {
  position: relative;
  margin: 0;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li {
  cursor: pointer;
  padding: 1rem;
  text-align: center;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li span {
  display: block;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li span.artwork-image {
  margin-bottom: 0.5rem;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:hover, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:focus {
  background-color: rgb(243, 243, 243);
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:hover .artwork-image, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:focus .artwork-image {
  outline: 1px dashed #999;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-manage {
  position: relative;
  margin: 1rem -1rem -1rem -1rem;
  padding: 1rem;
  background-color: #ddd;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper {
  overflow-y: scroll;
  max-height: 355px;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper {
  margin-bottom: 2rem;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper h5, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper h5 {
  font-size: 1rem;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul {
  width: 100%;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li {
  width: 33%;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li span.artwork-image img, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li span.artwork-image img {
  max-width: 100%;
}
.product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li .artwork-name, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li .artwork-name {
  word-wrap: break-word;
}
@media screen and (max-width: 576px) {
  .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li, .product .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li {
    width: 100%;
  }
}
.product .group-decoration-area .monogramingattribute .monogram_product-variation {
  margin-left: -16px;
  margin-bottom: 1rem;
  padding-left: 1rem;
  border-left: 1px solid rgb(221, 221, 221);
}
.product .group-decoration-area .monogramingattribute .monogram_product-variation .personalized-attributes {
  margin-bottom: -15px;
}
.product .quantity {
  max-width: 4em;
  text-align: center;
  padding: 3px 0;
  font-size: 15px;
  margin: 0.25em 0;
}
.product .configurable-product-quantity-content > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product .configurable-product-quantity-content > div .sp-pdp-headings, .product .configurable-product-quantity-content > div .sp-product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(216, 216, 216, 0.675);
}
.product .configurable-product-quantity-content > div .sp-pdp-headings > div, .product .configurable-product-quantity-content > div .sp-product-info > div {
  width: 33% !important;
}
.product .configurable-product-quantity-content > div .sp-pdp-headings .sp-product-size, .product .configurable-product-quantity-content > div .sp-product-info .sp-product-size {
  padding: 0.5em 0;
}
.product .configurable-product-quantity-content > div .sp-pdp-headings {
  font-weight: 700;
  margin-top: 15px;
}
.product h3 {
  margin: 0 0 10px 0;
}
.product #dynamic-product-variations {
  margin-bottom: 1em;
}
.product #dynamic-product-variations > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product #dynamic-product-variations > div .sp-pdp-headings, .product #dynamic-product-variations > div .sp-product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(216, 216, 216, 0.675);
}
.product #dynamic-product-variations > div .sp-pdp-headings > div, .product #dynamic-product-variations > div .sp-product-info > div {
  width: 40%;
}
.product #dynamic-product-variations > div .sp-pdp-headings .sp-product-size, .product #dynamic-product-variations > div .sp-product-info .sp-product-size {
  padding: 0.5em 0;
}
.product #dynamic-product-variations > div .sp-pdp-headings {
  font-weight: 700;
  margin-top: 15px;
}
.product .sp-product-stock {
  font-size: 12px;
  line-height: 1;
}
.product #customizationItems {
  display: grid;
  grid-row-gap: 10px;
}
.product #customizationItems #colorSelect {
  border: 1px solid green;
  height: 25px;
}
.product #customizationItems #logoSelect {
  border: 1px solid #ff6a00;
  height: 25px;
}
.product #customizationItems #personalization {
  border: 1px solid #0094ff;
  height: 25px;
}
.product #customizationItems #monogramming {
  border: 1px solid #b200ff;
  height: 25px;
}
.product #needHelp {
  font-style: italic;
}
.product #needHelp h5 {
  padding: 0;
  font-weight: 400;
}
.product #estimatedDeliveryDate {
  padding: 10px;
  border: 3px solid #c2c2c2;
}
.product #estimatedDeliveryDate p {
  padding: 0;
  line-height: 12px;
  font-size: 12px;
}
.product #availabilitySmallCopy {
  font-size: 12px;
  line-height: 14px;
}
.product .product-short-description ul li {
  list-style: disc;
}

.product-size-chart-wrapper table {
  margin: 0 auto 15px;
}

.address-popup .modal-content {
  box-shadow: 1px 1px 5px 0px rgba(204, 204, 204, 0.9019607843);
}

.outofstock-notificationpopup .close-btn-wrapper button {
  position: absolute;
  right: 3px;
  opacity: 1 !important;
  margin: 5px !important;
  top: 1.2rem;
  font-size: 12px;
  line-height: 2;
  color: #000;
}
.outofstock-notificationpopup h1 {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 20px;
}
.outofstock-notificationpopup p {
  text-align: center;
  width: 100%;
  float: left;
  font-weight: 100;
}

.product-details-availability, .sp-availability-options, .availableQtyLabel {
  display: var(--prod-detail-availability);
}

@media screen and (min-width: 1350px) {
  .product-content-wrapper {
    min-height: 60em;
  }
}
.product-content-wrapper #product-lens-image .deco-loading {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.75);
}
.product-content-wrapper #product-lens-image .deco-loading.active {
  display: block;
}
.product-content-wrapper #product-lens-image .deco-loading .zf-refresh {
  position: absolute;
  top: 45%;
  left: 45%;
  color: black;
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container {
  position: relative;
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader {
  left: inherit;
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-lens-element {
  background-color: #FFF;
  height: 400px;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 480px;
  z-index: 9999;
  text-align: center;
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-lens-element img {
  position: relative;
  top: 0;
  left: 0;
  width: auto !important;
  max-width: none !important;
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-mouse-cursor {
  background-color: rgba(153, 153, 153, 0.5);
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #999;
  box-shadow: 0 0 2px 2px #999;
  cursor: none;
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader #product-image {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}
.product-content-wrapper .simpleLens-gallery-container .simpleLens-big-image-container .product-logo {
  position: absolute;
  top: 0;
  left: 0;
}
.product-content-wrapper .productOverview {
  padding-right: 1em;
}
.product-content-wrapper .productOverview .product-name {
  padding-top: 0.5em;
  line-height: 1;
}
.product-content-wrapper .productCustomize > div {
  margin: 1em auto 0 auto;
}
.product-content-wrapper .tierPrice td {
  padding: 0.25em 0.5em;
}
.product-content-wrapper .price-customization-text {
  font-size: 10px;
  line-height: 1;
  font-style: italic;
  font-weight: bold;
}
.product-content-wrapper .price-customization-text .mt-40 {
  margin-top: 40px;
}
.product-content-wrapper .tierPriceItem, .product-content-wrapper .tierPriceItem-s {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 0.5em auto;
  font-size: 16px;
}
.product-content-wrapper .tierPriceItem .tierPriceItemGroup, .product-content-wrapper .tierPriceItem-s .tierPriceItemGroup {
  padding: 0.5em 1em 0.5em 0;
}
.product-content-wrapper .tierPriceItem .tierPriceItemGroup .tierPricePrice, .product-content-wrapper .tierPriceItem-s .tierPriceItemGroup .tierPricePrice {
  font-weight: 600;
}
.product-content-wrapper .tierPriceItem .tierPriceItemGroup.key, .product-content-wrapper .tierPriceItem-s .tierPriceItemGroup.key {
  font-size: 0.8em;
  padding: 0.5em 1em 0.5em 0 !important;
  text-align: right;
  font-style: normal;
}
.product-content-wrapper .tierPriceItem .tierPriceItemGroup.key .tierPriceQTY-label, .product-content-wrapper .tierPriceItem .tierPriceItemGroup.key .tierPricePrice-label, .product-content-wrapper .tierPriceItem-s .tierPriceItemGroup.key .tierPriceQTY-label, .product-content-wrapper .tierPriceItem-s .tierPriceItemGroup.key .tierPricePrice-label {
  padding: 0.125em 0 0 0;
  font-size: 16px;
}
.product-content-wrapper #decoration-options-heading, .product-content-wrapper .decoration-location-heading {
  display: none;
}
.product-content-wrapper #decoration-options-heading.active, .product-content-wrapper .decoration-location-heading.active {
  display: block;
}
.product-content-wrapper .group-decoration-area .logo-selector {
  display: none;
}
.product-content-wrapper .group-decoration-area .logo-selector.active {
  display: block;
}
.product-content-wrapper .group-decoration-area .decoration-heading input[type=checkbox] {
  height: 1.5rem;
  width: 1.5rem;
}
.product-content-wrapper .group-decoration-area .decoration-heading input[type=checkbox]:checked::after {
  font-size: 1.375rem;
}
.product-content-wrapper .group-decoration-area .decoration-heading .icon-down {
  display: none;
  font-size: 18px;
  border-right: 1px solid #FFF;
  margin-right: 7px;
  padding-right: 3px;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions {
  margin-left: 1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  border-left: 1px solid rgb(221, 221, 221);
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library {
  display: none;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker.active, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library.active {
  display: block;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker {
  line-height: 2rem;
  padding-bottom: 0.25rem;
  position: relative;
  cursor: pointer;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker * {
  vertical-align: middle;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .savedLogoPicker span {
  font-size: 1.5rem;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls {
  position: relative;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .icon-down {
  display: inline-block;
  transition: transform 0.35s;
  transform-origin: center;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls.active .icon-down {
  transform: rotate(180deg);
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library {
  position: absolute;
  z-index: 9;
  top: 1.75em;
  width: 100%;
  border: 1px solid #ddd;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 0 5px #ddd;
  transition: all 0.12s ease-in;
  transition-delay: 0.18s;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list {
  position: relative;
  margin: 0;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li {
  cursor: pointer;
  padding: 1rem;
  text-align: center;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li span {
  display: block;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li span.artwork-image {
  margin-bottom: 0.5rem;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:hover, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:focus {
  background-color: rgb(243, 243, 243);
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:hover .artwork-image, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-list ul li:focus .artwork-image {
  outline: 1px dashed #999;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .art-library .artwork-manage {
  position: relative;
  margin: 1rem -1rem -1rem -1rem;
  padding: 1rem;
  background-color: #ddd;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper {
  overflow-y: scroll;
  max-height: 355px;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper {
  margin-bottom: 2rem;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper h5, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper h5 {
  font-size: 1rem;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul {
  width: 100%;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li {
  width: 33%;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li span.artwork-image img, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li span.artwork-image img {
  max-width: 100%;
}
.product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li .artwork-name, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li .artwork-name {
  word-wrap: break-word;
}
@media screen and (max-width: 576px) {
  .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .approved-logo-wrapper ul li, .product-content-wrapper .group-decoration-area .group-decoration-functions .logo-locker-controls .site-logolocker-wrapper .your-logo-wrapper ul li {
    width: 100%;
  }
}
.product-content-wrapper .group-decoration-area .monogramingattribute .monogram_product-variation {
  margin-left: -16px;
  margin-bottom: 1rem;
  padding-left: 1rem;
  border-left: 1px solid rgb(221, 221, 221);
}
.product-content-wrapper .group-decoration-area .monogramingattribute .monogram_product-variation .personalized-attributes {
  margin-bottom: -15px;
}
.product-content-wrapper .quantity {
  max-width: 4em;
  text-align: center;
  padding: 3px 0;
  font-size: 15px;
  margin: 0.25em 0;
}
.product-content-wrapper #dynamic-product-variations > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product-content-wrapper #dynamic-product-variations > div .sp-pdp-headings, .product-content-wrapper #dynamic-product-variations > div .sp-product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(216, 216, 216, 0.675);
}
.product-content-wrapper #dynamic-product-variations > div .sp-pdp-headings > div, .product-content-wrapper #dynamic-product-variations > div .sp-product-info > div {
  width: 40%;
}
.product-content-wrapper #dynamic-product-variations > div .sp-pdp-headings .sp-product-size, .product-content-wrapper #dynamic-product-variations > div .sp-product-info .sp-product-size {
  padding: 0.5em 0;
}
.product-content-wrapper #dynamic-product-variations > div .sp-pdp-headings {
  font-weight: 700;
  margin-top: 15px;
}
.product-content-wrapper .sp-product-stock {
  font-size: 12px;
  line-height: 1;
  padding-top: 0;
}
.product-content-wrapper #customizationItems {
  display: grid;
  grid-row-gap: 10px;
}
.product-content-wrapper #customizationItems #colorSelect {
  border: 1px solid green;
  height: 25px;
}
.product-content-wrapper #customizationItems #logoSelect {
  border: 1px solid #ff6a00;
  height: 25px;
}
.product-content-wrapper #customizationItems #personalization {
  border: 1px solid #0094ff;
  height: 25px;
}
.product-content-wrapper #customizationItems #monogramming {
  border: 1px solid #b200ff;
  height: 25px;
}
.product-content-wrapper #needHelp {
  font-style: italic;
}
.product-content-wrapper #needHelp h5 {
  padding: 0;
  font-weight: 400;
}
.product-content-wrapper #estimatedDeliveryDate {
  padding: 10px;
  border: 3px solid #c2c2c2;
}
.product-content-wrapper #estimatedDeliveryDate p {
  padding: 0;
  line-height: 12px;
  font-size: 12px;
}
.product-content-wrapper #availabilitySmallCopy {
  font-size: 12px;
  line-height: 14px;
}
.product-content-wrapper .product-description ul {
  padding: 1em 0 -1em 1.25em;
}
.product-content-wrapper .product-description ul li {
  list-style: disc;
}

.productExtras {
  width: 100%;
  margin: 3em 0;
}

.product-info #Selected-Color {
  padding: 0.5em 0;
}
.product-info .swatch-img-container {
  padding: 0;
}
.product-info .swatch-img-container label {
  display: block;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: normal;
}
.product-info .swatch-img-container ul {
  padding: 0;
  margin: 0;
}
.product-info .swatch-img-container ul li {
  display: inline-block;
  cursor: pointer;
}
.product-info .swatch-img-container ul img {
  border: 1px solid #c3c3c3;
  margin: 0 5px 5px 0;
  max-height: 40px;
  max-width: 40px;
}
.product-info .swatch-img-container ul img:hover {
  border: 1px solid #010101;
}
.product-info .size-swatch {
  padding: 0;
  margin: 0;
}
.product-info .size-swatch li {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 12px;
  line-height: 26px;
  margin-right: 12px;
}
.product-info .size-swatch li label {
  text-align: center;
  margin: 0;
  background-color: #fff;
  position: relative;
}
.product-info .size-swatch li label:before, .product-info .size-swatch li label:after {
  color: transparent;
}
.product-info .size-swatch li label.active {
  border: 1px solid #010101;
}
.product-info .size-swatch li label.scratch-image {
  padding: 0;
}
.product-info .size-swatch li label.scratch-image.scratchattribute:before {
  background: none;
  position: absolute;
  content: "";
  left: -5px;
  top: 50%;
  right: -5px;
  color: #c3c3c3;
  padding: 0;
  margin: 0;
  border-top: 1px solid #c3c3c3;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product-info .size-swatch li label.scratch-text {
  padding: 0 10px;
}
.product-info .size-swatch li label.scratch-text.scratchattribute:before {
  background: none;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  color: #c3c3c3;
  padding: 0;
  margin: 0;
  border-top: 1px solid #c3c3c3;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-10deg);
}
.product-info .swatch-img li img {
  max-width: 44px;
  max-height: 44px;
}
.product-info .color-swatch .styled-input input[type=radio] {
  display: none;
}
.product-info .color-swatch .styled-input [type=radio]:checked + label:before,
.product-info .color-swatch .styled-input [type=radio]:not(:checked) + label:before,
.product-info .color-swatch .styled-input [type=radio]:checked + label:after {
  opacity: 0;
}
.product-info .color-swatch .styled-input [type=radio]:checked + label, .product-info .color-swatch .styled-input [type=radio]:not(:checked) + label {
  display: flex;
}
.product-info .color-swatch li:hover label {
  border-color: #010101;
}
.product-info .color-swatch li:hover span.color-name {
  visibility: visible;
}
.product-info .color-swatch li span.color-name {
  display: block;
  position: absolute;
  background: #fff;
  border: 1px solid rgba(153, 153, 153, 0.5);
  top: calc(100% + 0.5em);
  z-index: 1;
  left: -1em;
  padding: 0.5em;
  visibility: hidden;
  pointer-events: none;
}
.product-info .color-swatch li span.color-name::before {
  content: "";
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  background: inherit;
  border: inherit;
  border-bottom: none;
  border-right: none;
  top: -0.5em;
  left: 1.25em;
  transform: rotate(45deg);
}
.product-info .color-swatch li label {
  border: 1px solid #c3c3c3;
  cursor: pointer;
}
.product-info .color-swatch li label i {
  font-size: 28px;
}
.product-info .sp-approved-logo .col-xs-12 {
  width: 100%;
}
.product-info .sp-approved-logo ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  align-items: center;
}
.product-info .sp-approved-logo ul li {
  list-style-type: none;
  margin-right: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  border: 2px solid #c3c3c3;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #f0f0f0;
}
.product-info .sp-approved-logo ul li.active, .product-info .sp-approved-logo ul li:hover {
  border: 2px solid #010101;
}
.product-info .sp-approved-logo ul li img {
  max-width: 30px !important;
  max-height: 30px !important;
  vertical-align: middle;
  display: inline-block;
  padding: 2px;
  margin: auto;
}
.product-info .sp-approved-logo .dropdown .btn {
  background: none;
  border-radius: 0;
  border: 1px solid #c3c3c3;
  margin: 10px 0 20px 0;
  text-align: left;
  background: #fff url("../../Images/drop-arrow.png?v=1.0.1") no-repeat 98% center;
  height: 40px;
}
.product-info .sp-approved-logo span {
  line-height: 20px;
}
.product-info .sp-approved-logo select option {
  background-color: #eee;
}
.product-info .sp-approved-logo select option:checked:after {
  box-shadow: inset 20px 20px #eee;
}
.product-info .savelater-btn {
  flex-direction: row;
  justify-content: end;
}
.product-info .ecert_certificate {
  position: relative;
}
.product-info .ecert_certificate .product-wishlist {
  position: absolute;
  top: 0;
  right: 0;
}

.product-details-tab .nav-tabs {
  margin: 0;
  padding: 0;
}
.product-details-tab .nav-tabs li a {
  border: none;
  background-color: transparent;
}
.product-details-tab .nav-tabs li a:hover, .product-details-tab .nav-tabs li a:focus {
  border: none;
  border-bottom: 2px solid #c3c3c3;
}
.product-details-tab .nav-tabs li.active a {
  border-bottom: 2px solid #c3c3c3;
}

.cut-price {
  color: #9f9f9f;
  padding-left: 5px;
  text-decoration: line-through;
}

.sp-pdp-size {
  margin-bottom: 15px !important;
}
.sp-pdp-size .sp-pdp-headings {
  padding: 5px 10px;
  background-color: #76b900;
  color: #fff;
  font-size: 15px;
}
.sp-pdp-size .sp-product-info {
  padding: 5px 10px;
}
.sp-pdp-size .sp-product-size {
  font-size: 15px;
}

.sp-quantity-label {
  line-height: 1;
  padding-top: 0;
}

.your-pricing {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.your-pricing form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.your-pricing form i {
  display: none;
}
@media screen and (min-width: 640px) {
  .your-pricing form {
    align-items: flex-end;
  }
}
.your-pricing .btn-text-full {
  margin-right: 0;
}
.your-pricing .wishlist-section {
  width: 50%;
}
.your-pricing .wishlist-section button:hover {
  color: rgba(1, 1, 1, 0.65) !important;
}
.your-pricing .envelopeicon-wrapper .tooltip-text {
  padding: 0px !important;
  top: 3rem !important;
}

.personalized-attributes {
  z-index: 1;
}
.personalized-attributes.border-top-bottom {
  margin-bottom: 10px;
  padding: 10px 0;
}
.personalized-attributes a.CB-PersonalizeHeaderInfo, .personalized-attributes a.CB-LabelAppliesToAllQtyAdded {
  display: none;
}
.personalized-attributes .personlised-attribute-block {
  padding: 10px;
  background-color: rgb(243, 243, 243);
  margin-bottom: 20px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-head {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-head .remove-all-text {
  padding-top: 15px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-head .icon-cross {
  font-size: 0.75em;
  margin-left: 0.25em;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body {
  padding-left: 10px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .input-validation-error {
  box-shadow: none;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .btns {
  margin-top: -7px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .ind-txt-section {
  display: flex;
  width: 100%;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .ind-txt-section .ind-txt-input {
  width: 70%;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .ind-txt-section .ind-txt-input .label-group {
  padding-top: 12px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .ind-txt-section .btns {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute {
  margin-bottom: 5px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute select {
  font-size: 1rem;
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  box-sizing: border-box;
  border-radius: 0px;
  transition: box-shadow 0.25s ease-in-out;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove {
  position: relative;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon {
  position: absolute;
  right: 5px;
  top: 11px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon .icon-cross {
  font-size: 8px;
  font-weight: 300;
  padding-right: 0.75em;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon :hover {
  cursor: pointer;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .error-msg {
  font-style: normal;
}
.personalized-attributes .personlised-attribute-block .preview-btn {
  text-align: right;
  padding: 0.5em 0;
}
.personalized-attributes .personlised-attribute-block .preview-btn .icon-refresh {
  font-weight: 900;
}
.personalized-attributes .personlised-attribute-block i {
  margin-left: 0.5em;
  font-size: 0.85em;
}
.personalized-attributes .personlised-attribute-block .personalization-controls {
  margin-top: 1em;
}
.personalized-attributes .personalized-attribute-note {
  font-size: 0.78rem;
  font-style: italic;
  padding: 0;
}
.personalized-attributes .personalized-attributes-list {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  padding: 5px 0;
  font-weight: 600;
}
.personalized-attributes .personalized-attributes-list .personalized-attribute {
  margin: 5px 0;
}
.personalized-attributes .icon-italic-info {
  font-size: 16px;
}

.personalization-monogram {
  z-index: 1;
}
.personalization-monogram.border-top-bottom {
  margin-bottom: 10px;
  padding: 10px 0;
}
.personalization-monogram a.CB-PersonalizeHeaderInfo, .personalization-monogram a.CB-LabelAppliesToAllQtyAdded {
  display: none;
}
.personalization-monogram .personlised-attribute-block {
  padding: 10px;
  background-color: rgb(243, 243, 243);
  margin-bottom: 20px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-head {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-head .remove-all-text {
  padding-top: 15px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-head .icon-cross {
  font-size: 0.75em;
  margin-left: 0.25em;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body {
  padding-left: 10px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .input-validation-error {
  box-shadow: none;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .btns {
  margin-top: -7px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section {
  display: flex;
  width: 100%;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section .ind-txt-input {
  width: 70%;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section .ind-txt-input .label-group {
  padding-top: 12px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section .ind-txt-input .required:after {
  position: absolute;
  top: 12px;
  right: 10px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section .btns {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute {
  margin-bottom: 5px;
  position: relative;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute select {
  font-size: 1rem;
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  box-sizing: border-box;
  border-radius: 0px;
  transition: box-shadow 0.25s ease-in-out;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove {
  position: relative;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove input {
  width: calc(100% + 50px);
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon {
  position: absolute;
  right: 5px;
  top: 11px;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon .icon-cross {
  font-size: 8px;
  font-weight: 300;
  padding-right: 0.75em;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon :hover {
  cursor: pointer;
}
.personalization-monogram .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .error-msg {
  font-style: normal;
}
.personalization-monogram .personlised-attribute-block .preview-btn {
  text-align: right;
  padding: 0.5em 0;
}
.personalization-monogram .personlised-attribute-block .preview-btn .icon-refresh {
  font-weight: 900;
}
.personalization-monogram .personlised-attribute-block i {
  margin-left: 0.5em;
  font-size: 0.85em;
}
.personalization-monogram .personlised-attribute-block .personalization-controls {
  margin-top: 1em;
}
.personalization-monogram .personalized-attribute-note {
  font-size: 0.78rem;
  font-style: italic;
  padding: 0;
}
.personalization-monogram .personalized-attributes-list {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  padding: 5px 0;
  font-weight: 600;
}
.personalization-monogram .personalized-attributes-list .personalized-attribute {
  margin: 5px 0;
}
.personalization-monogram .icon-italic-info {
  font-size: 16px;
}

.view-customization {
  cursor: pointer;
  margin: 10px 0;
}
.view-customization .icon-minus {
  font-size: 10px;
}
.view-customization.collapsed .icon-minus:before {
  content: "\f067";
}

.product-wishlist {
  display: flex;
}
.product-wishlist .btn-wishlist {
  margin: 1.5em 1em 0 1em;
}
.product-wishlist .btn-wishlist span {
  margin-right: 0.5em;
}
.product-wishlist .wishlist-status {
  margin: 0.5em 0 0 1.25em;
}

a#accountWishList {
  display: block;
  text-align: center;
  padding: 0 0.5em 0.5em;
}

#cnclearinput {
  float: right;
}

.decoration-location-accordion .acc-title {
  background-color: #4a4a4a;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 0;
  font-size: 16px;
}
.decoration-location-accordion .acc-title a {
  color: #FFF;
}

.personalized_attri .Individualized_Text {
  border-top: none !important;
}

.spp-fuzzy-sort {
  padding: 0 !important;
  border: 1px solid rgba(153, 153, 153, 0.5);
  max-height: 300px;
  overflow-y: auto;
}
.spp-fuzzy-sort li:hover, .spp-fuzzy-sort li:active, .spp-fuzzy-sort li.active {
  background: #f1f1f1;
}
.spp-fuzzy-sort .fuzzy-item button {
  padding: 10px 7px;
  border: 0;
  margin: 0;
  width: 100%;
  text-align: left;
}

.deco-is-optional {
  position: relative;
}

.fuzzysort {
  width: 100%;
  position: relative;
}
.fuzzysort input {
  margin: 0;
}
.fuzzysort .fuzzy-sort-list {
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 5;
  top: 2.6rem;
  left: 0;
}
.fuzzysort i.zf-arrow-down-small {
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 0;
  pointer-events: none;
}
.fuzzysort .optional-deco span {
  margin-bottom: 8px;
  display: block;
}
.fuzzysort .optional-deco .remove-link {
  text-decoration: underline;
  float: right;
  margin-bottom: 0;
  line-height: 2;
  cursor: pointer;
}

.product-details-container .productOverview .configurable-product-quantity-content > div .sp-pdp-headings > div,
.product-details-container .productOverview .configurable-product-quantity-content > div .sp-product-info > div {
  width: 100% !important;
}

.product-list-widget .b2b-products .product-item .view-item .title {
  color: #424242 !important;
}
.product-list-widget .b2b-products .product-item .view-item .product-sku {
  color: #9E9E9E;
}

.product-sku {
  display: none !important;
}

.b2b-product-highlight ul li {
  height: 65px;
  width: 45px;
  margin: 0 10px 10px 0;
}
.b2b-product-highlight ul li:last-child {
  margin: 0;
}
.b2b-product-highlight ul li .highlight-total {
  background: #e9ecef;
  padding: 5px;
}

@media screen and (min-width: 640px) {
  .optional-deco input {
    width: 100%;
  }
  .optional-deco i.zf-arrow-down-small {
    position: absolute;
    top: 33px;
    right: 20px;
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  .optional-deco input {
    width: 87%;
  }
  .optional-deco i.zf-arrow-down-small {
    top: 40px;
    right: 96px;
  }
}
@media screen and (max-width: 992px) {
  .btns {
    margin-top: 23px !important;
  }
}
@media screen and (max-width: 576px) {
  .personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section {
    display: block;
  }
  .personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section .ind-txt-input {
    width: 90%;
  }
  .personalization-monogram .personlised-attribute-block .personalized-attributes-body .ind-txt-section .btns {
    margin-top: 0px !important;
  }
}
#dynamic-product-variations > div.pd-nonassortment-link,
#dynamic-product-variations > div.pd-assortment-link {
  display: flex;
  flex-flow: row nowrap;
}

button.btn-assortmentlink.button-assortmentlink.btn-tertiary {
  background: none;
  padding: 0 1em;
  margin: 0 0 1em 0.5em;
  color: #010101;
}

.product .productOverview .product-name img {
  width: 35px;
  height: auto;
  margin-bottom: 12px;
}
.product .productImage .simpleLens-big-image-container {
  position: relative;
}
.product .productImage .simpleLens-big-image-container .hot-tag-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
}
.product .hot-tag-6 {
  display: flex;
}
.product .hot-tag-6 img {
  width: 35px;
  height: auto;
  margin-right: 7px;
  margin-left: 7px;
}

.product-price {
  display: flex;
  margin-left: 10px;
}

.hot-tag-4 {
  display: flex;
}
.hot-tag-4 h1 {
  display: inline;
}
.hot-tag-4 img {
  width: 35px;
  height: 35px;
  margin-bottom: 12px;
}

button#btnAddEcert + .your-pricing {
  flex-direction: column;
}

#Product.Details.modal-open {
  overflow: auto !important;
}

.float-none {
  float: none;
}

.addonsAttributes .upload-container {
  position: relative;
  height: 100%;
  min-height: 9em;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  background-color: #FFF;
  border: 1px dotted #999;
  overflow: visible;
  padding: 50px;
  margin-top: 1em;
  -webkit-box-shadow: inset 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1024px) {
  .addonsAttributes .upload-container {
    min-height: 7.5em;
  }
}
.addonsAttributes .upload-container label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
  opacity: 0;
}
.addonsAttributes .upload-container label.active {
  opacity: 1;
}
.addonsAttributes .upload-container label input.cms-no-icon {
  display: inline-block;
  height: 100%;
  width: 100%;
  border: 0 none;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.addonsAttributes .upload-container .deco-upload, .addonsAttributes .upload-container .deco-loading, .addonsAttributes .upload-container .deco-uploaded {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.addonsAttributes .upload-container .disclaimer {
  font-style: oblique;
  font-size: 0.9em;
  line-height: 1em;
}
.addonsAttributes .upload-container .deco-upload {
  padding-top: 1rem;
  text-align: center;
  font-weight: 600;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.addonsAttributes .upload-container .deco-upload .zf-cloud-upload {
  font-size: 3em;
  color: #444;
}
.addonsAttributes .upload-container .deco-upload .zf-cloud-upload:hover {
  color: #000;
}
.addonsAttributes .upload-container .deco-loading {
  display: none;
  z-index: 5;
  padding-top: 25px;
  background-color: rgba(255, 255, 255, 0.95);
  color: #444;
  text-align: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.addonsAttributes .upload-container .deco-loading.active {
  display: inline-block;
  opacity: 1;
}
.addonsAttributes .upload-container .deco-loading .zf-refresh {
  font-size: 30px;
  font-weight: 500;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-block;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.addonsAttributes .upload-container .deco-uploaded {
  z-index: 3;
  padding-top: 25px;
  text-align: center;
  opacity: 0;
  background-color: #FFF;
}
.addonsAttributes .upload-container .deco-uploaded.active {
  opacity: 1;
}
.addonsAttributes .upload-container .deco-uploaded .zf-active {
  font-size: 20px;
  margin-bottom: -0.5rem;
  color: green;
}

.product-deco-loading {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0.75);
}
.product-deco-loading .zf-refresh {
  position: absolute;
  top: 45%;
  left: 45%;
  color: black;
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.cart_modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}
.cart_modal .cart_popup {
  width: 40%;
  margin: 0 auto;
  border-radius: 10px;
}
.cart_modal .cart_popup .icon-cross {
  font-size: 12px;
}
.cart_modal .modal-body {
  text-align: center;
  color: rgb(204, 0, 0);
  padding: 50px;
}
.cart_modal .modal-body .custom-content {
  font-size: 13px;
  font-weight: 600;
}

.hot-tag-4 .HotTag4 .HotTag2 .hot-tag-eco .hot-tag-description {
  left: 600px;
  top: 314px;
}
.hot-tag-4 .HotTag4 .hot-tag-sale .hot-tag-description {
  left: 700px;
  top: 310px;
}
.hot-tag-4 .HotTag4 .hot-tag-sale .hot-tag-description::after {
  right: 6.5em;
}

.HotTag6 .HotTag2 .hot-tag-eco .hot-tag-description {
  left: -150px;
}
.HotTag6 .hot-tag-sale .hot-tag-description {
  left: -53px;
}
.HotTag6 .hot-tag-sale .hot-tag-description::after {
  right: 100px;
}

.product-highlight-list .HotTag2 .hot-tag-eco .hot-tag-description {
  left: -30px;
  top: 50px;
}
.product-highlight-list .HotTag2 .hot-tag-eco .hot-tag-description::after {
  right: 21.5em;
}
.product-highlight-list .hot-tag-sale .hot-tag-description {
  left: -120px;
  top: 100px;
}
.product-highlight-list .hot-tag-sale .hot-tag-description::after {
  right: 160px;
}

.hot-tag-2 .HotTag2 .hot-tag-eco .hot-tag-description {
  top: 40px;
}
.hot-tag-2 .HotTag2 .hot-tag-sale .hot-tag-description {
  top: 90px;
}

.hot-tag-3 .HotTag3 .hot-tag-sale {
  top: 30px;
}

.hot-tag-6 .HotTag6 {
  cursor: pointer;
}

.producttabs #tabs .nav-tabs {
  border-bottom: transparent;
}
.producttabs #tabs .nav-tabs li {
  border: 1px solid #c3c3c3;
  border-bottom: transparent;
  font-weight: 600;
  background-color: rgba(221, 221, 221, 0.2588235294);
}
.producttabs #tabs .nav-tabs li a {
  border: none;
  color: #000;
}
.producttabs #tabs .nav-tabs li a:hover, .producttabs #tabs .nav-tabs li a:focus {
  border-radius: 0;
  border-color: transparent;
  background-color: #FFF !important;
}
.producttabs #tabs .nav-tabs li a.active {
  border: none;
  color: #000;
}
.producttabs #tabs .nav-tabs li:hover, .producttabs #tabs .nav-tabs li:focus {
  box-shadow: 0px -2px 0px 0px #000;
  background-color: #FFF !important;
}
.producttabs #tabs .nav-tabs li.active {
  box-shadow: 0px -2px 0px 0px #000;
  background-color: #FFF !important;
}
.producttabs .tierPrice {
  margin: 0 !important;
}
.producttabs .tierPrice .tier-price_item {
  border: 1px solid #c3c3c3;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 0.5em auto;
  font-size: 16px;
}
.producttabs .tierPrice .tier-price_item .tierPriceItemGroup {
  padding: 0 20px 0 0;
}
.producttabs .tierPrice .tier-price_item .tierPriceItemGroup.key {
  font-size: 0.8em;
  padding: 0.5em 1em;
  text-align: right;
  font-style: normal;
}
.producttabs .tierPrice .tier-price_item #PriceWithoutCustomization .tierPriceItemGroup {
  font-weight: 600;
}
.producttabs .tierPrice .tier-price_item #PriceWithCustomization .tierPriceItemGroup {
  font-weight: 600;
}
.producttabs .tierPrice .tierPriceItemGroup {
  padding: 5px 20px 3px 15px !important;
}
.producttabs .tierPrice .tierPriceItemGroup .tierPriceQTY {
  text-align: left;
}
.producttabs .price-statement {
  border: 1px solid #c3c3c3;
  padding: 9px 13px;
  font-size: 0.8em;
  font-style: italic;
  margin-left: 0px;
  border-right: transparent;
  border-left: transparent;
  border-bottom: transparent;
  width: 100%;
}

.productCustomize .tierPriceQTY {
  font-weight: 600;
}

.tab_text {
  font-style: italic;
  font-size: 12px;
}

.individualized_text {
  margin-left: -1rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding: 3px;
}
.individualized_text div {
  font-weight: 600;
  background: #f3f3f3;
  padding: 10px;
  font-size: 12px;
  width: 100%;
  max-width: 93%;
  margin-left: 1rem;
}
.individualized_text div .error-msg {
  font-style: normal;
}

.drop_down {
  min-width: 100%;
  position: relative;
}

.refresh_loader img {
  display: none;
  width: 50px;
  height: 50px;
  margin-top: -4px;
  position: absolute;
  right: 0;
}

.logoRemoveLink {
  cursor: pointer;
}

#showArtworkBackground span {
  padding: 7px 3px 0px;
}

.tooltip-wrapper {
  padding-top: 10px;
}

.tooltip-wrapper:hover .tooltip-content {
  display: block;
}

.tooltip-wrapper .tooltip-content {
  width: 200px;
  height: auto;
  color: #fff;
  display: none;
  border-radius: 3px;
  padding: 5px 8px;
  position: absolute;
  z-index: 15;
  background: #000;
  bottom: 30px;
  text-align: left;
  right: 0;
}

.tooltip-wrapper .tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 42%;
  border-width: 10px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.tooltip-content p {
  font-size: 13px;
}

#AddedToCartConfirmation .modal-dialog {
  background: #FFF;
  border-radius: 10px;
  padding: 2em;
  width: calc(100% - 1.25em);
}
@media screen and (min-width: 640px) {
  #AddedToCartConfirmation .modal-dialog {
    width: 40%;
    min-width: 360px;
    margin: 1em auto;
  }
}
#AddedToCartConfirmation .modal-dialog .upper-modal {
  display: flex;
  flex-direction: column;
}
#AddedToCartConfirmation .modal-dialog .upper-modal .main-title {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}
#AddedToCartConfirmation .modal-dialog .upper-modal .sub-title {
  font-size: 13px;
}
#AddedToCartConfirmation .modal-dialog .upper-modal div {
  text-align: center;
  font-size: 1.25em;
}
#AddedToCartConfirmation .modal-dialog .upper-modal div b {
  color: #cc0000;
  font-size: 1.5em;
}
#AddedToCartConfirmation .modal-dialog .upper-modal div p {
  font-weight: 600;
  padding-top: 0.75em;
  margin-bottom: 0;
}
#AddedToCartConfirmation .modal-dialog .upper-modal ul {
  padding: 0;
}
#AddedToCartConfirmation .modal-dialog .upper-modal ul li {
  list-style-type: none;
  padding-top: 0.75em;
}
#AddedToCartConfirmation .modal-dialog .upper-modal img {
  max-width: 15em;
  margin: auto;
}
#AddedToCartConfirmation .modal-dialog .cta {
  max-width: 40%;
  margin: 0 auto;
  padding-top: 2em;
  text-align: center;
}
#AddedToCartConfirmation .modal-dialog .cta a {
  display: block;
  margin-bottom: 0.25rem;
}
#AddedToCartConfirmation .modal-dialog .cta a.btn-primary {
  margin: 0 auto 1rem auto;
}
#AddedToCartConfirmation .modal-dialog .cta .btn-primary {
  background: #666 !important;
  border-color: #666 !important;
}
#AddedToCartConfirmation .modal-dialog .cta .btn-secondary {
  border-color: #666 !important;
  color: #666 !important;
}
#AddedToCartConfirmation .modal-dialog .cta .btn-secondary:hover {
  background: #666 !important;
  border-color: #666 !important;
  color: #fff !important;
}
#AddedToCartConfirmation .modal-dialog .size-label {
  font-weight: 400 !important;
  font-size: 13px;
}
#AddedToCartConfirmation .modal-dialog .product-name {
  font-size: 16px;
}
#AddedToCartConfirmation .modal-dialog .justify-content-center {
  justify-content: center;
}
#AddedToCartConfirmation .modal-dialog .pr-5 {
  padding-right: 5px;
}

@media screen and (max-width: 576px) {
  .pd-color-selector .size-swatch {
    display: flex;
    padding-bottom: 1rem;
    overflow-x: scroll;
  }
  .pd-color-selector .size-swatch .styled-input {
    margin-right: 12px;
  }
  .pd-color-selector .size-swatch .styled-input .d-span-color {
    display: none;
  }
  .pd-color-selector .color-swatch-wrapper {
    flex-wrap: wrap;
  }
}
.pd-color-selector .padding-spacing {
  padding-bottom: 3.5rem !important;
}

.color-swatch-wrapper {
  margin-bottom: 0.7rem;
}
.color-swatch-wrapper #ColorOptions-Count {
  margin-right: 15px;
}

.product-short-description #readMore {
  text-decoration: underline;
}

.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
  display: none;
}

.add-read-more.show-more-content .read-more {
  display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {
  font-weight: bold;
  margin-left: 2px;
  color: #000 !important;
  cursor: pointer;
}

.disabled-readmore {
  color: #ccc;
  pointer-events: none;
  cursor: not-allowed;
}

.disabled-readmore:hover {
  color: #ccc;
}

.read-more-btn {
  cursor: pointer;
}

.story-description .product-description {
  background-color: var(--lightestGray);
  padding: 30px;
  border-radius: 2px;
}

.product-size-label .sp-product-stock {
  display: block !important;
  padding-top: 8px;
}

.envelopeicon-wrapper {
  margin-right: 1.3rem;
}
.envelopeicon-wrapper .notify-link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold !important;
  margin: 0;
  min-width: 80px;
  padding: 9px 27px;
  border: 2px solid #91c733;
}
.envelopeicon-wrapper .tooltip-text {
  visibility: hidden;
  width: 15rem;
  background-color: #000;
  color: #FFF;
  padding: 0px;
  position: absolute;
  z-index: 1;
  top: 3.2rem;
  left: -1rem;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: 10px;
  font-size: 12px;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.envelopeicon-wrapper .tooltip-text::before {
  content: "";
  position: absolute;
  top: -18px;
  right: 85%;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  transform: rotate(270deg);
}
.envelopeicon-wrapper .notify-link:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.envelopeicon-wrapper[data-culture=fr-CA] .notify-link .tooltip-text {
  top: 3.6rem;
}

.product-quantity-details {
  flex-direction: row !important;
}

._ConfigurableProductQuantity .product-quantity-input#subtotal {
  padding-left: 0.5em;
}

.outofstock-notificationpopup .close-btn-wrapper button {
  margin: 10px 10px 0px 0px;
}
.outofstock-notificationpopup .modal-header {
  border-bottom: none;
}
.outofstock-notificationpopup .modal-body {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.outofstock-notificationpopup .modal-body .form-group-one {
  width: 100%;
  margin-right: 1rem;
  font-family: nvidiasans-bold !important;
}
.outofstock-notificationpopup .modal-body .form-group-one label {
  padding-left: 0px !important;
}
.outofstock-notificationpopup .modal-body .form-group-one input {
  background: none;
}
.outofstock-notificationpopup .modal-body .form-group-two {
  width: 30%;
}
.outofstock-notificationpopup .modal-body .form-group-two select {
  font-size: 1rem;
  width: 100%;
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid rgba(59, 59, 59, 0.675);
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0px;
  transition: box-shadow 0.25s ease-in-out;
}
.outofstock-notificationpopup .modal-body label {
  font-weight: unset !important;
}
.outofstock-notificationpopup .non-size-sku {
  justify-content: center;
}
.outofstock-notificationpopup .modal-footer {
  border-top: none;
  text-align: center;
  background: #efefef;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.outofstock-notificationpopup .modal-footer .notify-btn {
  padding: 0.7rem 2.3rem;
  margin: 0;
}
.outofstock-notificationpopup .modal-footer .close-btn {
  padding: 0.7rem 3rem;
  background-color: transparent !important;
  color: #000 !important;
}
.outofstock-notificationpopup .modal-footer button {
  border-radius: 0px !important;
}

@media screen and (min-width: 768px) {
  .outofstock-notificationpopup {
    width: 70%;
    max-width: 600px !important;
  }
}
.product-img:hover .btn-card-quick-view {
  display: block;
}

.product-image:hover .btn-card-quick-view {
  display: block;
}

@media screen and (max-width: 768px) {
  .product-image .btn-card-quick-view, .product-img .btn-card-quick-view {
    display: none;
  }
  .product-img:hover .btn-card-quick-view {
    display: none;
  }
  .product-image:hover .btn-card-quick-view {
    display: none;
  }
}
#shortDescription .read-more-btn, #shortDescription .readmore-btn {
  display: block;
}

.simpleLens-container .zf-heart-outline-icon, .zf-heart-fill-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

#ImageZoom {
  position: relative;
}
@media screen and (min-width: 1024px) {
  #ImageZoom {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  #ImageZoom .simpleLens-container {
    width: 79%;
  }
}
#ImageZoom .product-altimages {
  display: block;
  position: relative;
  width: 100%;
  margin: 1em 0;
}
@media screen and (min-width: 1024px) {
  #ImageZoom .product-altimages {
    will-change: transform;
    transform-origin: top left;
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: 2%;
    margin: 0;
  }
}
#ImageZoom .product-altimages img {
  display: block;
}
@media screen and (min-width: 1024px) {
  #ImageZoom .product-altimages img {
    will-change: transform;
    transform: rotate(-90deg);
  }
}
#ImageZoom .carousel-items {
  display: flex;
  position: absolute;
}
#ImageZoom .owl-wrapper .item {
  height: auto;
  aspect-ratio: 1;
}
#ImageZoom .owl-wrapper img {
  border: 1px solid var(--lightGray);
  max-width: 111px;
  margin: 0;
}
#ImageZoom .owl-wrapper .selected-item img {
  border: 3px solid var(--darkGray);
}
#ImageZoom .owl-controls {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 40%;
  pointer-events: none;
}
#ImageZoom .owl-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#ImageZoom .owl-buttons > div {
  position: relative;
  height: 30px;
  width: 30px;
  border: none;
  display: flex;
  border-radius: 50%;
  pointer-events: auto;
  background: var(--lightGray);
  color: var(--white);
  opacity: 1;
}
#ImageZoom .owl-buttons .owl-next {
  left: 12px;
}
@media screen and (min-width: 1024px) {
  #ImageZoom .owl-buttons .owl-next {
    left: 20px;
  }
}
#ImageZoom .owl-buttons .owl-prev {
  right: 12px;
}
.simpleLens-mouse-cursor, .simpleLens-lens-element {
  display: none !important;
}

.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
  cursor: auto !important;
}

#image-zoom {
  position: absolute;
  top: 0;
  border: 2px solid var(--darkGray);
  visibility: hidden;
  width: 100%;
}
#image-zoom.loading {
  background-image: url(/assets/images/loading.svg);
  background-color: rgba(255, 255, 255, 0.875);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
}
#image-zoom.loading > img {
  visibility: hidden !important;
}
#image-zoom.zoomed-in {
  visibility: initial;
}
#image-zoom.zoomed-in + #zoom-button {
  background-color: var(--darkGray);
}

img#zoomed-image {
  max-width: inherit;
}

#zoom-button {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0.25em;
  border: 0;
  padding: 0;
  background: var(--black);
  border-radius: 50%;
  height: 1.5em;
  border: 2px solid var(--lightGray);
  width: 1.5em;
  font-size: 2rem;
  transition: background 0.35s ease;
  color: var(--white);
}

.cannot-export-banner {
  background: #ededed;
  width: 100%;
  padding: 5px 10px;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.cannot-export-banner h4 {
  margin-bottom: 0;
}
.cannot-export-banner .country-span {
  font-weight: normal;
  padding-left: 5px;
}
.cannot-export-banner a#show-morelink .material-icons {
  position: absolute;
}
.cannot-export-banner .outofstock-notificationpopup .modal-footer .close-OutofStockButton {
  margin-left: 15px !important;
}
.cannot-export-banner .csv-confirm-modal .modal-content {
  padding: 2rem 4rem 1rem;
  text-align: center;
}
.cannot-export-banner .csv-confirm-modal .modal-content p {
  float: none;
}
.cannot-export-banner .csv-confirm-modal .modal-content h4 {
  margin-top: 1rem;
}
.cannot-export-banner .csv-confirm-modal .modal-content .btn-wrapper {
  margin-top: 2rem;
}
.cannot-export-banner .csv-confirm-modal .modal-content .btn-wrapper .upload-btn {
  padding: 0.5rem 4rem;
  margin-bottom: 10px;
}
.cannot-export-banner .csv-confirm-modal .modal-content .btn-wrapper .cancel-btn {
  padding: 0.5rem 5.2rem;
  margin-top: 0px;
}
.cannot-export-banner .d-none {
  display: none;
}
.cannot-export-banner .cursor-pointer {
  cursor: pointer;
}
.cannot-export-banner .text-csv-file {
  text-decoration: underline;
}
.cannot-export-banner .recipients-later {
  padding-top: 15px;
  padding-bottom: 25px;
}
.cannot-export-banner #removeFile {
  margin-left: 1rem;
}
.cannot-export-banner .product-filters-containerc {
  margin-top: 0.7rem !important;
  margin-bottom: 1rem;
}
.cannot-export-banner .product-filters-containerc select {
  width: 49%;
  padding: 0.5rem;
}
.cannot-export-banner .multipleoption {
  margin-top: 1rem !important;
}
.cannot-export-banner .multipleoption .zf-download {
  margin-right: 0.2rem;
  font-weight: 600 !important;
}
.cannot-export-banner .multipleoption .upload-spreadsheet .label-text {
  font-size: 16px;
  font-weight: 600 !important;
  margin-right: 3px;
}
.cannot-export-banner .multipleoption .upload-spreadsheet .text-download-template {
  font-weight: 500 !important;
  text-decoration: underline;
  margin-top: 3px;
}
.cannot-export-banner .collapse-field {
  margin-top: 1rem;
}
.cannot-export-banner .collapse-field .label-text {
  font-size: 16px;
  font-weight: 600 !important;
}
.cannot-export-banner .collapse-field .zf-arrow-right-small {
  font-size: 16px;
  margin-right: 10px;
  font-weight: 600 !important;
}
.cannot-export-banner .upload-file {
  margin-top: 2.5rem;
}
.cannot-export-banner .manualform {
  width: 49%;
}
@media screen and (max-width: 380px) {
  .cannot-export-banner .btn-wrapper .upload-btn, .cannot-export-banner .btn-wrapper .upload-btn {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .cannot-export-banner .product-filters-containerc select {
    width: 100%;
  }
  .cannot-export-banner .manualform {
    width: 100%;
  }
}
.cannot-export-banner .link-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.cannot-export-banner .mb-1 {
  margin-bottom: 1rem;
}
.cannot-export-banner .export-label {
  font-family: nvidiasans-bold;
  color: #000;
}

#ExportRestrictionsList .read-more-btn, #ExportRestrictionsList .readmore-btn {
  display: block;
}

.product-content-wrapper .product-image-details .simpleLens-big-image-container .simpleLens-lens-image {
  justify-content: center;
  align-items: center;
}
.product-content-wrapper .product-image-details .simpleLens-big-image-container .simpleLens-lens-image #product-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product-altimages .owl-wrapper-outer .owl-item .item a {
  justify-content: center;
  align-items: center;
}
.product-altimages .owl-wrapper-outer .owl-item .item a img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  .product-content-wrapper .product-image-details .simpleLens-big-image-container .simpleLens-lens-image {
    width: 500px;
    height: 500px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
  }
  .product-content-wrapper .product-image-details .simpleLens-big-image-container .simpleLens-lens-image #product-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .product-altimages .owl-wrapper-outer .owl-item .item a {
    width: 110px;
    height: 110px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
  }
  .product-altimages .owl-wrapper-outer .owl-item .item a img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
@media screen and (max-width: 480px) {
  .configurable-product-quantity-wrapper .single-quantitybox .product-quantity-details {
    flex-direction: column !important;
  }
  .configurable-product-quantity-wrapper .single-quantitybox .product-quantity-details .sub-total-wrapper {
    flex-direction: column !important;
    display: flex !important;
  }
  .configurable-product-quantity-wrapper .single-quantitybox .product-quantity-details .sub-total-wrapper .product-subtotal {
    justify-content: flex-start !important;
  }
  .configurable-product-quantity-wrapper .single-quantitybox .product-quantity-details .sub-total-wrapper .savelater-btn {
    align-items: flex-start !important;
    flex-direction: column-reverse !important;
  }
  .configurable-product-quantity-wrapper .single-quantitybox .product-quantity-details .sub-total-wrapper .savelater-btn form {
    align-items: flex-start !important;
  }
}
#Cart [aria-describedby=product-preview-large] {
  width: auto !important;
  height: 80vh !important;
  max-width: 90vw;
  position: absolute !important;
  top: 10vh !important;
  left: 2em !important;
  max-height: 90vh;
  margin: 0 auto;
}
#Cart [aria-describedby=product-preview-large] img {
  max-width: 100%;
  max-height: 60vh;
  width: auto;
  height: auto;
}
#Cart .ui-widget-overlay.ui-front {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.75);
}

.div-shopping-cart {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
}
.div-shopping-cart .cartContainer {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
}
@media (min-width: 640px) {
  .div-shopping-cart .cartContainer {
    flex-direction: row;
    justify-content: space-between;
  }
}
.div-shopping-cart .cartContainer .cartProducts ul {
  padding: 30px 0 0 0;
}
.div-shopping-cart .cartContainer .cartProducts li {
  border: none;
}
.div-shopping-cart .cartContainer .cartProducts .removeAllItems {
  padding: 0.5em 1em;
  text-align: right;
}
@media (min-width: 640px) {
  .div-shopping-cart .cartContainer .cartProducts {
    width: calc(100% - 320px);
    padding: 0 1.5em 0 0;
  }
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li {
  border: none;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:first-child .itemTotal {
  display: none;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(2) {
  margin-top: -25px;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+3) {
  margin-top: -20px;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cart-item-title, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .unitPrice, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .itemDescription, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .group-product-list, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .removeItem, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .itemTotal, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .item-color, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .personalized-attributes, .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .brand-logo-selection {
  display: none;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cartImage .cart-item-title {
  display: block !important;
  visibility: hidden;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cartDescription {
  float: right;
  margin-left: auto;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cartItem {
  padding: 0em 0em 0.5em 0em;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:last-child .itemTotal {
  display: block;
}
@media (max-width: 1024px) {
  .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(2) {
    margin-top: 0;
  }
  .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cartDescription {
    width: 90%;
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cartDescription {
    width: 90%;
  }
}
.div-shopping-cart .cartItem {
  position: relative;
  padding: 1em 0em 0.5em 0em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .div-shopping-cart .cartItem {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .div-shopping-cart .cartItem:last-of-type {
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  }
}
.div-shopping-cart .cartItem .cartImage {
  width: 100%;
  text-align: center;
  z-index: 95;
  margin-bottom: 1.5em;
}
@media (min-width: 1024px) {
  .div-shopping-cart .cartItem .cartImage {
    width: 33%;
    margin-bottom: 0;
  }
}
.div-shopping-cart .cartItem .cartImage img {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.div-shopping-cart .cartItem .cartImage img.enabled {
  cursor: zoom-in;
}
.div-shopping-cart .cartItem .cartImage .artifi-design-edit {
  padding-right: 5px;
  border-right: 1px solid #c3c3c3;
}
.div-shopping-cart .cartItem .item-color {
  color: var(--darkGray);
}
.div-shopping-cart .cartItem .cartDescription {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto !important;
  padding-right: 0;
  color: var(--darkGray);
}
@media (min-width: 1024px) {
  .div-shopping-cart .cartItem .cartDescription {
    width: 67% !important;
    align-items: flex-end;
  }
  .div-shopping-cart .cartItem .cartDescription > div {
    width: 30%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .div-shopping-cart .cartItem .cartDescription {
    margin-bottom: 30px;
  }
}
.div-shopping-cart .cartItem .cartDescription > div {
  width: 100%;
}
.div-shopping-cart .cartItem .cartDescription .item-size:not(:first-child) .display-on-checkout {
  margin-top: 30px;
}
.div-shopping-cart .cartItem .cartDescription .itemTotal {
  text-align: right;
  font-weight: 600;
  color: var(--black);
  font-size: 16px;
}
.div-shopping-cart .cartItem .cartDescription .itemTotal .max-purchase-error-msg {
  font-weight: 100;
  text-align: left;
}
.div-shopping-cart .cartItem .cartDescription .cart-item-title {
  display: block;
  width: 100%;
  font-size: 1.25em;
  font-weight: 700;
  color: var(--black);
}
.div-shopping-cart .cartItem .cartDescription .itemQuantity {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.div-shopping-cart .cartItem .cartDescription .itemQuantity form {
  width: 100%;
  display: flex;
}
.div-shopping-cart .cartItem .cartDescription .itemQuantity input {
  max-width: 6em;
  text-align: center;
  border-radius: 1.5em;
  padding: 0.25em;
  margin: 0.75em 0 0.25em 0;
  border: 1px solid var(--darkGray);
  background-color: white;
}
.div-shopping-cart .cartItem .cartDescription .spinner {
  display: flex;
  flex-direction: column;
}
.div-shopping-cart .cartItem .cartDescription .spinner .btn {
  margin: 0;
}
.div-shopping-cart .cartItem .cartDescription .spp-product-logo {
  float: right;
  padding: 0;
}
.div-shopping-cart .cartItem .cartDescription .spp-product-logo li {
  list-style-type: none;
  cursor: pointer;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  border: 2px solid #c3c3c3;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #f0f0f0;
  display: inline-block;
}
.div-shopping-cart .cartItem .cartDescription .spp-product-logo li img {
  max-width: 30px !important;
  max-height: 30px !important;
  vertical-align: middle;
  display: inline-block;
  padding: 2px;
  margin: auto;
}
.div-shopping-cart .remove-item-group {
  width: 100%;
}
.div-shopping-cart .removeItem {
  padding: 0 0 0.5em;
  font-weight: 600;
  text-align: right;
}
.div-shopping-cart .cartSummary {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0;
  border-top: 1px solid rgba(153, 153, 153, 0.5);
}
.div-shopping-cart .cartSummary .cart-total {
  margin: 0 0 1em;
}
.div-shopping-cart .cartSummary .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 0.5em;
}
@media (min-width: 640px) {
  .div-shopping-cart .cartSummary {
    width: 65%;
    max-width: 320px;
    padding: 0 0 0 1.5em;
    border-top: none;
    border-left: 1px solid rgba(153, 153, 153, 0.5);
  }
}
.div-shopping-cart .cartSummary > div {
  width: 100%;
  margin: 0 auto;
  float: left;
}
.div-shopping-cart .cartSummary .cartTotal .form-group {
  display: flex;
  justify-content: space-between;
}
.div-shopping-cart .cartSummary .orderTotal {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid;
  padding: 0.5em 0;
  font-weight: bold;
}
.div-shopping-cart .cartSummary #checkOut-link {
  display: block;
  margin: 1em 0 0.5em 0;
  padding: 0.75em;
  text-align: center;
}

.shopping-cart .checkout-actions a#continue-button {
  display: none;
}
.shopping-cart .checkout-actions .cust-service-container {
  margin-top: 30px;
  font-size: 0.85rem;
}
.shopping-cart .checkout-actions .cust-service-container a {
  font-weight: var(--cartCSTextWeight);
}
.shopping-cart .checkout-actions .cust-service-container a:hover {
  color: var(--linkHoverColor);
}

.personalized-attributes-list.customization {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  padding: 5px 0;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
}
.personalized-attributes-list.customization .selected-brand {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  padding-bottom: 10px;
  margin-bottom: 5px;
  padding: 0 10px 5px 0;
}
.personalized-attributes-list.customization .customized-border {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  margin: 10px 0 5px 0;
}
@media (min-width: 640px) {
  .personalized-attributes-list.customization .customized-border {
    width: 60%;
  }
}
.personalized-attributes-list.customization .customize-all-txt {
  font-weight: 600;
}
.personalized-attributes-list.customization .brand-logo-selection {
  margin-top: 5px;
}
.personalized-attributes-list.customization .brand-logo-selection .img-container-logo {
  display: flex;
  align-items: center;
  height: 100px;
  width: 100px;
  margin: 5px 0;
  background-color: #dadada;
}
.personalized-attributes-list.customization .brand-logo-selection .img-container-logo .img-fit {
  margin: 5px auto;
  padding: 3px;
  max-width: 100px;
  max-height: 100%;
}
.personalized-attributes-list.customization .brand-logo-selection .selected-logo-name {
  font-weight: 600;
}
.personalized-attributes-list.customization .personalized-attribute {
  margin: 5px 20px;
  font-size: 14px;
}

.brand-logo-selection {
  margin-top: 15px;
}

.shopping-cart .empty-cart {
  min-height: 150px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}
@media screen and (max-width: 640px) {
  .shopping-cart .empty-cart {
    margin: 0 1em;
  }
}

.cartPromocode input {
  margin: 0;
}

#removegiftCoupon {
  padding-top: 15px;
}
#removegiftCoupon .coupon-applied {
  display: flex;
  align-items: center;
}
#removegiftCoupon span {
  text-align: left;
  font-size: 13px;
}
#removegiftCoupon button {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0.25em 0 0 !important;
  font-size: 0.78rem;
  height: 1.25em;
}
#removegiftCoupon button .material-icons {
  opacity: 1;
  color: var(--black);
}
#removegiftCoupon button .material-icons:hover {
  cursor: pointer;
  color: var(--darkGray);
}

.view-customization {
  width: 100%;
  margin-bottom: 0.75em;
}

.eCertItem {
  width: 80%;
  max-width: 60em;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  align-items: center;
}
.eCertItem .cartDescription {
  max-width: 8em;
}
.eCertItem .cartDescription .itemTotal {
  text-align: left !important;
}
.eCertItem #eCertDetails .input-label {
  margin-bottom: 0.75em;
}
.eCertItem .eCertProd {
  width: 100%;
}
.eCertItem .collapse.in .cartDescription .unitPrice {
  display: none;
}
.eCertItem .personalized-attributes {
  min-width: 100px;
}
.eCertItem .personalized-attributes-list.customization {
  border-top: none;
}
.eCertItem .removeItem {
  width: 100%;
  position: relative;
}

.ecertdesc .cartDescription {
  min-width: 115px;
}

.order-limit .cart_shop {
  text-align: right;
  padding-right: 0;
}
.order-limit .cart_shop .icon-shopping-cart {
  font-size: 25px;
  color: rgb(204, 0, 0);
}
.order-limit .view_history {
  padding-left: 3px;
}
.order-limit .view_history p {
  font-size: 15px;
  color: #000;
  font-weight: bold;
}
.order-limit .view_history a {
  padding-right: 14%;
  color: rgb(204, 0, 0);
  font-size: 13px;
}

@media screen and (max-width: 769px) {
  .cart_shop {
    text-align: left !important;
  }
  .view_history {
    padding-left: 50px !important;
    margin-top: -28px;
  }
}
.disable-anchor {
  color: #ddd;
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}

.personalized_notecards {
  padding: 0;
}
.personalized_notecards .notecard {
  text-align: right;
}
.personalized_notecards .notecard .quantity-spinner .spinner input {
  text-align: center;
  max-width: 6em;
}
.personalized_notecards .notecard .quantity-spinner .spinner .spp-update-notecard-qty {
  text-align: right;
}

#Checkout .cartDescription {
  width: 76% !important;
}

#Checkout .personalized_notecards {
  position: relative;
}
#Checkout .personalized_notecards .personalized_notecard_img {
  height: 55% !important;
}
#Checkout .personalized_notecards .notecard {
  position: absolute;
  right: 0;
}

.spacing {
  margin-top: 18px;
}

.cart-item-title:focus {
  outline: auto;
}

@media (min-width: 1024px) {
  .cartContainer li .cartDescription {
    width: 46%;
    text-align: left !important;
  }
  .cartContainer li .cartDescription .itemQuantity form {
    justify-content: start !important;
  }
}
#layout-content:has(#divShoppingCart) {
  padding-bottom: 0;
  background-color: var(--account-page-bg-color);
}

._TotalTable {
  padding: 0;
  margin-bottom: 0;
}

#divShoppingCart {
  background-color: #f8f8f8;
}
#divShoppingCart .cartContainer .cartTotalTitle {
  margin-bottom: 1em;
}
#divShoppingCart .cartContainer .cart-products {
  border-radius: var(--containerRadius);
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
}
#divShoppingCart .cartContainer .cart-products li .cartDescription .itemQuantity input {
  border-radius: 1.5rem;
}
#divShoppingCart .cartContainer .cart-products li .cartDescription .quantity-spinner {
  padding-top: 6px;
}
#divShoppingCart .cartContainer .cart-products li .cartDescription .quantity-spinner .spp-update-qty {
  font-size: 11px !important;
  color: var(--darkGray);
  margin-top: 5px;
  line-height: normal;
}
#divShoppingCart .cartContainer .cart-products li .cartDescription .edit-icon {
  padding-left: 4.8rem;
}
#divShoppingCart .cartContainer .cart-products .removeItem {
  border-top: 1px solid var(--darkGray);
  padding-top: 10px !important;
}
#divShoppingCart .cartContainer .cart-products .removeItem .zf-close-outline-icon {
  font-size: 20px;
}
#divShoppingCart .cartContainer .cart-products ._removeItem:first-child {
  border: none !important;
}
#divShoppingCart .cartContainer .cart-products .cart-page-items .total-item-price {
  justify-content: space-between;
}
#divShoppingCart .cartSummary .cart-total-content, #divShoppingCart .cartSummary .divCouponContainer, #divShoppingCart .cartSummary .cust-service-container {
  border: 2px solid white;
  border-radius: var(--containerRadius);
  background-color: white;
  padding: 20px;
  margin-bottom: 1em;
}
#divShoppingCart .cartSummary .cart-total-content .form-group, #divShoppingCart .cartSummary .divCouponContainer .form-group, #divShoppingCart .cartSummary .cust-service-container .form-group {
  padding: 3px 0 !important;
}
#divShoppingCart .cartSummary .cart-total-content .orderTotal, #divShoppingCart .cartSummary .divCouponContainer .orderTotal, #divShoppingCart .cartSummary .cust-service-container .orderTotal {
  border-top: 1px solid white !important;
}
#divShoppingCart .cartSummary .checkout-actions {
  text-align: center;
}
#divShoppingCart .cartSummary .checkout-actions #continue-button {
  margin-top: 0;
}
#divShoppingCart .cartSummary #editCheckboxApplyCoupon label {
  font-size: 15px;
}
#divShoppingCart .cartSummary #editCheckboxApplyCoupon #cart-apply-promocode {
  display: flex;
  margin: 10px 0;
  height: 39px;
}
#divShoppingCart .cartSummary #editCheckboxApplyCoupon #cart-apply-promocode #promocode {
  height: 39px;
  margin-right: 10px;
}
#divShoppingCart .cartSummary #editCheckboxApplyCoupon #cart-apply-promocode .btn-secondary {
  min-width: 83px;
  max-width: 85px;
  padding: 2px;
  height: 39px;
  margin-top: 0;
  margin-right: 0;
}

.coupon-msg-container .zf-close {
  margin-right: 0.5em;
  font-size: 0.75em;
}
.coupon-msg-container .success-msg {
  color: black;
}

@media (min-width: 719px) {
  .div-shopping-cart .cartSummary {
    max-width: 400px !important;
    border-left: white !important;
  }
}
#Checkout .title {
  background-color: white !important;
}

#pre-checkout-message {
  display: none;
}

.shipping-address-wrapper .address-detail-wrapper .address-firstlastname {
  padding-left: 7px;
}

@media (max-width: 640px) {
  #divShoppingCart .cartContainer {
    margin-top: 0 !important;
    padding: 0 1em;
  }
  #divShoppingCart .cartContainer .cart-products {
    margin: 0 0 1em 0;
    padding: 1rem !important;
  }
  #divShoppingCart .cartContainer h1 {
    margin-top: 0;
  }
  #divShoppingCart .cartContainer .personalized_notecards {
    padding: 0;
    display: flex;
  }
  #divShoppingCart .cartContainer .cartImage {
    padding-left: 0;
    width: 150px;
  }
  #divShoppingCart .cartContainer .cartImage a {
    width: 150px;
  }
  #divShoppingCart .cartContainer .cartImage a img {
    width: 150px;
    margin: 0;
  }
  #divShoppingCart .cartContainer .cartDescriptionWrapper {
    width: 100%;
    margin-left: 1em;
  }
  #divShoppingCart .cartContainer .cartItem .cartDescription {
    width: 100% !important;
    padding: 0;
  }
  #divShoppingCart .cartContainer .cartItem .cartDescription .cart-item-title {
    font-size: 16px;
  }
  #divShoppingCart .cartContainer .cartItem .cartDescription > div {
    font-size: 14px;
    padding-left: 0;
  }
  #divShoppingCart .cartContainer .cartItem .cartDescription .itemQuantity input {
    border-radius: 1.5rem !important;
  }
}
.cart-recommended-wrapper {
  background-color: var(--white);
  padding: 1em;
  border-radius: var(--containerRadius);
  height: 35em;
}

.product-quantity-details .product-details-qty .product-detail-input {
  align-items: flex-start !important;
}

.w-100 {
  width: 100%;
}

.m-0 {
  margin: 0 !important;
}

@media screen and (max-width: 991px) {
  .div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) {
    padding: 0em 0em 0.5em 0em !important;
  }
}
.artifi-previewproduct {
  border: none;
  padding: 0;
  margin: 0;
}

.ecertcartitem {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
}
.ecertcartitem .ecertdesc .cartImage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  width: 100%;
}
.ecertcartitem .ecertdesc .cartImage .cart-item-title {
  font-size: 1.2em;
  font-weight: 700;
  border-right: none;
}
.ecertcartitem .ecertdesc .cartImage .ecertificate-info {
  margin: 5px 0px;
  display: flex;
  word-break: break-word;
}
.ecertcartitem .ecertdesc .cartImage .ecertificate-info p {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.ecertcartitem .ecertdesc .cartImage .ecertificate-info p span, .ecertcartitem .ecertdesc .cartImage .ecertificate-info p a {
  line-height: 1.3;
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 10rem;
  white-space: normal;
  margin-left: 5px;
}
.ecertcartitem .ecertdesc .cartImage .ecertificate-info p a {
  color: #0000bc;
  text-decoration: underline;
  cursor: pointer;
}
.ecertcartitem .ecertdesc .cartImage .ecertificate-info p a:hover {
  color: #0000bc;
  text-decoration: underline;
}
.ecertcartitem .ecertdesc .cartDescription {
  min-width: 115px;
}
.ecertcartitem .eCertItem {
  width: 100%;
}
.ecertcartitem .eCertItem .artifi-design-edit {
  padding-left: 0px;
  padding-bottom: 5px;
}
.ecertcartitem .eCertItem .removeItem {
  position: inherit;
}

@media screen and (max-width: 1023px) {
  .ecertcartitem .ecertdesc .cartImage {
    flex-direction: column;
    width: auto !important;
  }
  .ecertcartitem .ecertdesc .cartImage .ecertdesciption {
    margin-left: auto;
  }
  .ecertcartitem .eCertItem {
    width: 95%;
  }
}
.div-shopping-cart .cartItem .cartImage button {
  justify-content: center;
  align-items: center;
  display: flex;
}
.div-shopping-cart .cartItem .cartImage button img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  .div-shopping-cart .cartItem .cartImage button {
    width: 250px;
    height: 250px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .div-shopping-cart .cartItem .cartImage button img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
#Checkout #new-user-link > div {
  display: inline-block;
  padding-right: 15px;
  margin-right: 5px;
}
#Checkout .twitter-typeahead {
  width: 100%;
}
#Checkout .grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Checkout .title {
  display: block;
  color: #000;
  font-size: 1.1rem;
  text-transform: capitalize;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #Checkout .title {
    padding-left: 0;
  }
}
#Checkout .checkoutLeft {
  width: 100%;
  background: #FFF;
  padding: 30px;
  margin: 20px 0px;
}
@supports (display: grid) {
  #Checkout .checkoutLeft {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 1024px) {
  #Checkout .checkoutLeft {
    width: 66%;
  }
}
#Checkout .checkoutLeft .page-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
  #Checkout .checkoutLeft .page-title {
    padding-left: 0;
  }
}
#Checkout .checkoutLeft .address-details {
  padding-bottom: 1em;
  width: 100%;
  float: left;
}
@media screen and (min-width: 640px) {
  #Checkout .checkoutLeft .address-details {
    width: 70%;
    padding-left: 8px;
  }
}
#Checkout .checkoutLeft .create-new-address {
  width: 100%;
  float: right;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (min-width: 640px) {
  #Checkout .checkoutLeft .create-new-address {
    width: 30%;
    text-align: right;
  }
}
#Checkout .checkoutLeft .address-block {
  min-height: 4em;
  margin-right: 0;
}
#Checkout .checkoutLeft .address-block .shipping-content, #Checkout .checkoutLeft .address-block .address-detail-wrapper {
  flex: 1;
}
@media screen and (max-width: 768px) {
  #Checkout .checkoutLeft .address-block {
    gap: 15px;
  }
  #Checkout .checkoutLeft .address-block .shipping-content, #Checkout .checkoutLeft .address-block .address-detail-wrapper {
    flex: auto;
  }
}
@media screen and (max-width: 640px) {
  #Checkout .checkoutLeft .address-block {
    padding-left: 0;
  }
}
#Checkout .checkoutLeft .address-block .address-change {
  position: relative;
  right: inherit;
  top: inherit;
  text-align: left;
  font-size: 0.95em;
}
@media screen and (max-width: 640px) {
  #Checkout .checkoutLeft {
    padding: 20px;
  }
}
#Checkout div#editcheckboxpaymentoptions .input-radioGroup .input-radioButton_appearance svg {
  top: -0.6px;
  position: relative;
}
#Checkout .checkoutRight {
  width: 100%;
}
@supports (display: grid) {
  #Checkout .checkoutRight {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 1024px) {
  #Checkout .checkoutRight {
    padding-left: 15px;
    width: 33%;
  }
}
#Checkout .checkoutRight .sp-product-details, #Checkout .checkoutRight .sp-order-summary {
  background: #FFF;
  padding: 20px;
  border: none;
  display: flex;
  flex-direction: column;
}
#Checkout .checkoutRight .sp-product-details .title, #Checkout .checkoutRight .sp-order-summary .title {
  background-color: transparent !important;
  padding: 0;
  margin-top: 0;
}
#Checkout .checkoutRight .cartTotal {
  padding: 0.5em;
  overflow: hidden;
}
#Checkout .checkoutRight .cartTotal .form-group {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.5em;
}
#Checkout .checkoutRight .orderTotal {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid;
  padding-top: 0.5em;
  font-weight: bold;
}
#Checkout .checkoutRight .sp-prodcuts {
  overflow-y: auto;
  min-height: 160px;
  max-height: 500px;
}
#Checkout .checkoutRight .cartProducts {
  padding: 0;
}
#Checkout .checkoutRight .cartProducts .cartImage {
  text-align: center;
  width: 18%;
  height: 30%;
}
#Checkout .checkoutRight .cartProducts .cartImage a {
  font-size: 13px;
}
#Checkout .checkoutRight .cartProducts .cartImage img.enabled {
  cursor: zoom-in;
}
#Checkout .checkoutRight .item {
  display: flex;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  padding: 0.5em 0;
}
#Checkout .checkoutRight .item .cartImage {
  width: 33%;
  min-width: 42px;
  max-width: 125px;
}
#Checkout .checkoutRight .item .cartImage img {
  width: 100%;
}
#Checkout .checkoutRight .item .cartDescription {
  width: 100%;
}
#Checkout .checkoutRight .item .cartDescription .spp-product-logo {
  padding: 0;
}
#Checkout .checkoutRight .item .cartDescription .spp-product-logo li {
  list-style-type: none;
  cursor: pointer;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  border: 2px solid rgba(153, 153, 153, 0.5);
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #f0f0f0;
  display: inline-block;
}
#Checkout .checkoutRight .item .cartDescription .spp-product-logo li img {
  max-width: 30px !important;
  max-height: 30px !important;
  vertical-align: middle;
  display: inline-block;
  padding: 2px;
  margin: auto;
}
#Checkout .checkoutRight .item .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
#Checkout .checkoutRight #data-capture-content label {
  display: inline-block;
  padding: 1em 0 0;
}
#Checkout .checkoutRight .sp-shopping-cart .title {
  background-color: transparent !important;
  padding: 0;
}
#Checkout .checkoutRight .sp-shopping-cart .sp-order-summary {
  border: none;
  background: #fff;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  #Checkout .checkoutRight .sp-shopping-cart .sp-order-summary {
    margin-top: 0;
  }
}
#Checkout .checkoutLeft .sp-edit-address button {
  margin-left: 0;
  width: 100%;
}
#Checkout .quantity-spinner {
  float: left;
  width: 100%;
}
#Checkout .quantity-spinner .spinner {
  float: left;
}
#Checkout .spp-payment-options .input-radio .input-radioGroup, #Checkout .spp-payment-options.input-radio {
  flex-direction: column;
  flex-wrap: wrap;
}
#Checkout .spp-payment-options .input-radio .input-radioGroup > label, #Checkout .spp-payment-options.input-radio > label {
  width: 100%;
  margin-bottom: 5px;
  flex-wrap: nowrap;
}
#Checkout #allPaymentOptionsDiv form.input-radioGroup.input-checkbox_container {
  display: flex;
  flex-direction: column;
}
#Checkout #allPaymentOptionsDiv .payment-method {
  margin: 0.25em 0 0.25em 2em;
}
#Checkout #allPaymentOptionsDiv .payment-method > label {
  position: relative;
  left: -2em;
  padding-left: 2em;
}
#Checkout #allPaymentOptionsDiv .payment-method > .input-radioButton_appearance {
  position: absolute;
  margin-left: -2em;
  margin-top: 0em;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable {
  width: calc(100% - 1.75em);
  margin-left: 1.75em;
  border-bottom: #CCC;
  padding: 0.25em;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable > label {
  position: relative;
  left: -2.25em;
  padding-left: 2.25em;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable > .input-radioButton_appearance {
  position: absolute;
  margin-left: -2em;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable .split-payment-option {
  opacity: 0.65;
  background: #F0F0F0;
  padding: 10px;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable .split-payment-option label {
  font-weight: 500;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable .split-payment-option .split-payment-with-dropdown {
  margin-left: 2em;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable input:checked ~ .split-payment-option {
  opacity: 1;
  background: #F0F0F0;
}
#Checkout #allPaymentOptionsDiv .payment-method.isSplittable select {
  width: auto;
  border-width: 2px;
  margin-top: -2px;
}
#Checkout #divEcertificatePaymentOption {
  padding: 0;
}

.formNames .form-item .input-checkbox_container label {
  min-height: 40px;
}
.formNames .form-item .input-checkbox_container label .input-checkbox-label, .formNames .form-item .input-checkbox_container label .lbl.padding-8 {
  margin-top: 3px;
}
@media screen and (min-width: 640px) {
  .formNames .form-item:nth-child(2) .input-checkbox_container label {
    justify-content: flex-end;
    display: flex;
  }
}

.single-page-checkout div#new-user-link .guest-log-in {
  margin-bottom: 20px;
}

._CustomCheckoutReciept .sp-checkout-receipt .receipt-info p {
  padding-left: 0 !important;
}

.checkout-buttons.quotebutton {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-buttons.quotebutton a.return-cart {
  font-size: 13px;
}
@media screen and (max-width: 640px) {
  .checkout-buttons.quotebutton a.return-cart {
    padding-left: 0;
  }
}

.single-page-checkout {
  width: 100%;
}
.single-page-checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup {
  padding: 0.5em 1em;
}
.single-page-checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup .input-radioButton_appearance {
  margin-left: 0;
  min-width: 1.125rem;
}
@media screen and (max-width: 640px) {
  .single-page-checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup {
    padding-left: 0;
  }
}
.single-page-checkout .checkoutLeft #shipping-options {
  padding-bottom: 2em;
}
.single-page-checkout .checkoutLeft #deliveryTimeframeDiv {
  font-style: italic;
}
.single-page-checkout .signle-page-payment h3.title {
  margin-left: 0;
  margin-top: 30px;
}
.single-page-checkout #expeditedShippingWarningDiv {
  width: 620px;
  max-width: 100%;
  margin: 0.5em 0;
  position: relative;
  box-shadow: 0px 0px 0px 2px #FFF;
  transition: box-shadow 0.33s;
  padding: 1em;
}
.single-page-checkout #expeditedShippingWarningDiv h4 {
  padding: 0 0.25em;
  position: absolute;
  top: -0.75em;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFF;
  background: #FDFDFD;
  transition: color 0.33s;
}
.single-page-checkout #expeditedShippingWarningDiv.error {
  box-shadow: 0px 0px 0px 2px red;
}
.single-page-checkout #expeditedShippingWarningDiv.error h4 {
  color: red;
}
.single-page-checkout #expeditedShippingWarningDiv.error .input-checkbox_container .input-checkbox_appearance {
  border-color: red;
  border-color: red;
}
.single-page-checkout .save-cart {
  margin-right: 5px;
}
.single-page-checkout .save-cart input[type=radio] {
  width: auto;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
}
.single-page-checkout .save-cart label {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.single-page-checkout .save-cart img {
  width: 30px;
  height: 16px;
}
.single-page-checkout #new-user-link > div {
  background: #f8f8f8;
  color: var(--secondaryBtnTextColor);
  border: var(--secondaryBtnBorder);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin: 15px 15px 0 0;
  padding: var(--btnPadding);
  border-radius: var(--btnBorderRadius);
  outline: 1px solid transparent;
  font-size: var(--btnFontSize);
  transition: var(--btnTransition);
  font-weight: var(--btnFontWeight);
}
.single-page-checkout #new-user-link > div:focus {
  box-shadow: 0 0 0 3px rgba(1, 1, 1, 0.15);
  outline: 1px solid transparent;
}
.single-page-checkout #new-user-link > div:disabled {
  pointer-events: none;
  opacity: 0.35;
}
.single-page-checkout #new-user-link > div:hover {
  background: #f8f8f8 !important;
  border-color: var(--secondaryBtnBorderHoverColor) !important;
  color: var(--secondaryBtnTextHoverColor) !important;
}
@media screen and (max-width: 640px) {
  .single-page-checkout #new-user-link > div {
    width: 100%;
    margin-right: 0;
  }
}

.display-on-checkout {
  display: none;
}

#breadCrumb {
  padding: 0;
  max-width: 100%;
}

body#Checkout div#layout-content {
  padding-bottom: 0;
}

#Checkout .sp-product-details {
  background: #FFF;
  padding: 20px;
}
#Checkout .sp-product-details .title {
  background-color: #999 !important;
  margin: 0;
}
#Checkout .sp-product-details .item-variant {
  padding: 15px 0px;
  margin-bottom: 0;
}
#Checkout .sp-product-details .item-variant .personalized_notecards {
  padding: 0;
}
#Checkout .sp-product-details .item-variant .cartImage {
  border: 1px solid rgba(153, 153, 153, 0.5);
  width: 25%;
  height: 100% !important;
}
#Checkout .sp-product-details .item-variant .cartImage img {
  height: 100%;
}
#Checkout .sp-product-details .item-variant .cartDescription {
  margin-left: 0px !important;
  text-align: left !important;
  font-size: 13px;
  width: 70% !important;
  padding: 0;
}
#Checkout .sp-product-details .item-variant .cartDescription h2 {
  margin-top: 0px;
}
#Checkout .sp-product-details .item-variant .cartDescription .display-on-checkout, #Checkout .sp-product-details .item-variant .cartDescription .total-item-price {
  display: inline-block;
  font-weight: 600;
  margin-right: 5px;
}
#Checkout .sp-product-details .item-variant .cartDescription .frmCartQuantity {
  display: inline-flex;
}
#Checkout .sp-product-details .item-variant .cartDescription .frmCartQuantity input {
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-align: left;
}
#Checkout .sp-product-details .item-variant .cartDescription .price-container .unit-price {
  min-width: 7.5rem;
}
#Checkout .sp-product-details .item-variant .cartDescription .price-container .price-label {
  min-width: 4.4rem;
}
#Checkout .sp-product-details .item-variant .cartDescription .cartImage {
  width: 25%;
}
#Checkout .sp-product-details .item-variant .personalized-attributes {
  width: 100%;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .view-customization {
  cursor: default;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .view-customization.collapsed {
  display: none;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .view-customization strong {
  font-weight: normal;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .personalized-attribute-note {
  margin-top: 10px;
  line-height: 1.25em;
  padding: 0;
  font-style: italic;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .personalized-attributes-list {
  font-weight: normal;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .artifi-design-edit {
  display: none;
}
#Checkout .sp-product-details .item-variant .brand-logo-selection {
  margin-top: 0;
  margin-left: 15px !important;
  text-align: left !important;
  font-size: 13px;
  width: calc(82% - 15px);
}
#Checkout span.shipping-rate {
  padding-left: 0.5em;
}
#Checkout .sp-order-summary {
  border: 1px solid rgba(153, 153, 153, 0.5);
  margin-bottom: 15px;
  padding: 20px;
}
#Checkout .sp-order-summary > .col-xs-12 {
  padding: 0;
}
#Checkout .sp-order-summary .title {
  background-color: #999 !important;
  margin-left: 0;
}
#Checkout .sp-order-summary .voucher-gift-card .voucher-heading {
  padding: 10px 0px;
}
#Checkout .sp-order-summary .voucher-gift-card .col-xs-12.py-3 {
  padding: 0;
}
#Checkout .sp-order-summary .voucher-gift-card .block-items-title {
  padding-bottom: 5px;
}
#Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
}
#Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard .shipping-estimator-input {
  display: flex;
  align-items: center;
}
#Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard .shipping-estimator-input .col-sm-7 {
  width: 100%;
  padding: 0;
  margin-right: 10px;
}
#Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard .shipping-estimator-input .col-sm-4 {
  width: 40%;
  padding: 0;
}
#Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard .shipping-estimator-input .col-sm-4 button.btn {
  margin: 0;
  color: #000;
  height: 40px;
  font-size: 1rem;
  line-height: 10px;
  width: 100%;
}
#Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard .shipping-estimator-input .col-sm-4 button.btn:hover, #Checkout .sp-order-summary .voucher-gift-card div#cart-apply-giftCard .shipping-estimator-input .col-sm-4 button.btn:focus {
  color: #FFF !important;
}
#Checkout .sp-order-summary .cartPromocode {
  margin: 20px 0px;
}
#Checkout .sp-order-summary .btnCompleteCheckout {
  margin-right: 5px;
}
#Checkout .sp-order-summary #editCheckboxApplyCoupon label {
  font-size: 15px;
  margin-bottom: 10px;
}
#Checkout .sp-order-summary div#cart-apply-promocode {
  display: flex;
  gap: 10px;
  margin: 10px 0;
}
#Checkout .sp-order-summary div#cart-apply-promocode .cartPromocode input {
  margin: 0;
  color: #000;
  height: 40px;
}
#Checkout .sp-order-summary div#cart-apply-promocode button {
  margin: 0;
  color: #000;
  height: 40px;
  font-size: 1rem;
  line-height: 10px;
  width: 40%;
}

.checkout-buttons button {
  color: #76b900;
}
.checkout-buttons button i {
  display: none;
}
@media screen and (max-width: 640px) {
  .checkout-buttons button {
    margin-right: 0;
  }
}

.sp-checkout-cart .cartProducts .item-variant ul li:first-child .itemTotal, .sp-checkout-cart .cartProducts .cartImage .artifi-design-edit {
  display: none;
}
.sp-checkout-cart .cartProducts .item-variant ul li.cartItem:first-child {
  margin-bottom: 0px !important;
}
.sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cart-item-title, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .unitPrice, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .itemDescription, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .group-product-list, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .removeItem, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .itemTotal, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .item-color, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .personalized-attributes, .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .brand-logo-selection {
  display: none;
}
.sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cartImage {
  visibility: hidden;
}
.sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cartDescription {
  float: right;
  margin-left: auto;
}
.sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cartItem {
  padding: 0em 0em 0.5em 0em;
}
.sp-checkout-cart .cartProducts .item-variant ul li:last-child .itemTotal {
  display: block;
}
.sp-checkout-cart .cartProducts .artifi-design-edit {
  display: block;
  pointer-events: none !important;
  cursor: pointer !important;
  color: #444;
}
.sp-checkout-cart .cartProducts .item-variant ul li:last-child .itemTotal {
  display: block;
}
.sp-checkout-cart .cartProducts .item-variant {
  display: flex;
  margin-bottom: 1em;
  padding-bottom: 1em;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-bottom: none;
}
.sp-checkout-cart .cartProducts .item-variant ul li {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.sp-checkout-cart .cartProducts .item-variant ul li .cartDescription {
  margin-left: auto;
  text-align: right;
}
.sp-checkout-cart .cartProducts .item-variant ul li .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
.sp-checkout-cart .cartProducts .item-variant ul li .quantity-spinner .spinner {
  float: none !important;
}
.sp-checkout-cart .cartProducts .item-variant ul li:last-child {
  margin-bottom: 0;
  margin-top: 0;
}
.sp-checkout-cart .cartProducts .item-variant .cartDescription {
  margin-left: auto;
  text-align: right;
}
.sp-checkout-cart .cartProducts .item-variant .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
.sp-checkout-cart .cartProducts .item-variant .quantity-spinner .spinner {
  float: none !important;
}
.sp-checkout-cart .cartProducts .item-variant .sp-cart-data {
  width: 100%;
}
.sp-checkout-cart .cartProducts .item-variant ul li .personalized-attributes {
  display: none;
}
.sp-checkout-cart .cartProducts .item-variant ul li:last-child .personalized-attributes {
  display: block;
}

.sp-accounts .checkout-reciept {
  border-bottom: 1px solid #363636;
  margin-left: 0px !important;
}

.sp-checkout-receipt .container {
  padding-top: 0;
}

.nav-tabs {
  padding-bottom: 0;
}

#creditCardPanel .styled-input input {
  float: left;
  width: auto;
  margin-right: 10px;
}

.preview-popup .modal-body {
  background: #fff;
  min-height: 550px;
  padding: 0;
}
.preview-popup button {
  margin: 0;
  background: #fff;
  padding: 5px;
  opacity: 1;
  border-radius: var(--btnBorderRadius);
}
.preview-popup button.close {
  opacity: 0.2;
}
.preview-popup button.close:hover {
  opacity: 0.5;
}

@media print {
  .sp-accounts, .receipt-print, .navigation, .cart, .back-to-top, .header .rightSide, #layout-footer {
    display: none !important;
  }
  .header {
    padding: 0.5em 0;
  }
  .sp-checkout-receipt .container {
    padding-top: 0 !important;
  }
  .sp-item-image {
    width: 25% !important;
  }
  .sp-item-image img {
    margin: 5px auto !important;
  }
  .sp-item-description {
    width: 75% !important;
  }
  .attribute-table {
    line-height: 1 !important;
  }
  .checkout-page-heading-1 {
    font-size: 1.5rem !important;
    line-height: 1 !important;
    padding-top: 0 !important;
  }
  .checkout-page-heading-2 {
    font-size: 1.1rem !important;
    line-height: 1 !important;
  }
  .checkout-page-heading-3 {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .attribute-row, .receipt-column-action {
    font-size: 13px !important;
    line-height: 1 !important;
  }
  .sp-thankyou-reciept-items {
    padding: 10px 0 0 0 !important;
  }
  .sp-thankyou-reciept-item {
    margin-bottom: 10px !important;
  }
  #Checkout .title {
    display: none !important;
  }
  #Checkout .checkoutLeft {
    margin-right: 1px !important;
  }
  #Checkout .checkoutRight {
    margin-right: 1px !important;
  }
  .order-receipt-address {
    margin: 0 !important;
  }
  .receipt-info {
    margin-bottom: 10px !important;
  }
  .receipt-info.grid-m-4 {
    width: 50% !important;
    float: left !important;
  }
}
.entered-display-address {
  padding-right: 5px !important;
}

.entered-display-address .address-details, .recommended-display-addess .address-details {
  min-height: 100px;
  padding-left: 8px;
}
.entered-display-address .address-details .address-error, .recommended-display-addess .address-details .address-error {
  color: #cc0000;
  font-weight: 600;
}

.spp-approver-comment {
  padding-top: 10px !important;
}
.spp-approver-comment .thead {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  padding-bottom: 5px;
}
.spp-approver-comment .spp-row {
  padding: 3px;
}

.add-template .address-block {
  margin-right: 0;
}
.add-template .address-block .address-change {
  display: none;
}
.add-template .quote-products table .cart-item-details {
  text-align: left;
}
.add-template .spp-heading {
  display: none;
}
.add-template .cart-summary .cart-total {
  display: flex;
  border-top: 2px solid rgba(153, 153, 153, 0.5);
}
.add-template .cart-summary .cart-total .sp-cart-total {
  width: 300px;
  margin-left: auto;
  padding-right: 10px;
}
.add-template .cart-summary .cart-total .sp-cart-total .form-group > div, .add-template .cart-summary .cart-total .sp-cart-total .orderTotal > div {
  width: 50%;
  float: left;
}

#div-InvoiceMe .input-checkbox_label {
  align-items: initial;
}
#div-InvoiceMe .input-checkbox_label .input-checkbox_appearance {
  margin-top: 5px;
}

.quote-products .cart-item-quantity input {
  width: 40%;
  text-align: center;
}

#user-approver-popup-content a, #user-approver-popup-content p {
  font-size: 100%;
  text-align: left;
}
#user-approver-popup-content table tr th {
  text-align: left;
}

.checkout-page-heading-color {
  color: #757575;
}
.checkout-page-heading-color .title, .checkout-page-heading-color .sp-num {
  color: #757575;
}

.checkout-page-heading-1 {
  font-size: 1.5rem;
  line-height: 1.3;
}
@media screen and (min-width: 640px) {
  .checkout-page-heading-1 {
    font-size: 2rem;
  }
}

.checkout-page-heading-2 {
  font-size: 1.1rem;
  line-height: 1.3;
}
@media screen and (min-width: 640px) {
  .checkout-page-heading-2 {
    font-size: 1.3rem;
  }
}

.checkout-page-heading-3 {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 5px;
}

.display-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

li.item-variant {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
li.item-variant:last-child {
  border-bottom: none;
}

.sp-checkout-receipt .receipt-print {
  margin-left: auto;
}
.sp-checkout-receipt .receipt-info {
  margin-bottom: 25px;
  padding-right: 10px;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutLeft {
  border: 1px solid #757575;
  margin-bottom: 25px;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border {
  border: 1px solid #757575;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .col-sm-offset-5.col-md-offset-6 {
  margin: 0;
  width: 100%;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .form-group {
  margin: 3px 0;
  font-weight: 500;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .form-group > div:nth-child(1) {
  text-align: left;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .form-group > div:nth-child(2) {
  text-align: right;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total {
  border-top: 1px solid #757575;
  margin-top: 10px;
  padding-top: 10px;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total h2 {
  font-size: 16px;
  line-height: 1.25;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total > div:nth-child(1) {
  text-align: left;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total > div:nth-child(2) {
  text-align: right;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total > div:nth-child(2) h2 {
  font-weight: 600;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  margin: 0 20px;
  padding: 20px 0 0 0;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items:last-child {
  border-bottom: none;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-thankyou-reciept-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-thankyou-reciept-item .personalized-attributes {
  display: none;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-thankyou-reciept-item:first-child .personalized-attributes {
  display: block;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-image {
  text-align: center;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-image img {
  margin: 15px auto;
  width: 100%;
  border: 1px solid #757575;
  max-width: 320px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-reciept-product-price, .sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-reciept-price, .sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .receipt-column-action {
  margin: 5px 0;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .checkout-page-sku {
  color: #757575;
  font-size: 14px;
  line-height: 1;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .checkout-page-heading-1 {
  line-height: 1;
  padding-top: 2rem;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table {
  width: 100%;
  padding-left: 15px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row {
  display: flex;
  font-size: 15px;
  margin-bottom: 7px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row .attribute-name .icon-exclamation-circle {
  font-size: 18px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row .attribute-name .italic-small {
  font-style: italic;
  font-size: 13px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row .attribute-value {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.show-for-cc {
  color: red;
  font-style: italic;
  font-weight: 600;
  font-size: 11px;
}

.order-attr-list {
  display: flex;
  flex-wrap: wrap;
}
.order-attr-list hr {
  width: 100%;
  position: relative;
  min-height: 1px;
  float: left;
  padding: 0;
  margin: 0;
}
.order-attr-list .item {
  width: 33.33%;
}
.order-attr-list .item p {
  font-size: 14px;
  margin-bottom: 0;
  height: 100%;
  padding-right: 10px;
}
.order-attr-list .item p .item-label {
  font-weight: bold;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .order-attr-list hr:not(:last-child) {
    display: none;
  }
  .order-attr-list .item {
    width: 100%;
  }
}
.gift-card-wrapper {
  width: 100%;
}
.gift-card-wrapper .gift-card {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
  width: 100%;
}
.gift-card-wrapper .gift-card .btn-gift-card {
  margin: 0;
  margin-left: 20px;
}
.gift-card-wrapper .gift-card input {
  width: auto;
}
.gift-card-wrapper .gift-card .gift-label {
  margin-left: 15px;
}

@media screen and (max-width: 480px) {
  .gift-card .gift-label {
    flex: 1;
  }
  .gift-card .gift-input-grp {
    flex: 1;
  }
  .gift-card .gift-input-grp .input-group-btn {
    display: flex;
    flex-wrap: wrap;
  }
  .gift-card .gift-input-grp .input-group-btn .form-input {
    margin: 10px 0;
  }
  .gift-card .gift-input-grp .input-group-btn .btn-gift-card {
    margin-left: 0;
  }
}
.file-upload {
  background-color: #F2F2F2;
  display: flex;
  justify-content: center;
}
.file-upload .text1 {
  font-weight: bold;
}
.file-upload .text2 {
  font-style: italic;
  font-size: 12px;
}
.file-upload input {
  background-color: #FFF;
  padding: 15px;
  cursor: pointer;
  text-align: center;
  border: 1px dotted #000;
}
.file-upload div.fileinputs {
  position: relative;
}
.file-upload div.fakefile {
  width: 100%;
}
.file-upload div.fakefile .drag-drop {
  background-color: #FFF;
  padding: 15px;
  cursor: pointer;
  text-align: center;
  border: 1px dotted #000;
  margin-top: 4px;
}
.file-upload div.fakefile .drag-drop p {
  word-break: break-all;
}
.file-upload div.fakefile .drag-drop .glyphicon-cloud-upload {
  display: block;
}
.file-upload div.fakefile .drag-drop .zf-close-circle {
  position: relative;
  z-index: 5;
}
.file-upload input.file {
  position: absolute;
  text-align: right;
  opacity: 0;
  z-index: 2;
}
.file-upload .errorapproval {
  float: right;
}

.tax-error-div {
  margin-top: 10px;
  color: #D14848;
}
.tax-error-div span {
  color: #ff0000;
  float: right;
}

.credit-cart-form {
  margin-top: 10px;
}
.credit-cart-form input, .credit-cart-form label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  background: #fff;
  color: #4d4d4d;
  font-weight: normal;
}

.credit-card-div {
  display: flex;
}

.credit-card-button {
  display: flex;
}
.credit-card-button input {
  cursor: pointer !important;
}
.credit-card-button span {
  margin-right: 10px;
}
.credit-card-button label {
  margin-left: 10px;
}

.input-icons i {
  position: absolute;
}

.input-icons {
  width: 100%;
  margin-bottom: 10px;
}
.input-icons input {
  padding-left: 50px;
}

.icon {
  padding: 10px;
  min-width: 40px;
  font-size: 30px;
}

.drag-drop .zf-cloud-upload {
  display: block;
  font-size: 30px;
}

.file-uploader-div {
  background-color: #F2F2F2;
  margin: 10px 20px;
  padding: 20px;
}

.creditCardPayment {
  background-color: #F0F0F0 !important;
}

.credit-card-icon {
  width: 33px;
  height: 21px;
  background-position: 0 -118px;
  margin-top: 2px;
  background-repeat: no-repeat;
  position: absolute;
  top: 33px;
  left: 20px;
}

.checkout_modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}
.checkout_modal .checkout_popup {
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
.checkout_modal .checkout_popup .modal-header {
  color: rgb(204, 0, 0);
  border-bottom: none;
}
.checkout_modal .checkout_popup .modal-body {
  padding: 25px;
}
.checkout_modal .checkout_popup .modal-body p {
  font-size: 14px;
}
.checkout_modal .checkout_popup .modal-footer {
  text-align: center;
}
.checkout_modal .checkout_popup .modal-footer a {
  color: rgb(204, 0, 0);
}

.resend_btn {
  float: right !important;
  margin-left: 300px !important;
}

.modal_center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}

.single-page-checkout .edit-checkbox {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.disable_section {
  pointer-events: none;
  cursor: default;
  opacity: 0.2;
}

.dimmedbutton {
  opacity: 0.4;
}

.order-processing-screen {
  margin-top: 8em;
  font-weight: 600;
  text-align: center;
}
@keyframes spinner-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.order-processing-screen .spinner-loader:not(:required) {
  -webkit-animation: spinner-loader 1650ms infinite linear;
  animation: spinner-loader 1650ms infinite linear;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 0.75em;
  height: 0.75em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}

#divSinglePageCheckout {
  background-color: #f8f8f8;
  max-width: 100% !important;
  padding: 0 1em 2em;
}

.sp-order-summary, .sp-product-details, .checkoutLeft {
  border-radius: var(--containerRadius);
}

.billing-wrapper-radiobtn .input-radioGroup {
  flex-direction: row !important;
}
.billing-wrapper-radiobtn .input-radioGroup [data-test-selector=lblNewAddress] {
  margin-right: 1rem;
}
.billing-wrapper-radiobtn .input-radioGroup .input-radio_label {
  margin-right: 1rem;
}
.billing-wrapper-radiobtn .input-radioGroup .ship-to-btn {
  margin-right: 0;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper {
  margin-top: 22px;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: #000;
  color: #FFF;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 250%;
  left: -70%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  line-height: normal;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .tooltip-text::before {
  content: "";
  position: absolute;
  right: 90%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
  content: "";
  position: absolute;
  top: -18%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #000 transparent;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

#Checkout .sp-product-details .item-variant .cartImage img {
  height: 100%;
  object-fit: contain;
  padding: 2px;
}

.shipping-address-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.shipping-address-wrapper .shipping-content {
  align-items: end;
  display: flex;
  flex-direction: column;
}
.shipping-address-wrapper .shipping-content .create-new-address {
  width: 100% !important;
}
.shipping-address-wrapper .shipping-content .create-new-address .icon-info-circle {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-left: 3px;
}
.shipping-address-wrapper .shipping-content .create-new-address .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: #000;
  color: #FFF;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 250%;
  right: -100%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  line-height: normal;
}
.shipping-address-wrapper .shipping-content .create-new-address .tooltip-text::before {
  content: "";
  position: absolute;
  top: -35%;
  right: 8%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #000 transparent;
}
.shipping-address-wrapper .shipping-content .create-new-address .icon-info-circle:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 640px) {
  .shipping-address-wrapper {
    flex-direction: column;
  }
}

#Checkout .checkoutLeft .address-block .shipping-content {
  flex: 1;
}

#Checkout .checkoutLeft .address-block .address-detail-wrapper {
  flex: 1;
}
@media screen and (max-width: 640px) {
  #Checkout .checkoutLeft .address-block .address-detail-wrapper .address-firstlastname {
    padding-left: 0;
  }
}

.checkoutLeft .checkout-email-address {
  display: inline !important;
}
.checkoutLeft .checkout-email-address strong {
  color: black;
}

@media only screen and (max-width: 991px) {
  #Checkout .sp-product-details .item-variant .personalized_notecards {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
  }
  #Checkout .sp-product-details .item-variant .cartImage {
    flex: 0 0 30%;
  }
  #Checkout .sp-product-details .item-variant .cartImage .personalized_img {
    position: inherit;
  }
  #Checkout .sp-product-details .item-variant .cartDescriptionWrapper {
    flex: 0 0 63%;
  }
  #Checkout .sp-product-details .item-variant .cartDescriptionWrapper #Checkout .cartDescription {
    width: 100% !important;
    margin: 0px !important;
  }
}
#Checkout .cartProducts .personalized-attribute-note {
  display: none;
}

#Checkout .cartProducts .item-variant:last-child .personalized-attributes .personalized-attribute-note {
  display: block;
}

.CannotExportRestrictedPopUp .modal-body {
  text-align: center;
  padding: 15px !important;
}
.CannotExportRestrictedPopUp .modal-body #RestrictedlongMessage {
  padding: 0rem 2rem;
}
.CannotExportRestrictedPopUp .view-customization-edit, .CannotExportRestrictedPopUp .personalized-attributes, .CannotExportRestrictedPopUp .removeItem {
  display: none;
}
.CannotExportRestrictedPopUp .itemTotal {
  padding-bottom: 20px;
}
.CannotExportRestrictedPopUp .cart-item-title {
  font-weight: 600 !important;
}
.CannotExportRestrictedPopUp .modal-content {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList {
  width: 100%;
  padding: 15px !important;
  max-height: 250px;
  overflow-x: auto;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescription {
  width: 85% !important;
  float: unset !important;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescription .item-size, .CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescription .itemQuantity, .CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescription .item-color {
  display: flex !important;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescription .itemQuantity {
  align-items: center;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescription .itemQuantity .error-msg {
  display: none;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList .cartDescriptionWrapper {
  width: 100%;
}
.CannotExportRestrictedPopUp .modal-content #CannotExportProductList ._CartRow {
  display: flex;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant {
  width: 100%;
  margin-bottom: 1em;
  position: relative;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant > ul.cartProducts {
  padding: 0;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant ul li:nth-child(n+2) .cart-item-title, .CannotExportRestrictedPopUp .modal-content li.item-variant ul li:nth-child(n+2) .cartImage img {
  display: none;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .cartImage button {
  width: 190px;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .cartImage button .personalized_img {
  width: 70%;
  margin-right: 1em;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant ul li:nth-child(n+2) {
  margin-top: 1em;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .display-on-checkout {
  display: block;
  padding-right: 20px;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .price-container .unit-price .item-cart-total span {
  margin-right: 7px;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .price-container .total-item-price {
  font-weight: 600 !important;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .price-container .total-item-price .price-label {
  margin-right: 7px;
}
.CannotExportRestrictedPopUp .modal-content .price-container {
  display: flex;
  justify-content: space-between;
}
.CannotExportRestrictedPopUp .modal-content .price-container .item-cart-total {
  display: flex;
}
.CannotExportRestrictedPopUp .modal-content .modal-header {
  border-bottom: none !important;
  padding: 10px !important;
}
.CannotExportRestrictedPopUp .modal-content h4 {
  text-align: center;
  font-size: 20px;
  color: var(--black);
}
.CannotExportRestrictedPopUp .modal-footer {
  border-top: none !important;
}
.CannotExportRestrictedPopUp .personalized_img {
  border: 1px solid #b1b1b1;
}
.CannotExportRestrictedPopUp li.item-variant li.cartItem:last-child .itemTotal {
  display: block;
  padding-bottom: 20px;
  width: 100%;
}
.CannotExportRestrictedPopUp li.cartItem .itemTotal {
  display: none;
}
.CannotExportRestrictedPopUp .export-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.CannotExportRestrictedPopUp .export-buttons .btn-primary, .CannotExportRestrictedPopUp .export-buttons .btn-secondary {
  margin: 15px 0;
}

@media (min-width: 991px) {
  #custom-CannotExportProduct-restriction-modal .modal-dialog {
    width: 50%;
    max-width: 1024px;
  }
}
@media (max-width: 630px) {
  .price-container {
    display: flex;
    flex-direction: column;
  }
}
#ConsolidatedShipping .input-checkbox_container input:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}
#ConsolidatedShipping #ConsolidatedShippingLabel {
  font-size: var(--bodyTextMed);
  padding-left: 6px !important;
  padding-top: 2px;
}
#ConsolidatedShipping .info-icon-wrapper .icon-info-circle {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 5px 10px;
}
#ConsolidatedShipping .info-icon-wrapper .tooltip-text {
  margin-left: 3px;
  visibility: hidden;
  max-width: 500px;
  background-color: #000;
  color: #FFF;
  text-align: left;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 120%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
  line-height: normal;
}
#ConsolidatedShipping .info-icon-wrapper .tooltip-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-9%, -54%) translateX(-94%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent #000 transparent transparent;
}
#ConsolidatedShipping .info-icon-wrapper .icon-info-circle:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  #Checkout .sp-product-details .item-variant .cartDescription {
    width: 100% !important;
    padding-left: 0px !important;
  }
}
@media (min-width: 991px) {
  #Checkout .sp-product-details .cartDescription .price-value {
    word-break: break-word;
    white-space: normal;
  }
}
.checkoutLeft {
  position: relative;
}
.checkoutLeft .ecertificatemargintop {
  margin-top: 5rem;
}

#Checkout .cartProducts .item-variant .cartImage button {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-left: -0.9rem;
  position: relative;
}
#Checkout .cartProducts .item-variant .cartImage button img {
  position: absolute;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  padding: 8px !important;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  #Checkout .cartProducts .item-variant .cartImage button {
    width: 110px;
    height: 135px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  #Checkout .cartProducts .item-variant .cartImage button img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
.budget-api-error-message {
  color: #F00;
}

#Checkout ._CustomSinglePage:not(.multipage-checkout-details) .input-radio .input-radioGroup .input-radioButton:checked ~ .input-radio_label {
  border: none !important;
}
#Checkout ._CustomSinglePage:not(.multipage-checkout-details) .input-radio .input-radioGroup .input-radioButton:focus ~ .input-radio_label {
  outline: none !important;
}

.sp-approval-list {
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(153, 153, 153, 0.5);
}

.orderHistory .section-header {
  background-color: #76b900;
  color: #FFF;
  padding-left: 20px;
}
.orderHistory .ecert-list {
  border: 1px solid #c3c3c3;
  border-top: none;
}
.orderHistory .ecert-balance {
  padding-top: 20px;
}
.orderHistory .ecert-balance span {
  color: #76b900;
}
.orderHistory .ecert-balance .text-info {
  color: #76b900;
  font-weight: bold;
}
.orderHistory .ecert-balance .text-danger span {
  color: red !important;
}
.orderHistory .ecert-label {
  padding-top: 15px;
}
.orderHistory .ecert-label label {
  line-height: 38px;
  color: #76b900;
}

.ecert-grid {
  padding: 20px;
}
.ecert-grid table, .ecert-grid h4, .ecert-grid span {
  color: #76b900;
}
.ecert-grid .text-info {
  font-weight: bold;
}
.ecert-grid .pagination-top {
  display: none;
}

.portal-customer-contact {
  font-weight: bold;
}

.giftcardmodal .modal-content {
  margin: 0 auto;
  padding: 2rem 1.3rem;
}
.giftcardmodal .modal-content .modal-header {
  border-bottom: none;
  padding: 0;
}
.giftcardmodal .modal-content .modal-header p {
  font-size: 1.5em;
  color: #656565;
}
.giftcardmodal .modal-content .modal-header .sub-title {
  display: flex;
  align-items: center;
  margin: 1rem 0;
  justify-content: space-between;
}
.giftcardmodal .modal-content .modal-header .sub-title p {
  font-size: 1rem;
}
.giftcardmodal .modal-content .modal-body {
  padding: 0;
}
.giftcardmodal .modal-content .modal-footer {
  border-top: none;
  padding: 15px 0px 0px;
}
.giftcardmodal .modal-content .modal-footer .btn-primary, .giftcardmodal .modal-content .modal-footer .btn-secondary {
  margin: 0;
  padding: 0.5rem 4rem;
}
.giftcardmodal .modal-content .modal-footer .btn-primary {
  font-weight: 100;
}

@media screen and (max-width: 768px) {
  .giftcardmodal .modal-content {
    width: 100%;
  }
  .giftcardmodal .modal-content .modal-body .form-item input {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .giftcardmodal .giftcard-modal-dialog {
    width: 80%;
    max-width: 600px !important;
  }
}
.ecertificate-items {
  display: flex;
  justify-content: flex-end;
  word-break: break-word;
}
.ecertificate-items p span {
  display: inline-flex;
  flex-wrap: wrap;
  white-space: normal;
  max-width: 10rem;
}
.ecertificate-items p a {
  color: #0000bc;
  text-decoration: underline;
  cursor: pointer;
  display: inline-flex;
  flex-wrap: wrap;
  white-space: normal;
  max-width: 10rem;
}

.brand-container {
  padding: 15px;
}
.brand-container .brand-details {
  width: 100%;
  margin: auto;
  padding-bottom: 20px;
  max-width: 450px;
}
.brand-container .select-brand {
  font-size: 0.8em;
}
.brand-container .brand-search {
  position: relative;
  width: 100%;
  margin: auto;
  max-width: 558px;
}
.brand-container .brand-search i {
  position: absolute;
  right: 20px;
  top: 17px;
  color: #444;
}
.brand-container .brand-search .search {
  border: 1px solid #999;
  padding-right: 55px;
}
.brand-container .brand-List-view {
  padding: 20px 0;
}
@media screen and (min-width: 640px) {
  .brand-container .brand-List-view {
    padding: 20px 50px;
  }
}
.brand-container .brand-List-view .brand-items {
  margin: 2% 0;
  background-color: #c3c3c3;
  border: 2px solid #999;
}
.brand-container .brand-List-view .brand-items.selected {
  border: 8px solid #999;
}
.brand-container .brand-List-view .brand-items a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
  .brand-container .brand-List-view .brand-items a {
    flex-wrap: nowrap;
    height: 120px;
  }
}
.brand-container .brand-List-view .brand-items a img {
  padding: 10px 20px;
  width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 640px) {
  .brand-container .brand-List-view .brand-items a img {
    padding: 10px 40px;
    width: 180px;
  }
}
.brand-container .brand-List-view .brand-items a label {
  width: 100%;
  margin-right: 1em;
  margin-left: 1em;
}
@media screen and (min-width: 640px) {
  .brand-container .brand-List-view .brand-items a label {
    flex: 1;
    width: auto;
  }
}
.brand-container .brand-List-view .brand-items a button {
  margin-right: 1em;
  margin-left: 1em;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .brand-container .brand-List-view .brand-items a button {
    width: auto;
  }
}
.brand-container .brand-Grid-view {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .brand-container .brand-Grid-view {
    padding: 20px 50px;
  }
}
.brand-container .brand-Grid-view .brand-items {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
  .brand-container .brand-Grid-view .brand-items {
    width: 33.333%;
  }
}
.brand-container .brand-Grid-view .brand-items.selected a {
  border: 8px solid #999;
}
.brand-container .brand-Grid-view .brand-items a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 100%;
  border: 2px solid #999;
  padding: 10px 15px;
  margin: 10px;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .brand-container .brand-Grid-view .brand-items a {
    margin: 10px 10px;
  }
}
.brand-container .brand-Grid-view .brand-items a img {
  max-height: 60px;
}
@media screen and (min-width: 1024px) {
  .brand-container .brand-Grid-view .brand-items a img {
    max-width: 200px;
  }
}
.brand-container .brand-Grid-view .brand-items a label {
  width: 100%;
  justify-content: center;
  align-self: flex-end;
}
.brand-container .brand-Grid-view .brand-items a button {
  display: none;
}

.brand-popup {
  text-align: center;
}
.brand-popup div.modal-body.brandPopupBody {
  max-height: 85vh;
  overflow-y: auto;
}
.brand-popup .brand-popup-main {
  padding: 15px;
}
@media screen and (min-width: 640px) {
  .brand-popup .brand-popup-main {
    padding: 15px 50px;
  }
}
.brand-popup .brand-popup-main .brand-details {
  width: 100%;
  margin: auto;
  padding-bottom: 20px;
  max-width: 450px;
}
.brand-popup .brand-popup-main .select-brand {
  font-size: 0.8em;
}
.brand-popup .brand-popup-main .brand-search {
  position: relative;
  width: 100%;
  margin: auto;
  max-width: 558px;
}
.brand-popup .brand-popup-main .brand-search i {
  position: absolute;
  right: 20px;
  top: 17px;
  color: #444;
}
.brand-popup .brand-popup-main .brand-search .search {
  border: 1px solid #999;
  padding-right: 55px;
}
.brand-popup .brand-popup-main .sp-brand-options {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 640px) {
  .brand-popup .brand-popup-main .sp-brand-options {
    padding: 10px;
  }
}
.brand-popup .brand-popup-main .sp-brand-options.brand-List-view .brand-items {
  width: 100%;
  min-height: 50px;
}
.brand-popup .brand-popup-main .sp-brand-options .brand-items {
  border: 2px solid #999;
  min-height: 70px;
  font-weight: 600;
  width: 100%;
  margin: 1% 0;
}
.brand-popup .brand-popup-main .sp-brand-options .brand-items.selected {
  border: 8px solid #999;
}
@media screen and (min-width: 640px) {
  .brand-popup .brand-popup-main .sp-brand-options .brand-items {
    width: 44%;
    margin: 10px 2%;
  }
}
.brand-popup .brand-popup-main .sp-brand-options .brand-items a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 10px 15px;
  text-align: center;
  align-items: flex-end;
}
.brand-popup .brand-popup-main .sp-brand-options .brand-items a img {
  max-width: 155px;
  margin-bottom: 15px;
  max-height: 60px;
}
@media screen and (min-width: 1024px) {
  .brand-popup .brand-popup-main .sp-brand-options .brand-items a img {
    max-width: 200px;
  }
}
.brand-popup .brand-popup-main .sp-brand-options .brand-items a button {
  display: none;
}
.brand-popup .brand-popup-main .sp-brand-options .brand-items a label {
  font-size: 16px;
  width: 100%;
  justify-content: center;
}

.shopper-registration .border-bottom {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
@media screen and (min-width: 768px) {
  .shopper-registration .form-group-container {
    display: flex;
    flex-wrap: wrap;
  }
}
.shopper-registration .form-group-container .nopadding.padding-bottom {
  order: -2;
}
.shopper-registration .form-group-container .form-group {
  padding-right: 10px !important;
}
.shopper-registration .form-group-container .form-group .control-label {
  display: none;
}
.shopper-registration .form-group-container .form-group input, .shopper-registration .form-group-container .form-group textarea, .shopper-registration .form-group-container .form-group select {
  font-size: 1rem;
  width: 100%;
  background-color: #FFF;
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 2px solid #909090;
}
.shopper-registration .form-group-container .form-group.fb_Title {
  order: -1;
  margin-right: 10px !important;
}
.shopper-registration .form-group-container .form-group.fb_Title2 {
  margin-right: 10px !important;
}
.shopper-registration .form-group-container .form-group.fb_FirstName, .shopper-registration .form-group-container .form-group.fb_LastName, .shopper-registration .form-group-container .form-group.fb_Title, .shopper-registration .form-group-container .form-group.fb_DepartmentCostCenter, .shopper-registration .form-group-container .form-group.fb_ProjectId, .shopper-registration .form-group-container .form-group.fb_Title2, .shopper-registration .form-group-container .form-group.fb_FirstName2, .shopper-registration .form-group-container .form-group.fb_LastName2, .shopper-registration .form-group-container .form-group.fb_EventDate {
  width: 50%;
}
.shopper-registration .form-group-container .form-group.fb_City, .shopper-registration .form-group-container .form-group.fb_State, .shopper-registration .form-group-container .form-group.fb_ZipCode, .shopper-registration .form-group-container .form-group.fb_Ext, .shopper-registration .form-group-container .form-group.fb_Building, .shopper-registration .form-group-container .form-group.fb_Floor, .shopper-registration .form-group-container .form-group.fb_RoomNumber, .shopper-registration .form-group-container .form-group.fb_Ext2 {
  width: 33.33%;
}
.shopper-registration .form-group-container .form-group.fb_PhoneNumber, .shopper-registration .form-group-container .form-group.fb_PhoneNumber2 {
  width: 66.66%;
}
.shopper-registration .form-group-container .form-group.fb_GLBusinessUnits:after {
  content: "Seperate multiple entries with comma(ex: 1234, 5678, 9012)";
}
.shopper-registration .form-group-container .form-group.fb_GLBusinessUnits textarea {
  resize: none;
  height: 50px;
}
.shopper-registration .form-group-container .form-group.fb_FinancialLabel {
  margin-bottom: 0;
}
.shopper-registration .form-group-container .form-group.fb_FinancialLabel .control-label {
  display: block;
}
.shopper-registration .form-group-container .form-group.fb_FinancialLabelNote {
  margin-bottom: 0;
}
.shopper-registration .form-group-container .form-group.fb_FinancialLabelNote label {
  font-weight: normal;
}
.shopper-registration .form-group-container .form-group.fb_FinancialLabelNote .control-label {
  display: block;
}
.shopper-registration .fb_RequestedDeliveryDate .datepicker-control, .shopper-registration .fb_EventDate .datepicker-control {
  position: relative;
}
.shopper-registration .fb_RequestedDeliveryDate .zf-calendar, .shopper-registration .fb_EventDate .zf-calendar {
  position: absolute;
  right: 15px;
  top: 17px;
  cursor: pointer;
}
.shopper-registration .fb_NeedbyDate .col-sm-12, .shopper-registration .fb_EventDate .col-sm-12 {
  display: flex;
}
.shopper-registration .fb_NeedbyDate .col-sm-12 .control-label, .shopper-registration .fb_EventDate .col-sm-12 .control-label {
  width: 55%;
  display: flex;
  justify-content: flex-end;
  margin-right: 5px;
  padding-top: 15px;
}
.shopper-registration .fb_EventDate .datepicker-control {
  width: 45%;
}
.shopper-registration .fb_NeededForEstimating label {
  font-weight: normal;
}

.form-subtext h3 {
  font-weight: bold;
}
.form-subtext a {
  color: #3c27ff !important;
  font-weight: bold;
  text-decoration: underline !important;
}

.landing-form h1 {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 20px 0;
}
.landing-form img {
  width: 100%;
}
.landing-form .content-text {
  background: #f8f8f8;
}

.template-search-video .template-title .item video {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.landing-form-template .Boxed {
  width: auto !important;
}

.landing-promotion-page .section-template {
  background: #f8f8f8;
}
.landing-promotion-page .image-block-view .item img {
  width: 100% !important;
}

.register-container {
  width: calc(100% - 2em);
  max-width: 80em;
  margin: 2em auto 4em auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.register-container form {
  max-width: 55%;
  display: flex;
  flex-direction: column;
}
.register-container form .button-section {
  display: flex;
  justify-content: flex-end;
}

#frmForgotPassword .field-validation-error span {
  font-style: italic;
  font-size: 12px;
  color: red;
}

.blog-news {
  padding: 0;
  list-style: none;
}
.blog-news li:last-child article {
  border-bottom: 0 !important;
}

.comments-display-section {
  border-bottom: 1px solid #454545;
  margin-bottom: 15px;
}
.comments-display-section .comment-list:last-child {
  border-bottom: 0 !important;
}

.blog-news-date-time {
  padding: 0;
  color: #01579B;
  font-family: Roboto-Medium, Arial, sans-serif;
}
.blog-news-date-time .blog-news-image {
  max-height: 500px;
}
.blog-news-date-time .blogs-news-list .blog-news .blog-image .main-blog-image {
  width: 100%;
  height: auto;
}
.blog-news-date-time .blogs-news-list .blog-news-title h6 {
  font-size: 18px;
  text-transform: uppercase;
}
.blog-news-date-time .blogs-news-list .blog-news-title h6 a {
  color: #454545;
}
.blog-news-date-time .blogs-news-list .blog-news-date-time {
  color: #808080;
  font-size: 16px;
}
.blog-news-date-time .blog-details {
  position: relative;
  overflow-x: hidden;
  margin-top: 30px;
}
.blog-news-date-time .blog-details .blog-image-bg {
  position: relative;
  height: 65vh;
  width: 95%;
  margin: 0 auto;
  vertical-align: top;
  background-size: cover;
  background-position: center center;
  transform-origin: center top;
}
.blog-news-date-time .blog-details .blog-image-bg img {
  width: 100%;
  display: block;
}
.blog-news-date-time .blog-details .blog-content-container {
  min-height: 50%;
  width: 60%;
  background: #fff;
  padding: 1rem 2rem;
  margin: -30rem auto 15px auto;
  border-radius: 3px;
  transform: translateZ(0);
}
.blog-news-date-time .blog-details .blog-content-container .blog-news-title .page-title {
  padding: 20px 0 0 0;
  font-size: 28px;
}
.blog-news-date-time .blog-details .blog-content-container .blog-news-date-time {
  font-size: 16px;
}
.blog-news-date-time .blog-details .blog-content-container .blog-news-date-time, .blog-news-date-time .blog-details .blog-content-container .blog-news-text {
  color: #919191;
}
.blog-news-date-time .blog-details .blog-content-container .blog-news-date-time .blog-middle-image, .blog-news-date-time .blog-details .blog-content-container .blog-news-text .blog-middle-image {
  width: 100%;
  height: 100%;
}
.blog-news-date-time .blog-details .blog-content-container .blog-news-date-time img, .blog-news-date-time .blog-details .blog-content-container .blog-news-text img {
  padding: 15px 0;
  width: 100%;
}
.blog-news-date-time .blog-details .blog-content-container .comments-display-section .comment-heading {
  font-size: 22px;
}
.blog-news-date-time .blog-details .blog-content-container .comments-display-section .comment-list .blog-comment {
  color: #8a8a8a !important;
}
.blog-news-date-time .blog-details .blog-content-container .comments-display-section .comment-list .blog-comment .comment-text {
  font-size: 16px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
  .blog-news-date-time .blog-details .blog-image-bg {
    position: relative;
    height: 20vh;
    width: 100%;
  }
  .blog-news-date-time .blog-details .blog-content-container {
    min-height: 50%;
    width: 90%;
    margin: -8rem auto 15px auto;
  }
}

#layout-account-logos {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 2em;
}
#layout-account-logos .your-logos-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  list-style: none;
  text-align: center;
}
#layout-account-logos .your-logos-list li {
  padding: 1em;
}
#layout-account-logos .your-logos-list li:hover img, #layout-account-logos .your-logos-list li:focus img {
  outline: 1px dashed #999;
}
#layout-account-logos .your-logos-list li .logo-details {
  margin-top: 1rem;
}
#layout-account-logos .your-logos-list li .logo-details .logo-name {
  margin-bottom: 0;
  font-weight: bold;
}
#layout-account-logos .your-logos-list li .logo-details .logo-name .pair-label {
  color: #999;
}
#layout-account-logos .logo-img img {
  margin: auto;
}

.gift-log h1, #CreateOutsideGiftReceivedView, #CreateOutsideGiftGivenView {
  width: 100%;
}

#CreateOutsideGiftReceivedView .anti-bribery label, #CreateOutsideGiftGivenView .anti-bribery label, #CustomOutsideGiftLog .anti-bribery label {
  margin-right: 30px;
}
#CreateOutsideGiftReceivedView #OtherGiftRecipientType, #CreateOutsideGiftGivenView #OtherGiftRecipientType, #CustomOutsideGiftLog #OtherGiftRecipientType {
  margin-top: 10px;
}
#CreateOutsideGiftReceivedView .gift-label, #CreateOutsideGiftGivenView .gift-label, #CustomOutsideGiftLog .gift-label {
  flex-direction: column;
}
#CreateOutsideGiftReceivedView .gift-label .zf-check, #CreateOutsideGiftGivenView .gift-label .zf-check, #CustomOutsideGiftLog .gift-label .zf-check {
  font-size: 30px;
}
#CreateOutsideGiftReceivedView .zf-calendar, #CreateOutsideGiftGivenView .zf-calendar, #CustomOutsideGiftLog .zf-calendar {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  pointer-events: none;
}
#CreateOutsideGiftReceivedView .calendar, #CreateOutsideGiftGivenView .calendar, #CustomOutsideGiftLog .calendar {
  position: absolute;
  right: 1rem;
  top: 38px;
  cursor: pointer;
  pointer-events: none;
}
#CreateOutsideGiftReceivedView .iconcalendar, #CreateOutsideGiftGivenView .iconcalendar, #CustomOutsideGiftLog .iconcalendar {
  position: absolute;
  right: 1rem;
  top: 17px;
  cursor: pointer;
  pointer-events: none;
}
#CreateOutsideGiftReceivedView .GiftRecipientType, #CreateOutsideGiftGivenView .GiftRecipientType, #CustomOutsideGiftLog .GiftRecipientType {
  font-size: 1rem;
  width: 100%;
  background: #fafafa;
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid rgba(59, 59, 59, 0.675);
}
#CreateOutsideGiftReceivedView .zf-arrow-down-small, #CreateOutsideGiftGivenView .zf-arrow-down-small, #CustomOutsideGiftLog .zf-arrow-down-small {
  position: absolute;
  right: 15px;
  top: 35px;
  font-size: 20px;
}

.price-dollar input {
  padding-left: 20px !important;
}
.price-dollar .zf-dollar {
  position: absolute;
  top: 15px;
  left: 8px;
}
.price-dollar .doller {
  position: absolute;
  top: 39px;
  left: 8px;
}
.price-dollar .icondollar {
  position: absolute;
  top: 16px;
  left: 8px;
}

.gift-log .control-md .gift-text {
  margin: 10px 0;
}
.gift-log .control-md label {
  padding-right: 15px;
}
.gift-log .gift-type-toggle {
  width: 100%;
  margin-bottom: 0.75em;
}

.outgiftLabel {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.approvalGiftStatus {
  display: inline;
}

._QuoteView .giftlogid {
  align-items: center;
}
._QuoteView .giftlogid p {
  padding-left: 7px;
}
._QuoteView .giftlogid h3 {
  margin-bottom: 0;
}

.bnr-spotlight {
  height: 900px;
  background-image: url(https://spponeimages.azureedge.net/prod/169e6f4a-38b1-4fdd-b6a0-dfc583f1324dPattern2_Red.jpg?v=1.0.1);
  padding: 50px 0;
  background-size: cover;
  align-items: flex-start !important;
}
.bnr-spotlight .description_div {
  padding: 75px 0;
  margin: auto;
  width: 50%;
}
.bnr-spotlight .layout-wrapper {
  background-color: #fff;
  max-width: 600px;
  padding: 50px;
  color: #fff;
  border-radius: 20px;
  margin: 20px;
}
.bnr-spotlight .layout-wrapper h1 {
  color: #CB2026;
  text-align: center;
}
.bnr-spotlight .layout-wrapper h2 {
  line-height: 1;
  color: #CB2026;
  text-align: center;
}
.bnr-spotlight .layout-wrapper span {
  max-width: 500px;
  padding-bottom: 20px;
  color: #000;
}
.bnr-spotlight .layout-wrapper span a {
  color: #CB2026;
}
.bnr-spotlight .layout-wrapper span .emphasized-link {
  color: #ff0000;
  text-decoration: underline;
}
.bnr-spotlight #offer-end-wrapper {
  margin: 5em auto;
}

.bnr_desc {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 15px;
}
.bnr_desc span {
  color: #CB2026;
  margin-right: 0.75em;
}

.hcheader {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  background-color: #ea0029;
  align-items: center;
}

.hcheaderinside {
  width: 100%;
  height: 100px;
}

.hcbody a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.hcbody h1 {
  padding: 20px 0;
  font-size: 1.5em;
}
.hcbody h2 {
  padding: 3px 0;
}

.hcheadline {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hcheaderimage {
  width: 100%;
}
.hcheaderimage img {
  width: 95%;
  max-width: 500px;
}

.csbodyinside {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1130px) {
  .cscontact {
    display: flex;
    flex-direction: row;
    max-width: 800px;
  }
  .cscontactinfo {
    width: 50%;
  }
}
.hcbody, #csbody {
  width: 100%;
  max-width: 1400px;
  padding: 0px;
  background-color: #fff;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.hcbodyinside {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  padding-top: 50px;
}

.hcbodyinside .pg p, .hcbodyinside .pg ul, .hcbodyinside .pg h3 {
  padding-left: 50px;
  line-height: 1.5;
}

.hcpaddingleft {
  margin-left: 20px;
  padding-top: 10px;
}

.hcbodymain, .csbodymain {
  width: 98%;
}

.csinfo h3 {
  padding: 15px 0;
}

.hcsidenav, .csbodysidenav {
  border: 0px;
  width: 90%;
  display: flex;
  flex-direction: column;
}

.csbodysidenav {
  display: none;
}

.cssidenav {
  padding: 40px 0 20px 0;
}
.cssidenav h2 {
  text-align: left;
}
.cssidenav p {
  text-align: left;
}
.cssidenav p a {
  text-decoration: none;
}

.hcsidenavheader, .cssidenavheader {
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px;
}

.hccontactinfo {
  padding-top: 20px;
  text-align: left;
}

.hccontactinfo a, .cscontactinfo a {
  text-decoration: none;
  display: block;
  text-align: left;
}

#hcnav {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}
#hcnav ul {
  display: flex;
  flex-direction: column;
  padding: 0;
}
#hcnav ul li {
  list-style: none;
  line-height: 2;
}
#hcnav ul li a {
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}
#hcnav ul li a:hover {
  text-decoration: underline;
  color: #fff;
}

#pg {
  width: 100%;
}

.toggle_container {
  padding: 15px 0;
}
.toggle_container li {
  list-style-type: disc;
}
.toggle_container li a {
  text-decoration: none;
}
.toggle_container .block {
  width: 100%;
}
.toggle_container .block ul li {
  list-style: disc;
  padding-bottom: 8px;
  margin-left: 60px;
  font-weight: 400;
}
.toggle_container .block p {
  padding-left: 45px;
  padding-bottom: 10px;
  text-align: left;
}

.hcbodymain p {
  text-align: left;
}
.hcbodymain h3 {
  text-align: left;
  margin-left: 2em;
}

.csbodymain h3 {
  text-align: left;
  font-size: 1em;
}
.csbodymain p, .csbodymain ul li {
  text-align: left;
  padding: 3px 0;
}
.csbodymain p a {
  text-align: left;
  text-decoration: none;
}
.csbodymain p2 {
  text-align: left;
  font-style: italic;
  display: block;
}
.csbodymain p2 a {
  font-style: italic;
  text-decoration: none;
  font-size: 0.8em;
}

.hcbodymain p2 {
  text-align: left;
  margin-left: 2em;
  display: block;
}

.hcitalic {
  font-style: italic;
}

.hcbodymain li {
  text-align: left;
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -1.4em;
  padding-left: 3.5em;
}

ul.numberedlist {
  display: block;
  margin-left: 20px;
}

ul.numberedlist li {
  list-style-type: decimal;
  line-height: 1.2;
}

ul.numberedlist li a {
  list-style-type: decimal;
  padding-left: 0;
  text-decoration: none;
}

.csbodywrapper {
  padding: 0 10px;
}
.csbodywrapper a {
  color: #5d5d5d !important;
}
.csbodywrapper a:hover {
  color: #5d5d5d !important;
}

.csnavwrapper {
  padding: 20px 30px;
  background-color: #f2f2f2;
}

@media (min-width: 720px) {
  .csbodyboxes {
    justify-content: space-between;
  }
}
@media (min-width: 1130px) {
  .hcbody {
    flex-direction: row;
  }
  .hcbodyinside, .csbodyinside {
    justify-content: space-between;
    flex-direction: row;
  }
  .hcsidenav {
    border: 1px solid #f2f2f2;
    margin: 20px;
    width: 30%;
  }
  .csbodysidenav {
    width: 38%;
    right: 0;
    display: block;
  }
  .csnavwrapper {
    padding: 20px 30px;
    position: sticky;
    top: 150px;
  }
  .hcbodymain {
    width: 70%;
  }
}
h2.trigger {
  height: 46px;
  line-height: 46px;
  font-weight: normal;
  padding: 0px;
  font-size: 16px;
}

h2.trigger a {
  text-decoration: none;
  display: block;
  padding: 12px 0 0 50px;
  line-height: 22px;
  letter-spacing: 0;
  text-transform: none;
}

h2.trigger.active {
  border-bottom: 0px;
}

h2.active {
  background-position: left bottom;
}

@media (max-width: 991px) {
  div#top-slider {
    margin: 0 auto;
    margin-left: 30px;
    background: #000;
  }
}
.help-center .title-section {
  background-color: #000;
  padding: 20px;
}
.help-center .title-section h1 {
  font-size: 24px;
  margin: 0;
  color: #FFF;
  text-align: left;
}
.help-center .navigation-links {
  margin: 20px 0 60px;
}
.help-center .navigation-links ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.help-center .navigation-links ul li {
  display: inline-block;
  margin-right: 10px;
}
.help-center .navigation-links ul li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 0px;
  border-bottom: 2px solid transparent;
}
.help-center .navigation-links ul li a:hover {
  border-bottom: 2px solid #76b900;
}
.help-center .faq-list {
  width: 80%;
}
.help-center .panel {
  border: none;
}
.help-center .panel .panel-heading {
  background-color: transparent;
  border-bottom: 2px solid #999;
  padding: 15px 0px;
  position: relative;
}
.help-center .panel .panel-heading span.arrow-faq {
  position: absolute;
  right: 20px;
  top: 25px;
  font-size: 22px;
  color: #999;
}
.help-center .panel .panel-heading h4 {
  margin: 0;
}
.help-center .panel .panel-title a {
  color: #000;
  text-decoration: none;
  width: 100%;
  display: block;
}
.help-center .panel .panel-body {
  background-color: #FFF;
}
.help-center .returns-section .btn-wapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.help-center .returns-section .btn-wapper .btn-default {
  border: 2px solid #ccc;
}
.help-center .returns-section .btn-wapper .btn-default:hover {
  background: #000;
  color: #fff;
}
.help-center .returns-section,
.help-center .live-chat-section {
  margin-bottom: 20px;
}
.help-center .returns-section h3,
.help-center .live-chat-section h3 {
  font-size: 18px;
  margin: 0 0 15px 0;
}
.help-center .returns-section p,
.help-center .live-chat-section p {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}
.help-center .returns-section .btn,
.help-center .live-chat-section .btn {
  margin: 0;
  padding: 10px 20px;
  border-radius: var(--btnBorderRadius);
  outline: none;
  width: auto;
}
.help-center .returns-section .expected-post,
.help-center .live-chat-section .expected-post {
  margin-top: 10px;
  background-color: #5cb85c;
  padding: 5px;
  color: #FFF;
  border-radius: 5px;
  font-size: 12px;
}

.help-center .panel .panel-heading a[aria-expanded=true] .arrow-faq {
  transform: rotate(180deg);
  transition: transform 0.2s;
}

@media (max-width: 991px) {
  .help-center .navigation-links ul {
    justify-content: start;
    flex-wrap: wrap;
  }
  .help-center .faq-list {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .faq-section {
    margin-bottom: 30px;
  }
  .title-section h1 {
    font-size: 20px;
  }
  .navigation-links ul li {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  .navigation-links ul li a {
    padding: 10px;
  }
  .help-wapper .col-md-8, .help-wapper .col-md-4 {
    max-width: 100%;
    width: 100%;
  }
  .returns-section h3,
  .live-chat-section h3 {
    font-size: 16px;
  }
  .returns-section p,
  .live-chat-section p {
    font-size: 12px;
  }
}
._CustomCheckoutReciept .sp-checkout-receipt .receipt-info p {
  padding-left: 0 !important;
}

.sp-checkout-receipt .receipt-print {
  margin-left: auto;
}
.sp-checkout-receipt .receipt-info {
  margin-bottom: 25px;
  padding-right: 10px;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutLeft {
  border: 1px solid #757575;
  margin-bottom: 25px;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border {
  border: 1px solid #757575;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total {
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .col-sm-offset-5.col-md-offset-6 {
  margin: 0;
  width: 100%;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .form-group {
  margin: 3px 0;
  font-weight: 500;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .form-group > div:nth-child(1) {
  text-align: left;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .form-group > div:nth-child(2) {
  text-align: right;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total {
  border-top: 1px solid #757575;
  margin-top: 10px;
  padding-top: 10px;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total h2 {
  font-size: 16px;
  line-height: 1.25;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total > div:nth-child(1) {
  text-align: left;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total > div:nth-child(2) {
  text-align: right;
}
.sp-checkout-receipt .sp-thankyou-reciept .checkoutRight .checkout-right-border .sp-thankyou-reciept-total .receipt-total > div:nth-child(2) h2 {
  font-weight: 600;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  margin: 0 20px;
  padding: 20px 0 0 0;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items:last-child {
  border-bottom: none;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-thankyou-reciept-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-thankyou-reciept-item .personalized-attributes {
  display: none;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-thankyou-reciept-item:first-child .personalized-attributes {
  display: block;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-image {
  text-align: center;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-image img {
  margin: 15px auto;
  width: 100%;
  border: 1px solid #757575;
  max-width: 320px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-reciept-product-price, .sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-reciept-price, .sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .receipt-column-action {
  margin: 5px 0;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .checkout-page-sku {
  color: #757575;
  font-size: 14px;
  line-height: 1;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .checkout-page-heading-1 {
  line-height: 1;
  padding-top: 2rem;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table {
  width: 100%;
  padding-left: 15px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row {
  display: flex;
  font-size: 15px;
  margin-bottom: 7px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row .attribute-name .icon-exclamation-circle {
  font-size: 18px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row .attribute-name .italic-small {
  font-style: italic;
  font-size: 13px;
}
.sp-checkout-receipt .sp-thankyou-reciept .sp-thankyou-reciept-items .sp-item-description .attribute-table .attribute-row .attribute-value {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

._CustomCheckoutReciept {
  background-color: #f8f8f8;
  max-width: 100% !important;
}
._CustomCheckoutReciept .order-receipt-address h2, ._CustomCheckoutReciept .order-receipt-address h3 {
  line-height: inherit;
  margin: 10px 0px;
}
._CustomCheckoutReciept .checkout_page .checkout-page-heading-color .checkout-page-heading-color.checkout-page-heading-1 {
  padding: 0;
}
._CustomCheckoutReciept .checkout_page .receipt-info {
  margin-bottom: 0;
}
._CustomCheckoutReciept .checkout_page .receipt-info div.checkout-page-heading-3 {
  line-height: 25px;
  font-size: 1rem;
}
._CustomCheckoutReciept .checkout_page .receipt-info p.checkout-page-heading-3 {
  line-height: 27px;
  font-size: 1rem;
}
._CustomCheckoutReciept .checkout_page a.receipt-print {
  padding: 10px 20px;
  margin-top: 0;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft {
  margin-top: 0 !important;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-thankyou-reciept-items {
  border: none !important;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description {
  text-align: left !important;
  padding-left: 30px;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .checkout-page-color {
  margin-bottom: 20px;
  font-size: 16px !important;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .sp-reciept-product-price {
  font-size: 15px;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table {
  width: 100%;
  padding-left: 0 !important;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table .attribute-row .attribute-name {
  flex: none !important;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table .attribute-row .attribute-name.sp-reciept-price.checkout-page-heading-2 {
  flex: 1 !important;
  max-width: 70%;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table .attribute-row .attribute-value.sp-reciept-price.checkout-page-heading-2 strong, ._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table .attribute-row .attribute-name.sp-reciept-price.checkout-page-heading-2 strong {
  display: block;
  font-weight: bold !important;
  font-size: 18px;
  font-size: 18px;
  color: #000;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table .attribute-row .attribute-value {
  padding-left: 10px !important;
  display: block !important;
  width: 150px;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .attribute-table .attribute-row * {
  font-size: 15px;
}
._CustomCheckoutReciept .sp-thankyou-reciept .checkoutLeft .sp-item-description .sp-item-description h1.checkout-page-heading-1 {
  font-size: 1.5rem;
  line-height: initial !important;
  margin-bottom: 15px;
}
._CustomCheckoutReciept .user-account .col-xs-12.nopadding.display-flex.flex-wrap.checkout_page {
  justify-content: space-between;
}
._CustomCheckoutReciept .checkout-reciept a.btn-text.btn-bg-secondary {
  background: #000;
  color: #FFF;
}
._CustomCheckoutReciept .checkout-reciept a.btn-text.btn-bg-secondary:hover {
  color: #FFF;
}
._CustomCheckoutReciept .checkout-reciept h1.checkout-page-heading-1 {
  margin: 0;
  font-size: 1.8rem !important;
}
._CustomCheckoutReciept .checkout-reciept div.checkout-page-heading-1 {
  padding: 8px 0px;
  font-size: 1.7rem;
  line-height: initial;
}
._CustomCheckoutReciept .checkout-reciept .checkout-page-heading-2 a {
  font-weight: bold;
}
._CustomCheckoutReciept div#layout-account-receipt .user-account a.receipt-print {
  line-height: initial;
  margin: 0;
  height: fit-content;
}
._CustomCheckoutReciept .checkout-reciept, ._CustomCheckoutReciept .checkout_page {
  padding: 3rem !important;
}
._CustomCheckoutReciept .checkout-reciept, ._CustomCheckoutReciept .order-receipt-address, ._CustomCheckoutReciept .checkoutLeft, ._CustomCheckoutReciept .checkout-right-border, ._CustomCheckoutReciept .checkout_page {
  border: 2px solid white;
  border-radius: 5px;
  background-color: white;
  padding: 0px 10px;
  margin-bottom: 20px;
}
._CustomCheckoutReciept .checkout-reciept .checkout-page-heading-color, ._CustomCheckoutReciept .order-receipt-address .checkout-page-heading-color, ._CustomCheckoutReciept .checkoutLeft .checkout-page-heading-color, ._CustomCheckoutReciept .checkout-right-border .checkout-page-heading-color, ._CustomCheckoutReciept .checkout_page .checkout-page-heading-color {
  color: #000000;
}
._CustomCheckoutReciept .checkout-reciept checkout-page-heading-2 a, ._CustomCheckoutReciept .order-receipt-address checkout-page-heading-2 a, ._CustomCheckoutReciept .checkoutLeft checkout-page-heading-2 a, ._CustomCheckoutReciept .checkout-right-border checkout-page-heading-2 a, ._CustomCheckoutReciept .checkout_page checkout-page-heading-2 a {
  color: #000000;
}
._CustomCheckoutReciept .sp-checkout-receipt {
  border-bottom: 1px solid #ffffff !important;
}
._CustomCheckoutReciept .sp-checkout-receipt .sp-thankyou-reciept .checkoutLeft, ._CustomCheckoutReciept .sp-checkout-receipt .checkoutRight .checkout-right-border {
  border: 1px solid white !important;
}
._CustomCheckoutReciept .sp-checkout-receipt .checkoutLeft {
  margin-top: 20px;
}
._CustomCheckoutReciept .sp-checkout-receipt .checkoutLeft .sp-thankyou-reciept-total .receipt-total {
  border-top: 1px solid white !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
}

@media screen and (min-width: 640px) {
  .checkout-page-heading-1 {
    font-size: 1.6rem !important;
  }
}
.sp-thankyou-reciept-items .sp-item-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp-thankyou-reciept-items .sp-item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1280px) {
  .sp-thankyou-reciept-items .sp-item-image {
    width: 185px;
    height: 185px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sp-thankyou-reciept-items .sp-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
._RegisterUser #layout-content, .Signup #layout-content {
  background-color: var(--account-page-bg-color);
  padding: 1em 0;
}
._RegisterUser .content-container, .Signup .content-container {
  width: 100%;
  max-width: 700px;
  padding-top: 1em;
}
._RegisterUser .content-container h1, .Signup .content-container h1 {
  margin-bottom: 30px;
}
._RegisterUser .content-container .registerContainer, .Signup .content-container .registerContainer {
  margin-top: 14px;
  background-color: white;
  padding: 2em 1.5em;
}
._RegisterUser .content-container .account-signup-link:hover, .Signup .content-container .account-signup-link:hover {
  cursor: pointer;
  color: var(--linkHoverColor);
}
._RegisterUser .content-container .text-secondary, .Signup .content-container .text-secondary {
  font-size: 0.85em;
}
@media screen and (max-width: 640px) {
  ._RegisterUser #layout-content, .Signup #layout-content {
    padding: 1em;
  }
  ._RegisterUser #layout-content .main-wrapper form, .Signup #layout-content .main-wrapper form {
    margin: 1em;
  }
  ._RegisterUser #layout-content .main-wrapper form .form-group:first-child, .Signup #layout-content .main-wrapper form .form-group:first-child {
    margin-bottom: 5px;
  }
  ._RegisterUser #layout-content .main-wrapper form .input-checkbox_container, .Signup #layout-content .main-wrapper form .input-checkbox_container {
    margin-bottom: 15px;
  }
  ._RegisterUser #layout-content .main-wrapper .content-container, .Signup #layout-content .main-wrapper .content-container {
    padding: 0;
  }
  ._RegisterUser #layout-content .main-wrapper .content-container .registerContainer, .Signup #layout-content .main-wrapper .content-container .registerContainer {
    padding: 1em 0.5em;
  }
  ._RegisterUser #layout-content .main-wrapper h1, .Signup #layout-content .main-wrapper h1 {
    padding: 0;
    margin-top: 5px;
  }
  ._RegisterUser #layout-content .main-wrapper .account-signup-container, .Signup #layout-content .main-wrapper .account-signup-container {
    margin: 0 1em;
  }
}

#layout-account-editprofile {
  background-color: var(--account-page-bg-color);
}
#layout-account-editprofile .container {
  max-width: 700px;
}
#layout-account-editprofile .container h1 {
  margin: 30px 0;
  width: 100%;
}
#layout-account-editprofile .container p {
  margin-bottom: 1em;
}
#layout-account-editprofile .container .edit-profile-cta {
  display: flex;
  flex-wrap: wrap;
}
#layout-account-editprofile .container .edit-profile-cta .btn-tertiary {
  padding-left: 0;
}
#layout-account-editprofile .container .form-item:has(.input-checkbox_container) {
  padding-top: 0;
}
#layout-account-editprofile .user-account {
  background-color: var(--white);
  padding: 2em 1.5em;
  border-radius: var(--containerRadius);
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  #layout-account-editprofile .container {
    padding: 1rem;
  }
  #layout-account-editprofile h1 {
    margin: 15px 0 30px 0 !important;
  }
  #layout-account-editprofile .user-acccount {
    margin: 0 0 1em !important;
    padding: 1em 0.5em !important;
  }
}
@media screen and (min-width: 641px) {
  #layout-account-editprofile .container {
    padding: 0 1em 2em !important;
  }
}

#layout-account-editaddress {
  background-color: var(--account-page-bg-color);
}
#layout-account-editaddress .container {
  max-width: 700px;
}
#layout-account-editaddress .container h1 {
  margin: 30px 0;
  width: 100%;
}
#layout-account-editaddress .container .user-account {
  background-color: var(--white);
  padding: 2em 1.5em;
  border-radius: var(--containerRadius);
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  #layout-account-editaddress .container {
    padding: 1rem;
  }
  #layout-account-editaddress h1 {
    margin: 15px 0 30px 0 !important;
  }
  #layout-account-editaddress .user-account {
    margin: 0 0 1em !important;
  }
}
@media screen and (min-width: 641px) {
  #layout-account-editaddress .container {
    padding: 0 1em 2em !important;
  }
}
#layout-account-editaddress input, #layout-account-editaddress text-area {
  width: 100%;
}
#layout-account-editaddress .edit-address-cta .btn-tertiary {
  padding-left: 0;
  margin: 0;
}

.formNames, .formAddress, .formZipPhone {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .formNames, .formAddress, .formZipPhone {
    display: flex;
    justify-content: space-between;
  }
  .formNames .form-item, .formNames .street-address-input, .formAddress .form-item, .formAddress .street-address-input, .formZipPhone .form-item, .formZipPhone .street-address-input {
    width: 49% !important;
  }
}

.formZipPhone {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .formZipPhone {
    display: flex;
    justify-content: space-between;
  }
  .formZipPhone .form-item {
    width: 27% !important;
  }
}

@media screen and (min-width: 640px) {
  .formCountryStateCity {
    display: flex;
    justify-content: space-between;
  }
  .formCountryStateCity .form-item {
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .formCountryStateCity .postal-code {
    width: 27%;
  }
  .formCountryStateCity .city {
    width: 32%;
  }
  .formCountryStateCity .statecode {
    width: 34%;
  }
}

.edit-address-form .form-text-value {
  background-color: #e6e6e6 !important;
  color: #000;
}
.edit-address-form .validation-summary-errors {
  display: none;
}

#layout-account-book {
  width: 100%;
  background-color: var(--account-page-bg-color);
}
#layout-account-book h1 {
  margin: 30px 0;
  width: 100%;
}
#layout-account-book .addNewAddress {
  margin: 0;
}
#layout-account-book .user-account {
  background-color: var(--white);
  padding: 2em 1.5em;
  border-radius: var(--containerRadius);
  margin-bottom: 30px;
}
#layout-account-book .address-block {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #layout-account-book .container {
    padding: 1rem;
  }
  #layout-account-book h1 {
    margin: 15px 0 30px 0 !important;
  }
  #layout-account-book .user-account {
    margin: 0 0 1em !important;
  }
  #layout-account-book .addNewAddress {
    width: 100%;
    margin-top: 15px;
  }
  #layout-account-book .addNewAddress a {
    width: 100%;
  }
}
@media screen and (min-width: 641px) {
  #layout-account-book .container {
    padding: 0 1em 2em !important;
  }
}

#addressList p, .allAddresses p {
  margin-bottom: 0.25em;
}
#addressList .address-title, .allAddresses .address-title {
  font-weight: 600;
}

.addressContainer .address-title {
  font-weight: 600;
}

#addressList h3, .allAddresses h3, .addNewAddress h3 {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
#addressList .change-address, .allAddresses .change-address, .addNewAddress .change-address {
  font-size: 0.85em;
}
#addressList .action-links, .allAddresses .action-links, .addNewAddress .action-links {
  display: flex;
  padding: 0 1em 0.5em;
}
#addressList .action-links form, .allAddresses .action-links form, .addNewAddress .action-links form {
  margin-right: 0.5em;
}
@media (max-width: 580px) {
  #addressList .action-links, .allAddresses .action-links, .addNewAddress .action-links {
    flex-direction: column;
  }
  #addressList .action-links form, .allAddresses .action-links form, .addNewAddress .action-links form {
    margin: 0 0 0.25em 0;
  }
  #addressList .action-links form button, .allAddresses .action-links form button, .addNewAddress .action-links form button {
    width: 100%;
  }
}
@media (max-width: 580px) {
  #addressList .addNewAddress a, .allAddresses .addNewAddress a, .addNewAddress .addNewAddress a {
    width: 100%;
  }
}

.primary-shipping {
  margin-right: 2em;
}

.allAddresses h3 {
  margin-bottom: 0;
  padding-bottom: 0.75em;
}
.allAddresses .all-address-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
@media (max-width: 640px) {
  .allAddresses .all-address-section {
    align-items: center;
    margin-bottom: 1em;
  }
  .allAddresses .all-address-section h3 {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 460px) {
  .allAddresses .all-address-section {
    flex-direction: column;
    align-items: flex-start;
  }
  .allAddresses .all-address-section .addNewAddress {
    margin: 0.75em 0;
    width: 100%;
  }
}
.allAddresses .address-blocks {
  margin-left: 3em;
}
@media screen and (max-width: 1024px) {
  .allAddresses .address-blocks {
    margin-left: 0;
  }
}

.address-block {
  position: relative;
  min-height: 1em;
  padding: 1em;
}
@media screen and (min-width: 1024px) {
  .address-block {
    margin-right: 2em;
  }
}
.address-block .address-change {
  position: absolute;
  right: 0;
  top: 1em;
  text-align: right;
}
.address-block .address-change span {
  text-decoration: none;
  padding: 0.25em;
  font-size: 1.5em;
}

.allAddresses {
  margin-top: 1em;
}
.allAddresses .section-header {
  display: flex;
  align-items: center;
}
.allAddresses .section-header h3 {
  width: 100%;
}
.allAddresses .address-list {
  display: flex;
  flex-flow: wrap;
}
.allAddresses .address-list .all-address-block {
  width: 49%;
  margin-bottom: 1em;
}
.allAddresses .address-list .all-address-block .address-title {
  width: 100%;
}
@media (max-width: 1030px) {
  .allAddresses .address-list .action-links button {
    padding: 0.5em 0.75em;
  }
}
@media (max-width: 978px) {
  .allAddresses .address-list {
    flex-direction: column;
  }
  .allAddresses .address-list .address-block, .allAddresses .address-list .all-address-block {
    width: 100%;
    margin-bottom: 1em;
  }
}

.addNewAddress {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.address-list-primary {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .address-list-primary {
    flex-direction: row;
  }
}
.address-list-primary .primary-shipping, .address-list-primary .primary-billing {
  width: 100%;
}

#Checkout .multipage-checkout-details .multipage-checkout-breadcrumb .breadcrumb-shipping-link {
  cursor: pointer;
}
#Checkout .multipage-checkout-details .multipage-checkout-breadcrumb a.active {
  color: var(--black);
}
#Checkout .multipage-checkout-details .grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Checkout .multipage-checkout-details .sp-order-summary, #Checkout .multipage-checkout-details .sp-product-details, #Checkout .multipage-checkout-details .checkoutLeft {
  border-radius: var(--containerRadius);
}
#Checkout .multipage-checkout-details .title {
  display: block;
  color: var(--black);
  text-transform: capitalize;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details .title {
    padding-left: 0;
  }
}
#Checkout .multipage-checkout-details .sp-order-summary {
  border: none;
  margin-top: 20px;
  margin-bottom: 30px;
  border-radius: var(--containerRadius);
  font-weight: 600 !important;
}
#Checkout .multipage-checkout-details .sp-order-summary .text-right {
  margin-bottom: 5px !important;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details .sp-order-summary {
    margin-top: 0;
  }
}
#Checkout .multipage-checkout-details .sp-product-details, #Checkout .multipage-checkout-details .sp-order-summary {
  background: #FFF;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
#Checkout .multipage-checkout-details .sp-product-details .title, #Checkout .multipage-checkout-details .sp-order-summary .title {
  background-color: transparent !important;
  padding: 0;
  margin-top: 0;
}
#Checkout .edit-checkbox {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
#Checkout .checkoutLeft {
  width: 100%;
  background: var(--white);
  padding: 20px;
  margin: 20px 0px;
}
@media screen and (min-width: 1024px) {
  #Checkout .checkoutLeft {
    width: 66%;
  }
}
#Checkout .checkoutLeft .title {
  margin-top: 30px;
}
#Checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup {
  padding: 0.5em 1em;
}
#Checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup .input-radioButton_appearance {
  margin-left: 0;
  min-width: 1.125rem;
}
#Checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup .input-radio_label {
  font-size: var(--bodyTextMed);
}
@media screen and (max-width: 640px) {
  #Checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup {
    padding-left: 0;
  }
}
#Checkout .checkoutLeft #shipping-options {
  padding-bottom: 2em;
}
#Checkout .checkoutLeft #deliveryTimeframeDiv {
  font-style: italic;
  font-size: var(--bodyTextMed);
}
#Checkout .checkoutLeft #deliveryTimeframeDiv .form-group {
  padding: 0;
}
#Checkout #expeditedShippingWarningDiv {
  width: 620px;
  max-width: 100%;
  margin: 0.5em 0;
  position: relative;
  box-shadow: 0px 0px 0px 2px #FFF;
  transition: box-shadow 0.33s;
  padding: 1em;
}
#Checkout #expeditedShippingWarningDiv h4 {
  padding: 0 0.25em;
  position: absolute;
  top: -0.75em;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFF;
  background: #FDFDFD;
  transition: color 0.33s;
}
#Checkout #expeditedShippingWarningDiv.error {
  box-shadow: 0px 0px 0px 2px red;
}
#Checkout #expeditedShippingWarningDiv.error h4 {
  color: red;
}
#Checkout #expeditedShippingWarningDiv.error .input-checkbox_container .input-checkbox_appearance {
  border-color: red;
  border-color: red;
}
#Checkout .save-cart {
  margin-right: 5px;
}
#Checkout .save-cart input[type=radio] {
  width: auto;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
}
#Checkout .save-cart label {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#Checkout .save-cart img {
  width: 30px;
  height: 16px;
}
#Checkout #divMultiPageCheckout {
  background-color: var(--account-page-bg-color);
  max-width: 100% !important;
  padding: 0 1em 2em;
}
#Checkout #divMultiPageCheckout .multi-page-checkout {
  width: 100%;
}
#Checkout #divMultiPageCheckout .multi-page-checkout .grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Checkout .multipage-checkout-details .checkoutLeft {
  border-radius: var(--containerRadius);
  position: relative;
}
#Checkout .multipage-checkout-details .checkoutLeft #multipagecheckout-bottomsection .checkout-buttons.quotebutton a {
  font-family: unset !important;
  font-size: var(--laptopMdFont);
}
#Checkout .multipage-checkout-details .checkoutLeft #multipagecheckout-bottomsection .checkout-buttons.quotebutton .checkoutButton {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details .checkoutLeft {
    padding: 20px;
    margin-top: 10px !important;
  }
  #Checkout .multipage-checkout-details .checkoutLeft button {
    width: 100%;
  }
}
#Checkout .multipage-checkout-details .checkoutRight {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  #Checkout .multipage-checkout-details .checkoutRight {
    padding-left: 15px;
    width: 33%;
  }
}
#Checkout .multipage-checkout-details .checkoutRight .cartTotal {
  padding: 0.5em;
  overflow: hidden;
}
#Checkout .multipage-checkout-details .checkoutRight .cartTotal .form-group {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.5em;
}
#Checkout .multipage-checkout-details .checkoutRight .orderTotal {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid;
  padding-top: 0.5em;
  font-weight: bold;
}
#Checkout .multipage-checkout-details .checkoutRight ._TotalTable {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1em;
}
#Checkout .multipage-checkout-details .checkoutRight #data-capture-content label {
  display: inline-block;
  padding: 1em 0 0;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-prodcuts {
  padding: 0;
  min-height: 160px;
  max-height: fit-content;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-prodcuts .item-variant .cartImage button {
  margin-left: 0;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:first-child .itemTotal {
  display: none;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li.cartItem:first-child {
  margin-top: 0 !important;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) {
  max-height: 55px;
  margin: 1.4em 0 0 0;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cart-item-title, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .unitPrice, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .itemDescription, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .group-product-list, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .removeItem, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .itemTotal, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .item-color, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .personalized-attributes, #Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .brand-logo-selection {
  display: none;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cartImage {
  visibility: hidden;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:nth-child(n+2) .cartItem {
  padding: 0em 0em 0.5em 0em;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:last-child .itemTotal {
  display: block;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .artifi-design-edit {
  display: block;
  pointer-events: none !important;
  cursor: pointer !important;
  color: #444;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:last-child .itemTotal {
  display: block;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant {
  display: flex;
  margin-bottom: 2em;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-bottom: none;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant:last-of-type {
  margin-bottom: 0;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li .quantity-spinner .spinner {
  float: none !important;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:last-child {
  margin-bottom: 1em;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant .itemQuantity input {
  max-width: 4em;
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 11.75px;
  text-align: left;
  opacity: 1;
  background: 0 0;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant .quantity-spinner .spinner {
  float: none !important;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant .cartDescription .itemTotal {
  padding-right: 0px !important;
  padding-left: 0 !important;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant .cartDescription .itemTotal .total-item-label {
  font-weight: 600;
  padding-right: 0px !important;
  padding-left: 5px !important;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant .sp-cart-data {
  width: 100%;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li .personalized-attributes {
  display: none;
}
#Checkout .multipage-checkout-details .checkoutRight .sp-checkout-cart .cartProducts .item-variant ul li:last-child .personalized-attributes {
  display: block;
}
#Checkout .multipage-checkout-details div#cart-apply-promocode {
  display: flex;
  gap: 10px;
  margin: 10px 0;
}
#Checkout .multipage-checkout-details div#cart-apply-promocode .cartPromocode input {
  margin: 0;
  color: #000;
  height: 40px;
}
#Checkout .multipage-checkout-details div#cart-apply-promocode button {
  margin: 0;
  color: #000;
  height: 40px;
  font-size: 1rem;
  line-height: 10px;
  width: 40%;
}
#Checkout .multipage-checkout-details .page-title {
  padding-bottom: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details .page-title {
    padding-left: 0;
  }
}
#Checkout .multipage-checkout-details .creditCardInformationTitle {
  padding-top: 28px;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv {
  /*  .checked-payment-method {
      border: 2.5px solid #000 !important;

      .input-radio_label {
          border: 1px solid #fff !important;
      }
  }*/
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv form.input-radioGroup.input-checkbox_container {
  display: flex;
  flex-direction: row;
  margin: 0px;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method {
  margin: 1rem 1.3rem 1rem 0;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method > label {
  left: 0em !important;
  min-height: 62px;
  max-height: 62px;
  max-width: 150px;
  min-width: 150px;
  display: flex;
  align-items: center;
  padding-left: 0px !important;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method .input-radio_label {
  display: flex;
  justify-content: center;
  background-color: var(--white);
  color: var(--black);
  cursor: pointer;
  border: 1px solid #a5a0a0;
  text-align: center;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method .input-radio_label .credit-card-button span {
  margin-right: 0px;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method .input-radio_label .credit-card-button .payment-method-balance {
  font-size: var(--laptopMdFont);
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method .input-radioButton_appearance {
  display: none !important;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method {
    margin: 1em 0.5em 1em 0 !important;
  }
}
@media screen and (max-width: 557px) {
  #Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method {
    margin: 1em 1em 0 0 !important;
    width: 100%;
  }
  #Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method > label {
    max-width: 100%;
    min-width: 100%;
  }
  #Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method .input-radio-label {
    text-align: left;
  }
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .isSplittable {
  width: auto !important;
  padding: 0px !important;
  margin-left: 0px !important;
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .isSplittable .input-radio_label .input-radioButton-label {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 557px) {
  #Checkout .multipage-checkout-details #allPaymentOptionsDiv .isSplittable {
    width: 100% !important;
  }
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method.active .input-radio_label {
  border: 2.5px solid #000;
  box-shadow: 0 4px 8px rgba(116, 109, 109, 0.3);
}
#Checkout .multipage-checkout-details #allPaymentOptionsDiv .payment-method.active .payment-method-name {
  font-weight: 600 !important;
}
#Checkout .multipage-checkout-details #user-checkout-details .checkout-contact-email-address, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shipto-address {
  border-bottom: 1px solid #e1dede;
  padding: 13px 0px;
}
#Checkout .multipage-checkout-details #user-checkout-details .checkout-shippingmethod {
  padding: 13px 0px;
  margin-bottom: 2rem;
}
#Checkout .multipage-checkout-details #user-checkout-details .checkout-contact-email-address, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shipto-address, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shippingmethod {
  display: flex;
  width: 100%;
}
#Checkout .multipage-checkout-details #user-checkout-details .checkout-contact-email-address .checkout-info, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shipto-address .checkout-info, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shippingmethod .checkout-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#Checkout .multipage-checkout-details #user-checkout-details .checkout-contact-email-address .checkout-info .userdetails-change-link, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shipto-address .checkout-info .userdetails-change-link, #Checkout .multipage-checkout-details #user-checkout-details .checkout-shippingmethod .checkout-info .userdetails-change-link {
  padding-left: 0.75em;
}
#Checkout .multipage-checkout-details #user-checkout-details .user-details-title {
  padding-left: 0px !important;
  min-width: 5rem;
  font-weight: 600 !important;
}
#Checkout .multipage-checkout-details #user-checkout-details .mpc-change-link {
  display: flex;
  justify-content: end;
}
#Checkout .multipage-checkout-details #user-checkout-details .mpc-change-link a {
  font-family: unset !important;
}
#Checkout .multipage-checkout-details ._PaymentOptions {
  padding-bottom: 0 !important;
}
#Checkout .multipage-checkout-details h5 {
  padding: 5px 0px;
}
#Checkout .multipage-checkout-details .shipping-method .input-radio > .input-radioGroup {
  padding-left: 0px !important;
}
#Checkout .multipage-checkout-details .checkout-buttons button i {
  display: none;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details .checkout-buttons button {
    margin-right: 0;
  }
}
#Checkout .multipage-checkout-details .checkout-buttons .mpc-user-link .userdetails-change-link {
  font-family: inherit !important;
  display: flex;
  font-size: var(--laptopMdFont);
  padding-left: 0px !important;
}
#Checkout .multipage-checkout-details .checkout-buttons .quote-buttons button {
  margin: 0px !important;
}
@media screen and (max-width: 640px) {
  #Checkout .multipage-checkout-details .checkout-buttons {
    flex-direction: column-reverse;
    margin-top: 20px;
  }
  #Checkout .multipage-checkout-details .checkout-buttons .userdetails-change-link {
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #Checkout .multipage-checkout-details .checkout-buttons .quote-buttons, #Checkout .multipage-checkout-details .checkout-buttons .quotebutton {
    text-align: center;
    width: 100%;
  }
  #Checkout .multipage-checkout-details .checkout-buttons .quote-buttons .btn-bg-primary, #Checkout .multipage-checkout-details .checkout-buttons .quote-buttons button, #Checkout .multipage-checkout-details .checkout-buttons .quotebutton .btn-bg-primary, #Checkout .multipage-checkout-details .checkout-buttons .quotebutton button {
    width: 100%;
  }
}
#Checkout .multipage-checkout-details #ShippingHeadingSection .title, #Checkout .multipage-checkout-details #ShippingHeadingSection .page-title, #Checkout .multipage-checkout-details .sp-product-details .title, #Checkout .multipage-checkout-details .sp-product-details .page-title {
  margin: 0;
}
#Checkout .multipage-checkout-details #shipping-content .input-label, #Checkout .multipage-checkout-details #billing-content .input-label {
  font-weight: 600 !important;
}
#Checkout .multipage-checkout-details #shipping-content .form-item, #Checkout .multipage-checkout-details #billing-content .form-item {
  padding-bottom: 0px !important;
}
#Checkout .multipage-checkout-details #shipping-content .formCountryStateCity .countrycode .select-container, #Checkout .multipage-checkout-details #billing-content .formCountryStateCity .countrycode .select-container {
  width: 20rem;
}
@media screen and (max-width: 768px) {
  #Checkout .multipage-checkout-details #shipping-content .formCountryStateCity, #Checkout .multipage-checkout-details #billing-content .formCountryStateCity {
    width: 100%;
  }
  #Checkout .multipage-checkout-details #shipping-content .formCountryStateCity .countrycode, #Checkout .multipage-checkout-details #billing-content .formCountryStateCity .countrycode {
    width: 100%;
  }
  #Checkout .multipage-checkout-details #shipping-content .formCountryStateCity .countrycode .select-container, #Checkout .multipage-checkout-details #billing-content .formCountryStateCity .countrycode .select-container {
    width: 100%;
  }
}
#Checkout .multipage-checkout-details #shipping-content #savedaddress, #Checkout .multipage-checkout-details #billing-content #savedaddress {
  margin-bottom: 0px !important;
}
#Checkout .multipage-checkout-details #shipping-content #savedaddress #ShippingAddress, #Checkout .multipage-checkout-details #billing-content #savedaddress #ShippingAddress {
  width: 20rem;
}
#Checkout .multipage-checkout-details #shipping-content #savedaddress .input-label_name, #Checkout .multipage-checkout-details #billing-content #savedaddress .input-label_name {
  font-weight: 600 !important;
}
#Checkout .multipage-checkout-details #shipping-content #savedaddress .select-container, #Checkout .multipage-checkout-details #billing-content #savedaddress .select-container {
  max-width: 15.5rem;
}
#Checkout .multipage-checkout-details #shipping-content #savedaddress .select-container::after, #Checkout .multipage-checkout-details #billing-content #savedaddress .select-container::after {
  left: 18.5rem;
}
@media screen and (max-width: 768px) {
  #Checkout .multipage-checkout-details #shipping-content #savedaddress #ShippingAddress, #Checkout .multipage-checkout-details #billing-content #savedaddress #ShippingAddress {
    width: 100%;
  }
  #Checkout .multipage-checkout-details #shipping-content #savedaddress .select-container, #Checkout .multipage-checkout-details #billing-content #savedaddress .select-container {
    max-width: 100%;
  }
  #Checkout .multipage-checkout-details #shipping-content #savedaddress .select-container::after, #Checkout .multipage-checkout-details #billing-content #savedaddress .select-container::after {
    left: auto;
  }
}
#Checkout .multipage-checkout-details .split-payment-option {
  position: absolute;
  margin-top: 15px;
}
@media screen and (max-width: 557px) {
  #Checkout .multipage-checkout-details .split-payment-option {
    position: inherit;
  }
}
#Checkout .sp-product-details .item-variant {
  padding: 0px;
  display: flex;
  margin-bottom: 0.75em;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: none;
}
#Checkout .sp-product-details .item-variant ._CartRow {
  width: 100%;
  display: flex;
}
#Checkout .sp-product-details .item-variant .cartImage {
  width: 85px;
  height: auto !important;
  text-align: center;
  max-width: 85px;
  padding: 0 !important;
  position: relative;
}
#Checkout .sp-product-details .item-variant .cartImage img {
  height: auto;
  width: 100%;
  padding-left: 0 !important;
}
#Checkout .sp-product-details .item-variant .cartImage a {
  font-size: 13px;
}
#Checkout .sp-product-details .item-variant .cartImage img.enabled {
  cursor: zoom-in;
}
#Checkout .sp-product-details .item-variant .cartImage button {
  margin-left: 0;
  width: 85px;
  height: 85px;
}
#Checkout .sp-product-details .item-variant .cartImage button img {
  padding: 0 !important;
}
@media screen and (max-width: 1240px) {
  #Checkout .sp-product-details .item-variant .cartImage {
    width: 65px;
    height: 65px;
  }
  #Checkout .sp-product-details .item-variant .cartImage button {
    width: 65px;
    height: 65px;
  }
}
@media screen and (max-width: 1024px) {
  #Checkout .sp-product-details .item-variant .cartImage {
    width: 85px;
    height: 85px;
  }
  #Checkout .sp-product-details .item-variant .cartImage button {
    width: 85px;
    height: 85px;
  }
}
#Checkout .sp-product-details .item-variant .cartDescriptionWrapper {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #Checkout .sp-product-details .item-variant .cartDescriptionWrapper {
    flex: unset;
  }
}
#Checkout .sp-product-details .item-variant .cartDescription {
  font-weight: bold !important;
  margin-left: 0 !important;
  text-align: left !important;
  float: none !important;
  font-size: 11.75px;
  width: 100% !important;
  padding: 0 0 0 1em;
}
#Checkout .sp-product-details .item-variant .cartDescription .price-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#Checkout .sp-product-details .item-variant .cartDescription .price-container .unit-price {
  min-width: 7.5rem;
}
#Checkout .sp-product-details .item-variant .cartDescription .price-container .price-label {
  min-width: 4.4rem;
}
#Checkout .sp-product-details .item-variant .cartDescription .price-value {
  word-break: normal;
}
#Checkout .sp-product-details .item-variant .cartDescription h2 {
  margin-top: 0px;
}
#Checkout .sp-product-details .item-variant .cartDescription .item {
  display: flex;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
  padding: 0.5em 0;
}
#Checkout .sp-product-details .item-variant .cartDescription .item .cartDescription {
  width: 100%;
}
#Checkout .sp-product-details .item-variant .cartDescription .item .cartDescription .spp-product-logo {
  padding: 0;
}
#Checkout .sp-product-details .item-variant .cartDescription .item .cartDescription .spp-product-logo li {
  list-style-type: none;
  cursor: pointer;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  border: 2px solid rgba(153, 153, 153, 0.5);
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #f0f0f0;
  display: inline-block;
}
#Checkout .sp-product-details .item-variant .cartDescription .item .cartDescription .spp-product-logo li img {
  max-width: 30px !important;
  max-height: 30px !important;
  vertical-align: middle;
  display: inline-block;
  padding: 2px;
  margin: auto;
}
#Checkout .sp-product-details .item-variant .cartDescription .item .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
#Checkout .sp-product-details .item-variant .cartDescription .display-on-checkout, #Checkout .sp-product-details .item-variant .cartDescription .total-item-price {
  display: inline-block;
  font-weight: 600;
  margin-right: 0;
}
#Checkout .sp-product-details .item-variant .cartDescription .frmCartQuantity {
  display: inline-flex;
  display: inline-grid !important;
}
#Checkout .sp-product-details .item-variant .cartDescription .item-size {
  padding-top: 0px !important;
}
@media screen and (max-width: 1024px) {
  #Checkout .sp-product-details .item-variant .cartDescription .price-container {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  #Checkout .sp-product-details .item-variant .cartDescription {
    width: 100% !important;
    padding-left: 1em !important;
  }
}
@media screen and (max-width: 640px) {
  #Checkout .sp-product-details .item-variant .cartDescription .price-container {
    justify-content: space-between;
  }
}
#Checkout .sp-product-details .item-variant .personalized-attributes {
  width: 100%;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .view-customization {
  cursor: default;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .view-customization.collapsed {
  display: none;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .view-customization strong {
  font-weight: normal;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .personalized-attribute-note {
  margin-top: 10px;
  line-height: 1.25em;
  padding: 0;
  font-style: italic;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .personalized-attributes-list {
  font-weight: normal;
}
#Checkout .sp-product-details .item-variant .personalized-attributes .artifi-design-edit {
  display: none;
}
#Checkout .sp-product-details .item-variant .brand-logo-selection {
  margin-top: 0;
  margin-left: 15px !important;
  text-align: left !important;
  font-size: 13px;
  width: calc(82% - 15px);
}
#Checkout .sp-product-details #CartProductList {
  width: 100%;
  margin-top: 20px;
}

.contact-information-container {
  display: flex;
  justify-content: space-between;
}
.contact-information-container .checkout-email-address, .contact-information-container #GuestUserEmailAddress_label {
  font-weight: 600 !important;
}
.contact-information-container #new-user-link {
  color: #333333 !important;
  font-size: 12px !important;
}
.contact-information-container #new-user-link a {
  color: #333333 !important;
}

@media screen and (min-width: 991px) {
  .checkoutLeft #multipagecheckout-bottomsection .checkout-buttons.quotebutton .checkoutButton {
    margin-right: 3.8rem;
  }
}
@media screen and (max-width: 992px) {
  .checkoutLeft #multipagecheckout-bottomsection .checkout-buttons.quotebutton .checkoutButton {
    margin-right: 2.8rem;
  }
}
#spp-dev-default-recommended-address-popup .modal-dialog {
  width: 50%;
}
#spp-dev-default-recommended-address-popup .modal-footer {
  border-top: none;
}
#spp-dev-default-recommended-address-popup .recommended-address-popup {
  justify-content: flex-start;
}
#spp-dev-default-recommended-address-popup .recommended-address-popup > div {
  margin: 15px auto;
}
@media screen and (max-width: 1024px) {
  #spp-dev-default-recommended-address-popup .modal-dialog {
    width: 96%;
  }
}
@media screen and (max-width: 640px) {
  #spp-dev-default-recommended-address-popup #PopupCloseButton {
    width: unset;
  }
  #spp-dev-default-recommended-address-popup .recommended-address-popup {
    flex-direction: column-reverse;
  }
  #spp-dev-default-recommended-address-popup .recommended-address-popup > div {
    border-bottom: none;
    margin: 0;
  }
  #spp-dev-default-recommended-address-popup .recommended-address-popup a {
    width: 100%;
  }
  #spp-dev-default-recommended-address-popup .entered-display-address {
    margin-top: 2em;
  }
}

.sp-logo svg {
  width: 100%;
  max-width: 280px;
}

.row {
  width: 100%;
}

#skip-to-main {
  position: absolute;
  top: 0;
  left: 2px;
  padding: 1em;
  z-index: 1;
  background: #010101;
  color: #FFF;
  transform: translateY(-4em);
  transition: transform 0.35s;
}
#skip-to-main:focus {
  transform: translateY(0);
}

.content-container {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 1.5em;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 1rem 0;
  box-sizing: border-box;
}

.back-to-top {
  position: fixed;
  bottom: 0;
  background: #FFF;
  padding: 0.5em 1em;
  right: 0;
  opacity: 0;
}
.back-to-top span {
  display: inline-block;
  transform: rotate(180deg);
  vertical-align: middle;
}

#spp-loading {
  display: none;
}
#spp-loading.active {
  display: block !important;
}

.brand-logo-selection {
  overflow-wrap: break-word;
  word-break: break-word;
}

a {
  outline-offset: 2px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

.message-box.alert {
  margin: 1.25em;
}

.inner-container {
  max-width: 720px;
  margin: 0 auto;
}

.message-box.alert.alert-danger {
  border: none;
  border-radius: 0px;
  background: red;
  color: #FFF;
}

.disabled {
  cursor: default;
  color: #ccc;
}

.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#breadCrumb {
  display: inline;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9rem;
}
#breadCrumb a {
  display: inline-block;
  pointer-events: none;
  font-size: 0.9rem;
  color: var(--darkGray);
}

#product-pages-widget {
  width: 100%;
}

.padding-top {
  padding-top: 15px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-bottom {
  padding: 15px 0;
}

.padding-left {
  padding-left: 15px;
}

.padding-bottom {
  padding-bottom: 15px;
}

.padding-left-12 {
  padding-left: 12px;
}

.padding-left_31 {
  padding-left: 31px;
}

.padding-left_40 {
  padding-left: 40px;
}

.padding-right_10 {
  padding-right: 10px;
}

.padding-right-15 {
  padding-right: 15px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top {
  margin-top: 15px;
}

.margin-top-bottom {
  margin: 15px 0;
}

.margin-bottom {
  margin-bottom: 15px;
}

.margin-right {
  margin-right: 15px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-top-5 {
  padding-top: 5px;
}

.overflow {
  overflow-y: auto;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-right-5 {
  padding-right: 5px;
}

.font-italic {
  font-style: italic;
}

.nopadding {
  padding: 0;
  margin: 0;
}

.d-flex-alignment {
  align-content: center;
  justify-content: space-between;
}

.color {
  color: #01579B;
}

.icon-color {
  color: #cc0000 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6;
}

.font-size {
  font-size: 0.78rem;
}

.spp-loader {
  width: auto !important;
  height: auto !important;
  position: relative;
  top: 50%;
  left: 46%;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.break-all {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.loader-body {
  top: 42% !important;
}

.loader, .loader:before, .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  font-size: 10px;
  margin: 20px auto 40px auto;
  position: fixed !important;
  left: 0;
  right: 0;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before, .loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.b-lazy:not(.b-loaded), img.dashboard-loader {
  max-height: 45px !important;
  max-width: 45px !important;
}

.product-list-widget .recent-view-items {
  float: left;
  width: 100%;
}

.required:after {
  content: " * ";
  color: red;
  margin-left: 2px;
}

.modal-header .close {
  margin: 0;
}

select {
  color: #292a2a;
  font-size: 12px;
  width: 100%;
  padding: 2px 20px 2px 5px;
  border: 1px solid #333;
  box-shadow: none;
  outline: medium none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: #fff url("../../Images/drop-arrow.png?v=1.0.1") no-repeat 98% center;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
}
select option:hover {
  border: 0;
  box-shadow: none;
  outline: medium none;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
}

select::-ms-expand {
  display: none;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
}

.ie select {
  display: none;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
}

.row:has(.notification-msg) {
  margin-left: 0;
}

.notification-msg .alert {
  float: left;
  width: 97%;
}
.notification-msg .alert p.text-center {
  float: left;
  width: calc(100% - 22px);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .productGrid li {
    width: 33%;
    margin-left: 0.16%;
    margin-right: 0.16%;
  }
}
::-ms-clear {
  display: none;
}

@supports (-ms-ime-align: auto) {
  .productGrid li {
    width: 24.5%;
  }
}
.success-msg {
  color: green;
}

.padding-none {
  padding: 0 !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.product-inventory {
  background-color: #FAFAFA;
  padding-left: 5px;
}
.product-inventory .error-msg {
  font-size: 12px;
}

.product-view .product-grid-ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.product-view .product-grid-ul .b2b-products {
  transition-duration: 300ms;
}
.product-view .product-grid-ul .product-details .product-sku {
  color: #9E9E9E;
}
.product-view .product-grid-ul .product-details .b2b-compare-product a, .product-view .product-grid-ul .product-details .b2b-wishlist-product a {
  font-size: 12.5px;
}
.product-view .product-grid-ul .product-details .b2b-compare-product .label-compare, .product-view .product-grid-ul .product-details .b2b-compare-product .label-wishlist, .product-view .product-grid-ul .product-details .b2b-wishlist-product .label-compare, .product-view .product-grid-ul .product-details .b2b-wishlist-product .label-wishlist {
  text-decoration: underline;
}
.product-view .product-grid-ul.grid-view .b2b-products {
  width: 33.33%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .product-view .product-grid-ul.grid-view .b2b-products {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .product-view .product-grid-ul.grid-view .b2b-products {
    width: 100%;
  }
}
.product-view .product-grid-ul.grid-view .b2b-products .product-img .title {
  display: none;
}
.product-view .product-grid-ul.list-view .b2b-products {
  width: 100%;
}
.product-view .product-grid-ul.list-view .b2b-products .view-item {
  display: flex;
}
.product-view .product-grid-ul.list-view .b2b-products .view-item .product-img {
  width: 30%;
}
.product-view .product-grid-ul.list-view .b2b-products .view-item .product-img .image {
  margin: 0;
}
.product-view .product-grid-ul.list-view .b2b-products .view-item .product-img .image img {
  max-width: 100%;
}
.product-view .product-grid-ul.list-view .b2b-products .view-item .product-img .title {
  display: none;
}
.product-view .product-grid-ul.list-view .b2b-products .view-item .product-details {
  width: 70%;
  padding: 10px;
}

@media all and (min-width: 480px) {
  .b2b-filters .b2b-paging {
    width: auto;
    margin-bottom: 0;
  }
}
.align-items-center {
  align-items: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

.tooltip {
  font-family: inherit;
}

.has-tooltip {
  bottom: 1rem;
  right: 1rem;
  text-align: center;
}
.has-tooltip .tooltip {
  pointer-events: none;
}
.has-tooltip:hover .tooltip, .has-tooltip:focus .tooltip, .has-tooltip:focus-within .tooltip {
  opacity: 1;
  display: block;
  overflow: visible;
  visibility: visible;
  pointer-events: all;
}
.has-tooltip.has-tooltip-field-level-help {
  display: inline;
  position: absolute;
  top: 2rem;
  right: 0.5rem;
  padding: 0.5rem;
  font-size: 1rem;
}
.has-tooltip.has-tooltip-field-level-help .icon-question-circle {
  font-size: 1.25rem;
}
.has-tooltip.has-tooltip-field-level-help .tooltip {
  right: -0.5rem;
}

.tooltip {
  display: none;
  position: absolute;
  margin-top: 0.25rem;
  width: 12rem;
  right: 0;
  padding: 1rem;
  font-size: 1rem;
  background: #fff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.08);
  transition: all 0.12s ease-in;
  transition-delay: 0.18s;
}

@media (max-width: 675px) {
  .tooltip {
    width: 8rem;
    padding: 0.5rem;
  }
}
.tooltip:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.25rem;
  right: 1rem;
  z-index: 2;
  height: 1rem;
  width: 1rem;
  margin-left: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.tooltip {
  text-align: center;
}

.tooltip button.btn-secondary {
  margin: 0.75em 0 0;
}

.has-tooltip:hover .tooltip, .has-tooltip:focus .tooltip {
  display: block;
  opacity: 1;
}

.image-background-loader, .loader_pdp, .loader_plp {
  background: url("/Views/Themes/RedPanda/Images/loading.svg?v=1.0.1") no-repeat;
  background-position: center;
  width: 100%;
}

.sku-image-background-loader {
  background: url("~/Content/Images/whiteImage.png?v=1.0.1") no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

.vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.d-none {
  display: none !important;
}

.bnr-locale-header {
  display: flex;
  justify-content: flex-end;
  padding: 0 2.5em;
  width: 15rem;
}
.bnr-locale-header .locale-drowdown {
  padding-top: 12px;
}
.bnr-locale-header .locale-drowdown .dropdown {
  padding-right: 29px;
  padding-top: 0px;
}
.bnr-locale-header .locale-drowdown .dropdown:after {
  right: 0;
}
.bnr-locale-header .locale-drowdown .dropdown .dropdown-toggle {
  text-decoration: underline;
  cursor: pointer;
}

.select-container_profile {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0.25em 0;
}
.select-container_profile select {
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 0.5rem;
  font-size: 1rem;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  background: #fafafa;
  border: 1px solid rgba(59, 59, 59, 0.675);
  transition: box-shadow 0.25s ease-in-out;
}
.select-container_profile .dropdown_profile {
  max-height: 100px;
  overflow-y: auto !important;
}

.select-container_profile::after {
  font-family: "RedPanda" !important;
  content: "\f107";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.94em;
}

.saveforlater {
  position: relative;
}
.saveforlater:after {
  content: "*";
  position: absolute;
  top: 3px;
  left: 6px;
  color: #f00;
}

.dataCapture .d-flex {
  display: flex;
}
.dataCapture .datacapture_btn {
  margin-left: 7px;
}

.display-none {
  display: none;
}

.email_address span, .shipping_code span {
  color: red;
}

.tracking-number tr td:nth-child(5) a {
  text-decoration: underline;
  color: blue;
}

.filter-component .filter-option .popovercontent {
  text-transform: none !important;
}

.captureDataContent {
  max-width: 65%;
  margin: 0 auto;
  padding-bottom: 5%;
}

.captureDataContent #data-capture-content {
  display: flex;
  justify-content: flex-start;
  gap: 10%;
  align-items: center;
  margin: 10% 0 0 16%;
}
.captureDataContent #data-capture-content .control-md.dataCapture {
  flex: 0 0 50%;
}
.captureDataContent #data-capture-content .control-md.dataCapture label.control-label {
  font-size: 18px;
}
.captureDataContent #data-capture-content .control-md.dataCapture input[type=text] {
  height: 30px;
}
.captureDataContent #data-capture-content .control-md.dataCapture .error-msg, .captureDataContent #data-capture-content .control-md.dataCapture .success-msg {
  position: relative;
  top: 7px;
}

.resetpasswordresponse .reset-password-content-page {
  height: 61vh;
}

html {
  background: #fff !important;
  font-size: 15px;
  color: #1a1a1a;
  font-weight: 400;
}

.hightlighted-msg {
  color: #CC0000;
}

.flex-direction-column {
  flex-direction: column;
}

@media screen and (min-width: 996px) and (max-width: 1200px) {
  .product-wrapper #ProductContainer .productOverview .info-wrapper .description-wrapper {
    width: 75rem;
    margin-right: 2.5rem;
  }
}
.visibility-hidden {
  visibility: hidden;
}

.create-address-modal .modal-dialog .modal-content {
  border-radius: 10px;
}
.create-address-modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
.create-address-modal .modal-dialog .modal-content .modal-body {
  float: none;
  padding: 0px 2.5rem;
}
.create-address-modal .modal-dialog .modal-content .modal-body .entered-display-address, .create-address-modal .modal-dialog .modal-content .modal-body .recommended-display-address {
  width: 100%;
}
.create-address-modal .modal-dialog .modal-content .modal-footer {
  border: none;
}
.create-address-modal ._CreateAddress #Edit-Address-content_shipping {
  margin: 0px;
}
.create-address-modal ._CreateAddress #Edit-Address-content_shipping .edit-address-form .form-item label {
  font-size: 14px;
  font-weight: 500;
}
.create-address-modal ._CreateAddress #Edit-Address-content_shipping .edit-address-form .sp-edit-address-buttons .checkout-btn {
  padding: 0.7em 1.5em;
}

@media screen and (min-width: 768px) {
  .create-address-modal .modal-dialog {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .create-address-modal .modal-dialog {
    width: 650px;
  }
}
.img-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ismargin-top-quickorderlayout {
  margin-top: 5.5rem !important;
}

.ismargin-top-shippingbanner {
  margin-top: 0rem !important;
}

.text-left {
  text-align: left !important;
}

.heading-title {
  padding: 0;
  margin: 0;
  line-height: 0;
  opacity: 0;
}

.address-title-label {
  padding: 0.25em 0;
  font-weight: 600 !important;
  font-size: 0.9rem;
}

.account-dashboard .order-receipt .order-receipt-address .receipt-info .section-header-color {
  font-size: 1.0625rem;
  line-height: 2rem;
  padding: 0.25em 0;
  font-weight: 600;
}

.quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
  width: auto;
}
.quickviewpopup-wrapper .size-guide-popup {
  max-height: 66%;
}
.quickviewpopup-wrapper .size-guide-popup .close {
  right: 2.2rem;
}
.quickviewpopup-wrapper .outofstock-notificationpopup {
  box-shadow: -1px 0px 5px 0px #c1c1c1;
  border: 1px solid #ccc;
}

.size-checkbox input[type=radio] {
  display: none;
}
.size-checkbox label {
  display: inline-block;
  padding: 0.5rem 1rem !important;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  text-align: center;
  margin: 0 !important;
  transition: all 0.2s ease;
}
.size-checkbox label:before, .size-checkbox label:after {
  opacity: 0 !important;
  display: none;
}
.size-checkbox input[type=radio]:checked + label {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.size-checkbox .size-checkbox {
  display: inline-block;
}

.quick-view-popup .close {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  color: #999999;
  opacity: 1;
  font-size: 16px;
  line-height: 2;
}
.quick-view-popup #quick-view-content {
  padding: 30px 10px;
}
.quick-view-popup .quickviewpopup-wrapper {
  background: #FFF;
  margin: 10px 0px;
}
.quick-view-popup .quickviewpopup-wrapper .image-view {
  border: 2px solid #eaeaea;
  padding: 18px 20px;
  margin-bottom: 1rem;
}
.quick-view-popup .quickviewpopup-wrapper .single-quantitybox #subtotal-row {
  text-align: right;
  display: flex;
  justify-content: flex-start;
}
.quick-view-popup .quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
  width: auto !important;
}
.quick-view-popup .quickviewpopup-wrapper #shortDescription > ul {
  padding-left: 0 !important;
}
.quick-view-popup .quickviewpopup-wrapper .product-overview .product-price {
  margin-left: 0px;
  font-weight: 500;
  font-size: 1.2em;
}
.quick-view-popup .quickviewpopup-wrapper .product-overview .product-name {
  margin-top: 1.2rem;
  margin-bottom: 0.5em;
}
.quick-view-popup .quickviewpopup-wrapper .envelopeicon-wrapper .tooltip-text {
  left: 0.5rem;
}
.quick-view-popup .quickviewpopup-wrapper .size-guide-popup h2 {
  max-width: fit-content;
  position: relative;
  top: 15px;
}
.quick-view-popup .quickviewpopup-wrapper .size-guide-popup #product-size-chart {
  margin: 10px;
}
.quick-view-popup .quickviewpopup-wrapper .size-guide-popup .close {
  right: 0.5rem;
  top: 0.5rem;
}
.quick-view-popup .quickviewpopup-wrapper .multiple-quantitybox .sp-pdp-size {
  padding: 0px 30px !important;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup {
  box-shadow: -1px 0px 5px 0px #c1c1c1;
  border: 1px solid #ccc;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup .modal-content .modal-header {
  padding: 25px 15px 5px 15px;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup .modal-content .modal-header p {
  font-weight: 100 !important;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup .modal-content .non-size-sku label {
  padding-left: 0px !important;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup .notify-btn {
  min-width: 10em !important;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup .close-btn {
  width: 10em !important;
  margin-right: 0;
}
.quick-view-popup .quickviewpopup-wrapper .single-quantitybox .form-group {
  margin-bottom: 0px;
}
.quick-view-popup #quick-view-content {
  min-height: 360px;
}

.size-checkbox input[type=radio] {
  display: none;
}
.size-checkbox label {
  display: inline-block;
  padding: 0.5rem 1rem !important;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  text-align: center;
  margin: 0 !important;
  transition: all 0.2s ease;
}
.size-checkbox label:before, .size-checkbox label:after {
  opacity: 0 !important;
  display: none;
}
.size-checkbox input[type=radio]:checked + label {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.size-checkbox .size-checkbox {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .quick-view-popup .modal-dialog {
    width: 70%;
    margin: 30px auto;
  }
}
@media screen and (max-width: 1200px) {
  .quickviewpopup-wrapper .product-images .image-view {
    justify-content: left;
    display: flex;
  }
  .quickviewpopup-wrapper .product-overview .product-name {
    margin-top: 2.3rem;
  }
}
@media screen and (max-width: 576px) {
  .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 5.6rem;
  }
  .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper {
    flex-direction: column;
  }
}
@media screen and (min-width: 719px) and (max-width: 1024px) {
  .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 5.6rem;
  }
}
@media screen and (max-width: 719px) {
  .quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
    width: auto;
  }
}
body[data-culture=fr-CA] .quickviewpopup-wrapper .product-overview .product-quantity-wrapper .savelater-btn form .btn-text-full, [data-culture=ja-JP] .quickviewpopup-wrapper .product-overview .product-quantity-wrapper .savelater-btn form .btn-text-full, [data-culture=en-US] .quickviewpopup-wrapper .product-overview .product-quantity-wrapper .savelater-btn form .btn-text-full {
  width: 100%;
}

body[data-culture=fr-CA] .quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
  width: 60%;
}
body[data-culture=fr-CA] .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
  width: 7.6rem;
}
body[data-culture=fr-CA] .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .total-wrapper .pdp-calculator {
  margin-bottom: 10px;
}

body[data-culture=ja-JP] .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group label {
  padding-left: 2.5rem;
}

.local-btn {
  padding: 0;
  margin: 0;
  border: 0;
}

.grid-header .zf-sortable {
  padding-left: 3px;
}

.quickviewpopup-wrapper .product-meta .product-details-image .product-images .image-view .image {
  width: 310px;
  height: 310px;
  overflow: hidden;
  justify-content: center;
  display: flex;
  align-items: center;
}
.quickviewpopup-wrapper .product-meta .product-details-image .product-images .image-view .image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.maincontent2fa {
  justify-content: center !important;
  max-width: none !important;
}
.maincontent2fa .login-box {
  max-width: 400px;
  margin: 40px auto;
  padding: 30px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.maincontent2fa .login-box .col-sm-12 {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  position: relative;
  float: none;
  display: block;
}
.maincontent2fa .login-box .nopadding {
  padding: 0 !important;
}
.maincontent2fa .login-box .text-center {
  text-align: center;
}
.maincontent2fa .login-header p {
  color: #666;
  font-size: 14px;
}
.maincontent2fa .znode-logo {
  width: 120px;
  height: auto;
  margin-bottom: 10px;
}
.maincontent2fa .otp-input-wrapper {
  margin: 30px 0;
  width: 100%;
}
.maincontent2fa .otp-fields {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: nowrap;
}
.maincontent2fa .otp-digit {
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #333;
  transition: all 0.2s ease;
  outline: none;
}
.maincontent2fa .otp-digit:focus {
  border-color: #000;
  box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}
.maincontent2fa .resend-inline {
  display: inline !important;
  white-space: nowrap;
}
.maincontent2fa .resend-inline button {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  color: #000 !important;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  vertical-align: baseline;
}
.maincontent2fa .resend-inline button:hover {
  text-decoration: underline;
}
.maincontent2fa .submit-section {
  margin: 20px 0;
  width: 100%;
}
.maincontent2fa .btn {
  padding: 12px 0;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.maincontent2fa .btn-success {
  width: 100%;
  margin: 15px 0;
  font-size: 13px;
  letter-spacing: 1pt;
  border-radius: 3px;
  border: none;
  color: #fff;
  background-color: #000;
}
.maincontent2fa .btn-success:hover {
  background-color: #000;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}
.maincontent2fa .btn-block {
  display: block;
  width: 100%;
}
.maincontent2fa .countdown-text {
  font-size: 12px !important;
  font-style: italic;
}
.maincontent2fa .login-box::after,
.maincontent2fa .login-header::after,
.maincontent2fa .otp-input-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 480px) {
  .maincontent2fa .login-box {
    margin: 20px auto;
    padding: 20px;
  }
  .maincontent2fa .otp-fields {
    gap: 8px;
  }
  .maincontent2fa .otp-digit {
    width: 35px;
    height: 45px;
    font-size: 20px;
  }
  .maincontent2fa .login-header h3 {
    font-size: 20px;
  }
  .maincontent2fa .login-header h2 {
    font-size: 18px;
  }
  .maincontent2fa .countdown-text {
    font-size: 11px !important;
  }
}

.hamburger {
  padding: 16px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 25px;
  height: 16px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 2px;
  background-color: var(--headerIconColor);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -7px;
}
.hamburger-inner::after {
  bottom: -7px;
}

.hamburger--3dx .hamburger-box {
  perspective: 50px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
  perspective: 50px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
  perspective: 50px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
  perspective: 50px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-5px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-5px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(5px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(5px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(5px, -6.25px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -14px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 7px;
  right: 0;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -50px;
  top: -50px;
  transform: translate3d(50px, 50px, 0) rotate(45deg);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -50px;
  top: -50px;
  transform: translate3d(-50px, 50px, 0) rotate(-45deg);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 7px;
  right: 0;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -50px;
  top: 50px;
  transform: translate3d(50px, -50px, 0) rotate(-45deg);
  transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -50px;
  top: 50px;
  transform: translate3d(-50px, -50px, 0) rotate(45deg);
  transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--stand .hamburger-inner {
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

#divSinglePageCheckout.enable-quantity-input .quantity-spinner .spinner input, #divMultiPageCheckout.enable-quantity-input .quantity-spinner .spinner input {
  cursor: text;
  opacity: 1;
  pointer-events: all;
  border: 1px solid;
}
#divSinglePageCheckout.enable-quantity-input .quantity-spinner .spinner .spp-update-qty, #divMultiPageCheckout.enable-quantity-input .quantity-spinner .spinner .spp-update-qty {
  display: block;
  margin-top: 5px;
  float: right;
  margin-left: 5px;
}
#divSinglePageCheckout.enable-quantity-input .quantity-spinner .spinner .update-qantity, #divMultiPageCheckout.enable-quantity-input .quantity-spinner .spinner .update-qantity {
  word-break: break-word;
  max-width: 104px;
  text-indent: -10px;
  padding-left: 10px;
}

#Checkout .quantity-spinner .spinner .btn-spinner {
  display: none;
}
#Checkout .quantity-spinner .spinner input {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
  border: 0;
}

.spp-update-qty {
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
}

.spp-update-notecard-qty {
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
}

#Checkout .spp-update-qty {
  display: none;
}

#Checkout .spp-update-notecard-qty {
  display: none;
}

#Checkout .personalized_heading {
  font-size: 13px;
}
#Checkout .personalized_text {
  display: none;
}
#Checkout .personalized_input {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
  border: 0;
  background: white;
}
#Checkout .personalized_notecard_img {
  position: relative;
}
#Checkout .personalized_notecard_img .personalized_img {
  position: absolute;
  right: 0;
  top: 0;
}

.table {
  margin-bottom: 0;
  font-size: 13px;
}
.table tbody tr td {
  padding: 5px;
  vertical-align: middle;
  border: 0;
}
.table tbody tr td .zf-inactive, .table tbody tr td .zf-close {
  color: #010101;
}
.table tbody tr td .zf-active, .table tbody tr td .zf-ok {
  color: #76c700;
}
.table tbody tr td .zf-file-text {
  font-size: 32px;
}
.table tbody tr td label {
  font-weight: normal;
}
.table tfoot {
  display: none;
}

.no-record {
  text-align: center;
  padding: 5px 0;
}

.grid-control {
  height: 24px;
}
.grid-control .padding-left {
  padding-left: 6px;
}

.pagination-top {
  padding: 0 0 7px;
  float: left;
}

.pagination-bottom {
  padding: 10px 0 0;
  float: left;
}

.pagination {
  padding-right: 15px;
  float: left;
  margin: 0;
  font-size: 12px;
}
.pagination i {
  color: #010101;
}

.pagination .page-limit {
  padding-right: 7px;
  border-right: 1px solid #333;
}

.pagination .page-limit input[type=text] {
  width: 50px;
  float: none;
  text-align: center;
  height: 26px;
  border-radius: 2px;
  margin: 0;
}

.pagination .show-per-page {
  padding-left: 7px;
}
.pagination .show-per-page select {
  width: 54px;
  float: none;
  height: 26px;
  border-radius: 2px;
}
.pagination .show-per-page .separator {
  margin-right: 15px;
  border-right: 1px solid #333;
  padding-right: 15px;
  padding-left: 3px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
}

.action-ui {
  margin: 0;
  padding: 0;
}
.action-ui li {
  padding: 0 3px;
  list-style: none;
  display: inline-block;
  border-radius: 0;
  min-width: 22px;
  text-align: center;
  min-height: 20px;
  border-right: 1px solid #333;
}
.action-ui li a {
  color: #010101;
  font-size: 13px;
  line-height: 17px;
}
.action-ui li a:hover {
  color: #333;
}
.action-ui li:last-child {
  margin-right: 0;
  border-right: none;
}

.imageicon {
  text-align: center;
  width: 100px;
}
.imageicon .grid-img {
  max-width: 35px;
  max-height: 35px;
  min-height: 35px;
  border: 1px solid #333;
}

.navgation-control a, .navgation-control button {
  display: inline-block;
  text-align: center;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 0 10px;
  margin-left: 5px;
  height: 26px;
  line-height: 26px;
}
.navgation-control a:hover, .navgation-control button:hover {
  color: #333;
  cursor: pointer;
}
.navgation-control p {
  line-height: 26px;
  margin: 0 5px;
}

.grid-checkbox {
  width: 30px;
}

.JCLRgrip .JColResizer {
  width: 4px !important;
  border-right: 1px solid #3e8cf0;
  background-color: transparent !important;
}
.JCLRgrip .JColResizer:hover, .JCLRgrip .JColResizer:active, .JCLRgrip .JColResizer:focus {
  opacity: 0.5;
}

.filter-component {
  position: relative;
  display: block;
  min-height: 45px;
  padding: 8px 0;
  background-color: #f8f3f3;
  line-height: 26px;
  margin-bottom: 15px;
  border: 1px solid #f1e8e8;
}
.filter-component .manage-filter {
  float: left;
  min-width: 140px;
  border-right: 1px solid #333;
  padding: 9px 0;
  background: #f1e8e8;
}
.filter-component .manage-filter a {
  background-color: transparent;
  border: 0;
  color: #010101;
  padding: 0 20px;
}
.filter-component .manage-filter .dropdown-search .right-inner-icon i {
  line-height: 7px;
}
.filter-component .manage-filter .z-down {
  font-size: 13px;
  padding-left: 5px;
  vertical-align: sub;
}
.filter-component .filter-close {
  position: absolute;
  right: 0;
  top: -12px;
  right: -8px;
  font-size: 17px;
  color: #333;
}
.filter-component .filter-item-content {
  padding: 8px 0;
  float: left;
}
.filter-component .filter-option {
  position: relative;
  margin-right: 1rem;
}
.filter-component .filter-option .popover.bottom > .arrow::after {
  border-bottom-color: #f6f6f6;
}
.filter-component .filter-option .popover, .filter-component .filter-option .popover-content {
  border-radius: 0;
  background-color: #f6f6f6;
  max-width: none;
  min-width: 290px;
}
.filter-component .filter-option .parent-content-popover select {
  min-width: 40px;
  border-radius: 0;
  height: 24px;
}
.filter-component .filter-option .parent-content-popover input[type=text] {
  border-radius: 0;
  border-right: 0;
  height: 24px;
  margin: 0;
}
.filter-component .filter-option .parent-content-popover button {
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filter-component .filter-option .parent-content-popover:after {
  content: "";
  display: block;
  clear: both;
}
.filter-component .filter-option .btn-dropdown {
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  margin: 2px 5px;
  padding: 0 10px;
  height: 24px;
  line-height: 21px;
  text-transform: capitalize;
  background-color: #fff;
  color: #333;
  text-align: left;
  border: 1px solid #333;
}
.filter-component .filter-option .btn-dropdown:hover, .filter-component .filter-option .btn-dropdown:focus, .filter-component .filter-option .btn-dropdown:active {
  color: #333;
}
.filter-component .filter-option .btn-dropdown span {
  padding: 0;
}
.filter-component .filter-option .btn-dropdown .z-down {
  font-size: 11px;
  padding-left: 2px;
  color: #333;
  vertical-align: sub;
}
.filter-component .filter-option .option-close i {
  font-size: 13px;
  cursor: pointer;
}
.filter-component .filter-option button.btn-text {
  height: 24px;
  line-height: 24px;
}
.filter-component .filter-option .filter-search-btn {
  background-color: #fff;
  height: 24px;
  border-left: 0;
  border-bottom: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  border-right: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  border-top: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  line-height: 24px;
  color: #010101;
  outline: medium none !important;
  padding: 0 6px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .filter-component .filter-option .popover, .filter-component .filter-option .popover-content {
    min-width: 289px;
  }
}
.datepicker {
  top: 0;
  left: 0;
  cursor: pointer !important;
  z-index: 9999 !important;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
  border-radius: 0;
}

.datepicker-orient-top:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #333;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker-orient-top:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker-orient-bottom:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 6px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
}

.datepicker-orient-bottom:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 7px;
  width: 0;
  height: 0;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker td, .datepicker th {
  text-align: center;
  width: 40px;
  height: 20px;
}

.datepicker td.day:hover {
  background: #e6e9e6;
  cursor: pointer;
}

.datepicker td.old, .datepicker td.new {
  color: #999;
}

.datepicker td.active, .datepicker td.active:hover {
  background: #010101;
  color: #fff;
}

.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
  background-color: #010101;
  color: #fff;
}

.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {
  background-color: #039 \9 ;
}

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
}

.datepicker td span:hover {
  background: #e6e9e6;
}

.datepicker td span.active {
  background: #010101;
  color: #fff;
}

.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
  background: #010101;
  color: #fff;
}

.datepicker td span.active:active, .datepicker td span.active.active {
  background-color: #039 \9 ;
}

.datepicker td span.old {
  color: #999;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #fff;
}

.datepicker-months table tbody tr td, .datepicker-years table tbody tr td {
  width: 220px !important;
}

.datepicker table thead tr {
  padding: 5px 0;
}
.datepicker table thead tr .prev, .datepicker table thead tr .next {
  color: #333;
}
.datepicker table thead tr .dow {
  font-weight: normal;
  color: #323230;
  font-size: 12px;
}

.datepicker table tbody {
  background-color: #ececec;
}
.datepicker table tbody tr td {
  background-color: #fff;
  border: 1px solid #ececec;
}

.timepicker .timepicker-picker .timepicker-hour, .timepicker .timepicker-picker .timepicker-minute {
  text-align: center;
  display: block;
}

.timepicker .timepicker-picker .glyphicon {
  color: #333;
}

.timepicker .timepicker-picker .btn-primary {
  background: #333;
  border: 1px solid #333;
}

:root {
  --primaryColor: #000;
  --secondaryColor: #91c733;
  --white: #fff;
  --black: #000;
  --lightestGray: #f7f7f7;
  --lightGray: #eee;
  --darkGray: #666;
  --fontFamily: "Arial", Arial, sans-serif;
  --desktopLgFont: 18px;
  --laptopLgFont: 16px;
  --mobileLgFont: 14px;
  --desktopMdFont: 16px;
  --laptopMdFont: 14px;
  --mobileMdFont: 12px;
  --bodyTextFontWeight: 400;
  --bodyTextSmall: var(--mobileMdFont);
  --bodyTextMed: var(--laptopMdFont);
  --bodyTextLarge: var(--desktopMdFont);
  --headerLineHeight: 1.25;
  --headerFontWeight: 700;
  --h1Color: var(--black);
  --h1FontSize: 24px;
  --h1Margin: 0 0 12px;
  --h2Color: var(--black);
  --h2FontSize: 20px;
  --h2Margin: 0 0 9px;
  --h3Color: var(--black);
  --h3FontSize: 18px;
  --h3Margin: 0 0 8px;
  --h4Color: var(--black);
  --h4FontSize: 16px;
  --h4Margin: 0 0 5px;
  --headerIconColor: var(--darkGray);
  --headerCartIconColor: var(--darkGray);
  --headerIconHover: var(--secondaryColor);
  --headerIconSize: var(--desktopIconSize);
  --headerSubtotalBg: var(--black);
  --headerSubtotalTextColor: var(--white);
  --footerNavBgColor: var(--black);
  --footerNavTextColor: var(--white);
  --footerFontSize: 10px;
  --footerBgColor: var(--white);
  --footerTextColor: var(--darkGray);
  --iconColor: var(--black);
  --mobileIconSize: 15px;
  --laptopIconSize: 18px;
  --desktopIconSize: 20px;
  --iconMargin: 0.3em;
  --iconHover: var(--darkGray);
  --linkFontWeight: 700;
  --linkFontSize: var(--desktopMdFont);
  --linkLineHeight: 1.25;
  --linkHoverColor: var(--darkGray);
  --btnFontSizeLaptop: var(--desktopMdFont);
  --btnBorder: 2px solid var(--black);
  --btnBorderRadius: 5px;
  --btnMargin: 15px 15px 15px 0;
  --btnFontWeight: 700;
  --btnTransition: Background-color .2s ease-out;
  --btnMinWidth: 50px;
  --btnPadding: 13px 15px;
  --btnLineHeight: 1.25;
  --btnFontSizeDesktop: var(--desktopMdFont);
  --btnFontSizeLaptop: var(--laptopMdFont);
  --btnFontSizeMobile: var(--mobileMdFont);
  --primaryBtnBorder: var(--btnBorder);
  --primaryBtnBgColor: var(--black);
  --primaryBtnTextColor: var(--white);
  --primaryBtnBgHoverColor: var(--darkGray);
  --primaryBtnBorderHoverColor: var(--darkGray);
  --primaryBtnTextHoverColor: var(--white);
  --secondaryBtnBorder: var(--btnBorder);
  --secondaryBtnBgColor: var(--white);
  --secondaryBtnTextColor: var(--black);
  --secondaryBtnBorderHoverColor: var(--darkGray);
  --secondaryBtnBgHoverColor: var(--white);
  --secondaryBtnTextHoverColor: var(--darkGray);
  --tertiaryBtnBorder: none;
  --tertiaryBtnBgColor: transparent;
  --tertiaryBtnTextColor: var(--black);
  --tertiaryBtnIconColor: var(--black);
  --tertiaryBtnMargin: 30px;
  --tertiaryBtnTextHoverColor: var(--darkGray);
  --containerRadius: 10px;
  --plpProdDetailsAlignment: left;
  --plpSpacing: 8px;
  --plpGridGap: 14px;
  --sp-product-stock: contents;
  --prod-detail-availability: contents;
  --cartCSTextWeight: 600;
  --account-page-bg-color: var(--lightestGray);
}

.product-view-details .product-images .alternate-img {
  padding: 20px 50px;
}
.product-view-details .product-images .alternate-img .item img:hover {
  border: 2px solid #010101;
}
.product-view-details .product-images .alternate-img .owl-controls {
  top: -35px;
}
.product-view-details .product-images .alternate-img .item img {
  text-align: center;
  border: 2px solid rgba(153, 153, 153, 0.5);
  display: block;
  max-width: 100px;
  margin: 0 auto;
  max-height: 50px;
  max-width: 50px;
}
.product-view-details .product-images .owl-theme .owl-controls {
  margin-top: 10px;
}
.product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev, .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-next {
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 3px;
  color: #76b900;
  height: 28px;
  width: 28px;
  margin: 0;
  line-height: 26px;
  opacity: 1;
}
.product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-next:hover {
  background-color: #010101;
  color: #FFF;
}
.product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev {
  margin-right: 5px;
}
.product-view-details .product-images .new-product-tag {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 99;
  width: 40px;
  height: 40px;
}

.simpleLens-gallery-container {
  margin-bottom: 25px;
}
.simpleLens-gallery-container .simpleLens-big-image-container {
  display: block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 100%;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0;
  box-shadow: none;
  float: none;
  position: relative;
  -ms-transform: none;
  cursor: zoom-in;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-big-image {
  max-width: 100%;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-mouse-cursor {
  background-color: #ccc;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 2px 2px #999;
  cursor: none;
  -ms-transform: none;
  display: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-mouse-cursor:last-child {
  display: block;
}

.noimageclass {
  pointer-events: none;
}

.simpleLens-lens-element {
  background-color: #FFF;
  box-shadow: 0 0 2px 2px #8e8e8e;
  height: 100%;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  text-align: center;
  -ms-transform: none;
}
.simpleLens-lens-element img {
  position: relative;
  top: 0;
  left: 0;
  width: auto !important;
  max-width: none !important;
  -ms-transform: none;
}

*::-ms-backdrop, .simpleLens-gallery-container .simpleLens-container {
  display: block;
}

*::-ms-backdrop, .simpleLens-gallery-container .simpleLens-big-image-container {
  display: inline-block;
  vertical-align: middle;
}

*::-ms-backdrop, .simpleLens-gallery-container .simpleLens-big-image-container:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

@media all and (min-width: 768px) {
  *::-ms-backdrop, .big-view-template .simpleLens-container {
    height: 600px !important;
  }
}
.small-view-template .product-view-details .product-images .alternate-img {
  padding: 20px;
}
.small-view-template .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
  width: 70%;
}
.small-view-template .simpleLens-container {
  height: 275px;
}
.small-view-template .simpleLens-lens-element {
  left: 85%;
}

.easyzoom {
  position: relative;
}

.easyzoom-flyout, .easyzoom-notice {
  position: absolute;
  background: #FFF;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
  z-index: 100;
  overflow: hidden;
}

.easyzoom-overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom-adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}

.easyzoom .easyzoom-img {
  display: table;
  max-width: 100vw;
  max-height: 100vh;
  text-align: center;
}

@media all and (min-width: 320px) {
  .simpleLens-lens-element {
    display: none;
  }
  .easyzoom img {
    width: 310px;
  }
}
@media all and (min-width: 768px) {
  .easyzoom img {
    width: auto;
  }
}
@media all and (min-width: 992px) {
  .simpleLens-lens-element {
    display: block;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
    width: auto !important;
  }
}
.mktoHasWidth {
  max-width: 450px;
  margin: 0;
  margin-left: 0.5em;
}

.mktoFormCol {
  margin-bottom: 0.5em;
}

.mktoInstruction {
  display: none;
}

.mktoForm .mktoFieldWrap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.mktoAsterix {
  position: absolute;
  color: red;
  padding: 0 0 0 0.25em;
}

.mktoForm {
  margin: 0 auto;
}
.mktoForm label#LblEmail {
  max-width: 1em;
}
.mktoForm label#LblCountry {
  max-width: 1em;
}
.mktoForm select#Country {
  min-width: 16em;
  min-height: 2.5em;
  font-size: 1rem;
}
.mktoForm input#Email {
  min-width: 16em;
  min-height: 2.5em;
  font-size: 1rem;
}
.mktoForm .mktoError {
  z-index: 9;
  display: block;
  right: auto !important;
  position: absolute;
}
.mktoForm .mktoError .mktoErrorArrowWrap {
  position: absolute;
  left: 0;
  min-height: 1em;
  min-width: 1em;
  transform: translate(3em, 0.25em) rotate(45deg);
  background: red;
}
.mktoForm .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
  display: none;
}
.mktoForm .mktoError .mktoErrorMsg {
  position: absolute;
  left: 1.5em;
  z-index: 101;
  margin-top: 0.25em;
  padding: 0.5em;
  background: red;
  color: #FFF;
}

#Saveforlater [name=chkShareProductCheckbox], #Saveforlater [name=chkShareProductCheckbox] + lable, #Saveforlater [name=chkShareProductCheckbox] + label, #btnShareSelected {
  display: none;
}