@charset "UTF-8";
/*// SVG padding hack for IE 11
.svg-container{
  display:block;
  position:relative;
  width:100%;
  padding-bottom:100%;
  vertical-align:middle;
  svg{
    display:block;
    position:absolute;
    top:0;
    left:0;
  }
}*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600");
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 {
  --loading-animation-file-path: url(/Views/Themes/RedPanda/Images/loading.svg?v=1.0.0);
}

html {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
@media screen and (min-width: 719px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 1023px) {
  html {
    font-size: 15px;
  }
}

body {
  line-height: 1.5em;
}

b, strong {
  font-weight: bold;
}

@font-face {
  font-family: "Material Icons";
  src: url("../../Fonts/MaterialIcons/MaterialIcons-Regular.woff2?v=1.0.0") format("woff2"), url("../../Fonts/MaterialIcons/MaterialIcons-Regular.woff?v=1.0.0");
}
@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.0) 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.0");
  src: url("../../Fonts/znode-web-store.eot?v=1.0.0") format("embedded-opentype"), url("../../Fonts/znode-web-store.ttf?v=1.0.0") format("truetype"), url("../../Fonts/znode-web-store.woff?v=1.0.0") format("woff"), url("../../Fonts/znode-web-store.svg?v=1.0.0#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-download:before {
  font-family: "znode-web-store";
  content: "\e91f";
}

.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-sortable:before {
  font-family: "znode-web-store";
  content: "\e919";
}

@font-face {
  font-family: "RedPanda";
  src: url("../../Fonts/RedPanda.ttf?v=1.0.0") format("truetype"), url("../../Fonts/RedPanda.woff?v=1.0.0") format("woff"), url("../../Fonts/RedPanda.svg?v=1.0.0#RedPanda") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "RedPanda" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_split:before {
  content: "\e910";
  color: #5f6368;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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-sort-by:before {
  content: "\f000";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-image: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-plus:before {
  content: "\f067";
}

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

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

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

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

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

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

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

.icon-exclamation-triangle: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-cloud:before {
  content: "\f0c2";
}

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

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

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

.icon-bars: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-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-angle-down:before {
  content: "\f107";
}

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

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

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

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

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

.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-times-rectangle-o:before {
  content: "\f2d4";
}

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

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

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

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

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

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

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

@font-face {
  font-family: "social_icons";
  src: url("../../Fonts/social_icons.ttf?v=1.0.0") format("truetype"), url("../../Fonts/social_icons.woff?v=1.0.0") format("woff"), url("../../Fonts/social_icons.svg?v=1.0.0#social_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-social], [class*=" icon-social"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "social_icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -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";
}

a {
  color: #010101;
  text-decoration: none;
  word-wrap: break-word;
}
a:hover, a:focus {
  color: rgb(0.65, 0.65, 0.65);
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  padding: 0.25em 0;
  font-weight: 600;
}

h1 {
  font-size: 1.5rem;
  line-height: 2.5rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 2rem;
}

h3 {
  font-size: 1.0625rem;
  line-height: 2rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

h5 {
  font-size: 0.9rem;
}

p {
  font-size: 1em;
  /*padding: 0 0 1.5em 0;*/
}

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

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

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;
  margin: 1em 0;
  padding: 0.5rem 1.5rem;
  border: 1px solid #010101;
  background: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  font-size: 1rem;
  transition: all 0.35s ease-in-out;
}
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: #010101 !important;
  border-color: #010101;
  color: #FDFDFD !important;
}
.btn-primary:hover, .btn-bg-primary:hover {
  background: rgba(1, 1, 1, 0.65) !important;
  border: 1px solid rgba(1, 1, 1, 0.65) !important;
  transition: all 0.125s;
}

.btn-secondary, .btn-bg-secondary {
  background: #FDFDFD;
  color: #010101;
}
.btn-secondary:hover, .btn-bg-secondary:hover {
  background: #010101;
  color: #FDFDFD;
}

.btn-tertiary {
  display: block;
  padding: 0.75em;
  background: #FDFDFD;
  color: #010101;
  border: none;
}

.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: #FFF;
  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: #FFF;
  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 {
  /* box-shadow: 0px 0px 0px 3px $errorColor; */
  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: #FFF;
  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;
  flex-wrap: wrap;
  font-weight: 600;
}
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: rgb(250.49, 250.49, 250.49);
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid rgba(58.5, 58.5, 58.5, 0.675);
  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;
  /*.input-selectArrow {
    pointer-events: none;
    position: absolute;
    top: .85em;
    right: .75em;

    path {
      stroke: shade($borderColor,35);
    }
  }*/
}
.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: 1.125rem;
  width: 1.125rem;
  border: 2px solid rgba(58.5, 58.5, 58.5, 0.675);
  margin-right: 0.5rem;
  min-width: 18px;
  background: #FFF;
  transition: background 0.125s ease-in-out, box-shadow 0.25s ease-in-out;
}
.input-checkbox_container .input-checkbox_appearance svg {
  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: transparent;
}
.input-checkbox_container .input-checkbox:disabled + .input-checkbox_appearance svg {
  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 {
  visibility: initial !important;
  opacity: 1 !important;
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance {
  background: rgba(58.5, 58.5, 58.5, 0.675);
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance svg {
  visibility: visible;
  transform: scale(1);
}
.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;
}
.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 3px rgba(1, 1, 1, 0.15);
  outline: 1px solid transparent;
}
.input-checkbox_container .input-checkbox_label {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
}
.input-checkbox_container .input-checkbox_label.checkbox-disable {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.input-checkbox_container .input-checkbox_label.checkbox-disable .input-checkbox_appearance {
  background: #c3c3c3 !important;
}

.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: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;
}

[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);
}

/*input:read-only {
    background: $disabled-fields;
    cursor: not-allowed;
}*/
.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.0") 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: 1280px;
  margin: 0 auto 40px auto;
  padding: 0.8em;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: #FFF;
}
@media (min-width: 719px) {
  .adBoxContainer {
    position: relative;
    flex-direction: row;
    margin-top: 22em;
  }
}
.adBoxContainer .adBoxes {
  width: 90%;
  max-width: calc(1280px / 3);
  margin: 0 auto;
  padding: 1em;
  box-sizing: border-box;
}
@media (min-width: 719px) {
  .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);
  opacity: 1;
  transition: all 0.25s;
}
#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: 2px 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: 2px solid #999;
  color: #999;
  font-size: 26px;
  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) {
  .product-altimages .owl-carousel .item img {
    margin-top: 0.5em;
  }
  .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);
  }
}
.simpleLens-thumbnails-container .item {
  padding: 5px;
}
.simpleLens-thumbnails-container .item img {
  border: 2px solid rgba(153, 153, 153, 0.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: 719px) {
  .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 {
  padding-bottom: 1em;
}

.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: 719px) {
  .recommended-address-popup {
    flex-direction: row;
  }
  .recommended-address-popup > div {
    border: none;
  }
}

/*
// Marketo Opt-in
section.optIn {
    padding: 30px 0;
    background-color: #f3f3f3;
}

.mktoForm {
    width: 470px;
    margin: 0 auto;

    h4 {
        white-space: nowrap;
    }

    .mktoLabel {
        width: 8px;
    }

    .mktoFieldWrap input#Email {
        width: 400px;
        height: 35px;
        text-indent: 10px;
    }

    select#Country {
        width: 400px;
        height: 35px;
        text-indent: 10px;
        border-radius: 0;
        border: none;
    }

    .mktoButtonWrap {
        margin-left: 18px;
    }
}*/
#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); /* support: IE8 */
  background-image: none;
}
.deliverySlideIn .ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

#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: 719px) {
  #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: 719px) {
  #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: 40em;
  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;
}

.spotlight {
  display: flex;
  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 {
  min-height: 240px;
  padding: 6em 0;
}
.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: 719px) {
  .spotlight > z-widget .layout-contentpage {
    min-height: 480px;
  }
}
.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: 719px) {
  .spotlight {
    position: absolute;
    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.25rem;
  font-weight: 900;
}
.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 .owl-carousel {
  display: flex;
  width: calc(100% - 8em);
  max-width: 90em;
  margin: 0 auto;
  align-items: center;
  text-align: center;
}
#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;
}

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

.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;
}

footer .footer-information {
  display: flex;
  flex-wrap: wrap;
}
footer .footer-information > div {
  width: 25%;
}
footer .footerLinks {
  width: calc(100% - 4em);
}
footer .links {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 719px) {
  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: 719px) {
  footer .links ul li {
    display: inline-block;
    text-align: left;
    padding: 0 1.5em 0 0 !important;
  }
}

.footerCopyright {
  color: #FFF;
  font-size: 0.82rem;
  padding: 2em 2em 4em 2em;
}
.footerCopyright .container {
  padding: 0.5em 0;
  justify-content: flex-start;
}
.footerCopyright a {
  color: #FFF;
}

header {
  position: relative;
  z-index: 99;
}

.status-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 0.9em;
  position: relative;
  z-index: 999;
}
.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;
}

span.headerQuantity {
  /* Hides the quantity total (requested to be hidden by default). If needed to show, override this value */
  display: none;
}

.headerSubtotal {
  min-width: 55px;
}

.header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (min-width: 719px) {
  .header {
    flex-direction: row;
  }
}
@media screen and (min-width: 1023px) {
  .header {
    font-size: 0.9em;
  }
}
.header > div {
  width: 96%;
}
.header .header-logo svg, .header .header-logo img {
  max-height: 90px;
  max-width: 160px;
}
.header .logo {
  max-width: 200px;
  padding: 1em 0;
  text-align: center;
}
@media screen and (min-width: 719px) {
  .header .logo {
    flex-direction: row;
  }
}
.header .logo img {
  width: 100%;
}
.header .rightSide {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
@media screen and (min-width: 719px) {
  .header .rightSide {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1023px) {
  .header .rightSide {
    flex-direction: row;
    justify-content: space-between;
  }
}
.header .rightSide .cart {
  padding: 1rem 0 1rem 1rem;
  display: flex;
  align-items: center;
}
.header .rightSide .cart span#eCertTotalAvailableBalanceHeader {
  background: none;
}
.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-text {
  visibility: hidden;
  position: absolute;
  top: 20px;
  left: -75px;
  background: #010101;
  color: #FFF;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  z-index: 99;
}
.header .rightSide .cart a {
  display: flex;
  align-items: center;
}
.header .rightSide .cart a span {
  padding-right: 0.5em;
}
.header .rightSide .cart a .icon-shopping-cart {
  font-size: 1.5em;
  color: #444;
}
.header .rightSide .cart .headerSubtotal {
  margin-left: 0.75em;
}
.header .rightSide .cart .hasItem {
  /* .headerQuantity {
      position: absolute;
      padding: .1em;
      margin: -2em 0 0 1em;
      overflow: hidden;
      height: 2em;
      min-width: 2em;
      width: auto;
      line-height: 2em;
      vertical-align: middle;
      border: 1px solid #fff;
      background-color: $brandSecondary;
      color: #fff;
      border-radius: 15px;
      font-size: 10px;
      text-align: center;
  }*/
}
@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: 719px) {
  .header .rightSide .cart .cart .headerSubtotal, .header .rightSide .cart .cart .headerQuantity {
    display: none;
  }
  .header .rightSide .cart .tooltip {
    display: inline-block;
  }
}
.header .rightSide .cart .has-tooltip {
  /*
      padding-right: 0.75em;
      line-height: 1em;

      &:hover, &:focus { //Service-link Hover/Focus state
          .tooltip {
              visibility: visible;
              opacity: 1;
          }
      }

      .tooltip {
          margin: 0.5em 0 0 -4.5em;
          width: auto;
          padding: .5rem;
          border: 1px solid $borderColor;

          @media only screen and (min-width: $breakMed) { // Tablet+
              display: inline-block;
          }

          @media only screen and (min-width: $breakLarge) { // Desktop+
              a {
                  color: $linkColor !important
              }
          }

          &:after {
              content: '';
              display: block;
              height: 1em;
              width: 1em;
              position: absolute;
              top: -.5em;
              left: calc(50% + .25em);
              background: white;
              transform: rotate(45deg);
              z-index: 2;
              border-top: 1px solid $borderColor;
              border-left: 1px solid $borderColor;
          }

          a { //tooltip anchor
              display: inline-block;
              margin: 0;
              padding: .5em;
              color: inherit;
              white-space: nowrap;
          }

          .text { //tooltip text
              display: inline-block !important; //always display header tooltip text (the parent can be hidden)
          }
      }
  */
}
.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 {
  /*padding-right: 4.9em;*/
  height: 2.5em;
}
.header .search .search-widget .input-group-btn {
  width: inherit;
}
.header .search .search-widget button {
  margin: 0;
  height: 2.5em;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 0;
}
.header .search .search-widget button:hover {
  border: 1px solid rgba(153, 153, 153, 0.5);
}
@media screen and (min-width: 1023px) {
  .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;
}

.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 {
  /* Hides the quantity total (requested to be hidden by default). If needed to show, override this value to inline-block */
  display: none;
}

.budget_Balance {
  display: flex;
}
.budget_Balance .refresh_BudgetButton {
  font-size: 15px;
  padding-left: 5px;
  padding-top: 4px;
}

.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);
}

#orderimpersonateheader {
  z-index: 98;
  position: relative;
}

.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 .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;
  /*background-color: transparent;*/
}
.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: 400px;*/
  min-height: 400px;
}
.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;
}
.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;
  /*align-items: center;*/
  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 .product-color-swatch {
  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 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;
  /*margin-top: 0.5rem;*/
  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: 1024px) {
  .customize-search-box .search-result-wrapper {
    left: 15px;
    top: 11%;
  }
}
@media screen and (max-width: 769px) {
  .customize-search-box .search-result-wrapper {
    flex-wrap: wrap;
  }
  .customize-search-box .search-result-wrapper .synonymsresult-wrapper, .customize-search-box .search-result-wrapper .typeahead-results-wrapper {
    flex: 1;
  }
}
@media screen and (min-width: 320px) and (max-width: 576px) {
  .customize-search-box .search-result-wrapper {
    flex-direction: column;
  }
}
@media (min-width: 1023px) {
  #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;
}
.navigation ul .active > a {
  background: #010101;
  color: #FFF;
}
.navigation .hasSub ul li {
  background: rgb(23.225, 23.225, 23.225);
}
@media screen and (max-width: 1023px) {
  .navigation .hasSub ul li a {
    padding-left: 1.25em;
  }
}
@media screen and (min-width: 1023px) {
  .navigation .hasSub ul .itemLevel1:hover {
    background: #010101;
  }
  .navigation .hasSub ul .itemLevel1:hover > ul {
    top: 0;
    left: 160px;
  }
}
.navigation .hasSub ul li li {
  background: rgb(45.45, 45.45, 45.45);
}
@media screen and (max-width: 1023px) {
  .navigation .hasSub ul li li a {
    padding-left: 2.5em;
  }
}
@media screen and (min-width: 1023px) {
  .navigation .hasSub ul .itemLevel2:hover {
    background: #010101;
  }
  .navigation .hasSub ul .itemLevel2:hover > ul {
    top: 0;
    left: 160px;
  }
}
.navigation .hasSub ul li li li {
  background: rgb(67.675, 67.675, 67.675);
}
@media screen and (max-width: 1023px) {
  .navigation .hasSub ul li li li a {
    padding-left: 3.75em;
  }
}
@media screen and (min-width: 1023px) {
  .navigation .hasSub ul .itemLevel3:hover {
    background: #010101;
  }
  .navigation .hasSub ul .itemLevel3:hover > ul {
    top: 0;
    left: 160px;
  }
}
.navigation .hasSub ul li li li li {
  background: rgb(89.9, 89.9, 89.9);
}
@media screen and (max-width: 1023px) {
  .navigation .hasSub ul li li li li a {
    padding-left: 5em;
  }
}
@media screen and (min-width: 1023px) {
  .navigation .hasSub ul .itemLevel4:hover {
    background: #010101;
  }
  .navigation .hasSub ul .itemLevel4:hover > ul {
    top: 0;
    left: 160px;
  }
}
.navigation .hasSub ul li li li li li {
  background: rgb(112.125, 112.125, 112.125);
}
@media screen and (max-width: 1023px) {
  .navigation .hasSub ul li li li li li a {
    padding-left: 6.25em;
  }
}
@media screen and (min-width: 1023px) {
  .navigation .hasSub ul .itemLevel5:hover {
    background: #010101;
  }
  .navigation .hasSub ul .itemLevel5:hover > ul {
    top: 0;
    left: 160px;
  }
}
.navigation .hasSub ul li li li li li li {
  background: rgb(134.35, 134.35, 134.35);
}
@media screen and (max-width: 1023px) {
  .navigation .hasSub ul li li li li li li a {
    padding-left: 7.5em;
  }
}
@media screen and (min-width: 1023px) {
  .navigation .hasSub ul .itemLevel6:hover {
    background: #010101;
  }
  .navigation .hasSub ul .itemLevel6:hover > ul {
    top: 0;
    left: 160px;
  }
}
@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: 1em 0;
    opacity: 85;
    background: #010101;
    transition: all 0.75s cubic-bezier(0, 1, 0, 1), opacity 0.125s ease;
  }
  .navigation nav.active {
    max-height: 2400px;
    opacity: 1;
    transition: all 1.5s ease-in-out;
  }
  .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 li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .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: "▼";
    position: absolute;
    right: 1.5em;
    display: inline-block;
    font-size: 10px;
    transform: rotate(0deg);
    transition: transform 0.2s;
  }
}
.navigation .login-search .order-text {
  min-width: 112px;
}
@media screen and (min-width: 1023px) {
  .navigation {
    width: 100%;
  }
  .navigation a.hasSub {
    pointer-events: none;
  }
  .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 nav {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .navigation nav ul {
    display: flex;
    align-items: center;
  }
  .navigation nav li {
    position: relative;
    transition: background 0.25s ease-in-out;
  }
  .navigation nav li a {
    display: block;
    padding: 1em;
    transition: all 0.25s ease-in-out;
  }
  .navigation nav li:hover > ul {
    display: block;
  }
  .navigation nav li:focus-within > ul {
    display: block;
  }
  .navigation nav .hasSub {
    position: relative;
  }
  .navigation nav .hasSub.itemLevel1:hover {
    background: #010101;
  }
  .navigation nav .hasSub.itemLevel1:hover > a {
    color: #FFF;
  }
  .navigation nav .hasSub.itemLevel1 > a {
    color: #010101;
  }
  .navigation nav .hasSub a {
    color: #FFF;
  }
  .navigation nav .hasSub a:hover {
    background: #010101;
  }
  .navigation nav .hasSub .secondLevel a {
    color: #FFF;
  }
  .navigation nav .hasSub .secondLevel:hover {
    background: #666;
    cursor: pointer;
  }
  .navigation nav .hasSub .sub-menu-child {
    top: 0;
    left: 100%;
  }
  .navigation nav .hasSub ul {
    position: absolute;
    display: none;
  }
  .navigation nav .hasSub ul a {
    width: 160px;
  }
}

.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: 1023px) {
  .menuOverlay {
    display: none;
  }
}

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;
  }
}

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

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

#popular-products {
  display: none;
}

section.optIn {
  padding: 30px 0;
  background-color: #f3f3f3;
}

.scan-dialog .scan-video-container .dbrScanner-video {
  width: 100%;
  max-height: 80vh;
}

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

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

#showAtSiteEntryDataCapture .mainheadline .datacapture-title {
  font-size: 21px;
  font-weight: 600;
}

.maincta button {
  font-size: 1em;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  background-color: #8f1732;
}
.maincta button:hover {
  color: #000;
}

.snap-on-homecontent {
  padding: 1.8rem 3rem;
}
.snap-on-homecontent .content-widget-one, .snap-on-homecontent .content-widget-two, .snap-on-homecontent .content-widget-three {
  padding-bottom: 2.5rem;
}
.snap-on-homecontent .content-widget-two img {
  width: 100%;
}
.snap-on-homecontent .content-widget-three .adboxes-container {
  width: 100%;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two {
  padding-left: 2rem;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two .form-group-wrapper {
  margin-top: 10px;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two .next-btn {
  margin-top: 30px;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two .next-btn a {
  background: #3E3E3E;
  padding: 0.7rem 3.5rem;
  color: white;
  font-weight: bold;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes, .snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two {
  width: 50%;
}

@media screen and (max-width: 769px) {
  .content-widget-three .adboxes-container {
    flex-wrap: wrap;
  }
  .content-widget-three .adboxes-container .adBoxes-two {
    margin-top: 1.5rem;
    padding-left: 0rem !important;
  }
  .content-widget-three .adboxes-container .adBoxes, .content-widget-three .adboxes-container .adBoxes-two {
    width: 100% !important;
  }
}
.snap-on-homecontent {
  padding: 1.8rem 3rem;
}
.snap-on-homecontent .content-widget-one, .snap-on-homecontent .content-widget-two, .snap-on-homecontent .content-widget-three {
  padding-bottom: 2.5rem;
}
.snap-on-homecontent .content-widget-two img {
  width: 100%;
}
.snap-on-homecontent .content-widget-three .adboxes-container {
  width: 100%;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two {
  padding-left: 2rem;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two .form-group-wrapper {
  margin-top: 10px;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two .next-btn {
  margin-top: 30px;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two .next-btn a {
  background: #3E3E3E;
  padding: 0.7rem 3.5rem;
  color: white;
  font-weight: bold;
}
.snap-on-homecontent .content-widget-three .adboxes-container .adBoxes, .snap-on-homecontent .content-widget-three .adboxes-container .adBoxes-two {
  width: 50%;
}

@media screen and (max-width: 769px) {
  .content-widget-three .adboxes-container {
    flex-wrap: wrap;
  }
  .content-widget-three .adboxes-container .adBoxes-two {
    margin-top: 1.5rem;
    padding-left: 0rem !important;
  }
  .content-widget-three .adboxes-container .adBoxes, .content-widget-three .adboxes-container .adBoxes-two {
    width: 100% !important;
  }
}
#errorMessageForRequiredMaxQuantity .maximumPerchaseError {
  color: rgb(204, 0, 0);
}
#errorMessageForRequiredMaxQuantity .maximumPerchaseError .cartRedirect {
  color: #007DC5;
  text-decoration: underline;
}

#quick-view-content {
  background: #fff;
  padding: 10px;
}
#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: 0.8rem;
}
#quick-view-content .configurable-product-quantity-content .product-quantity-wrapper {
  padding: 1rem 2rem;
  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 (max-width: 768px) {
  #quick-view-iframe {
    width: 93%;
  }
}
#quick-view-popup-ipad {
  display: none;
  width: 100%;
  max-width: 1024px;
  height: auto;
  z-index: 1050;
  padding-right: 17px;
  border: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
#quick-view-popup-ipad #quick-view-iframe {
  min-height: 635px;
  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 {
  padding-left: 30px;
}
.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-top: 1rem;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content {
  border: 2px solid #eaeaea;
  margin-top: 0px;
}
.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;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group label {
  padding-left: 1rem;
}
.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;
}
.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 .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;
}
.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;
}
.quickviewpopup-wrapper .product-short-description #showMoreBtn {
  border: none;
  padding: 0;
  font-weight: 600;
  text-decoration: underline;
}
.quickviewpopup-wrapper .product-znode-number {
  position: absolute;
}
.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;
}

.see-details-wrapper {
  text-decoration: underline;
  padding: 0px 1.3rem;
}

@media screen and (max-width: 768px) {
  .quickviewpopup-wrapper .product-overview .total-wrapper {
    flex-direction: column;
  }
}
#quick-view-content {
  background: #fff;
  padding: 10px;
}
#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: 0.8rem;
}
#quick-view-content .configurable-product-quantity-content .product-quantity-wrapper {
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
}

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

@media (max-width: 1200px) {
  #quick-view-iframe {
    width: 94%;
  }
}
@media (max-width: 768px) {
  #quick-view-iframe {
    width: 93%;
  }
}
#quick-view-popup-ipad {
  display: none;
  position: fixed;
  width: 100%;
  max-width: 1024px;
  height: auto;
  z-index: 1050;
  padding-right: 17px;
  border: none;
}
#quick-view-popup-ipad #quick-view-iframe {
  min-height: 635px;
  margin: 30px auto;
  display: block;
  background: #fff; /* Background color for iframe */
}

.quickviewpopup-wrapper #shortDescription > ul {
  padding-left: 0 !important;
}
.quickviewpopup-wrapper .product-overview {
  padding-left: 30px;
}
.quickviewpopup-wrapper .product-overview .product-price {
  margin-left: 0px;
  font-weight: 500;
  font-size: 1.2em;
}
.quickviewpopup-wrapper .product-overview .product-name {
  margin-top: 1.2rem;
  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-top: 1rem;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content {
  border: 2px solid #eaeaea;
  margin-top: 0px;
}
.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;
}
.quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group label {
  padding-left: 1rem;
}
.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;
}
.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 .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;
}
.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;
}
.quickviewpopup-wrapper .product-short-description #showMoreBtn {
  border: none;
  padding: 0;
  font-weight: 600;
  text-decoration: underline;
}
.quickviewpopup-wrapper .product-znode-number {
  position: absolute;
  bottom: -1rem;
}
.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;
}

.see-details-wrapper {
  text-decoration: underline;
  padding: 0px 1.3rem;
}

@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;
  }
  #quick-view-content .quickviewpopup-wrapper {
    max-height: none !important;
    overflow-x: hidden;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 576px) {
  #quick-view-content .configurable-product-quantity-content .product-quantity-wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 6.6rem;
  }
  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 !important;
  }
}
@media screen and (min-width: 1400px) {
  .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 5.6rem !important;
  }
}
.size-guidelink-wrapper {
  text-decoration: underline;
}

.your-pricing form {
  width: auto !important;
}

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: 6.6rem;
}

.registerLogo {
  text-align: center;
}

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

.Login .login-page-message, .login .login-page-message {
  max-width: 1280px;
  margin: 1em auto;
  padding: 0 1em;
}
.Login h1, .login h1 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1em;
}
.Login main, .login main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1em 0.25em 0.5em 0.25em;
}
.Login main > div, .login main > div {
  width: 100%;
  min-width: 250px;
  margin: 1em auto;
  padding: 2em 1%;
  box-sizing: border-box;
  border: 1px solid rgba(153, 153, 153, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 719px) {
  .Login main > div, .login main > div {
    width: 45%;
  }
}
.Login main > div h2, .login main > div h2 {
  text-transform: capitalize;
}
.Login main > div > div, .login main > div > div {
  width: 90%;
}
.Login main > div .login-heading, .login main > div .login-heading {
  text-transform: none;
}
.Login main .checkout-guest-container, .login main .checkout-guest-container {
  width: 95%;
  margin: 1em auto;
  border: 1px solid rgba(153, 153, 153, 0.5);
}
.Login main .checkout-guest-container.checkout-new, .login main .checkout-guest-container.checkout-new {
  display: none;
}

.registerContainer {
  max-width: 719px;
  margin: 0 auto;
}
.registerContainer .already-account h3 {
  padding: 0.5em 0;
}

.checkout-login-asguest {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  border: 1px solid #010101;
  background: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  font-size: 1rem;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.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;
}

.dashboard main section .cta a, .Dashboard main section .cta a {
  text-align: center;
}

.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: 719px) {
  .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%;
}
.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 .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: 1023px) {
  .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 {
  border: 1px solid rgba(153, 153, 153, 0.5);
  padding: 1em 1em 0.25em;
  margin: 1em 0em;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.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-left: 1em;
}
@media screen and (max-width: 719px) {
  .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;
    border-top: 1px solid rgba(153, 153, 153, 0.5);
    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: 250px;
    width: 80%;
    padding: 10px;
    margin: 0.75em auto;
  }
}
@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: 719px) {
  .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;
}

.address-block {
  position: relative;
  min-height: 1em;
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  padding: 1em;
}
@media screen and (min-width: 1023px) {
  .address-block {
    margin-right: 1em;
  }
}
.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%;
}

.addNewAddress {
  width: 100%;
  display: flex;
}

#layout-account-editaddress input, #layout-account-editaddress text-area {
  width: 100%;
}

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

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

@media screen and (min-width: 719px) {
  .formCountryStateCity {
    display: flex;
    justify-content: space-between;
  }
  .formCountryStateCity .form-item {
    width: 49%;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
}

.wishlist-container table {
  width: 100%;
}
.wishlist-container .wishlistList {
  padding: 1em 0;
}
.wishlist-container .wishlist-item {
  position: relative;
  padding: 0.5em 2em 0.5em 0;
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.wishlist-container .wishlist-item:last-of-type {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
.wishlist-container .wishlist-item > div {
  min-width: 100%;
  text-align: center;
}
.wishlist-container .wishlist-item .wishlist-item-image img {
  width: 220px;
}
.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;
}
@media (min-width: 719px) {
  .wishlist-container .wishlist-item > div {
    text-align: left;
  }
  .wishlist-container .wishlist-item .wishlist-item-detail {
    width: 100%;
    min-width: 12em;
    max-width: 32em;
  }
  .wishlist-container .wishlist-item .wishlist-item-detail a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .wishlist-container .wishlist-item .wishlist-item-detail a > div {
    width: 50%;
  }
  .wishlist-container .wishlist-item .wishlist-item-detail .wishlist-item-image img {
    min-width: 8em;
  }
  .wishlist-container .wishlist-item .wishlist-item-price {
    min-width: 6em;
  }
  .wishlist-container .wishlist-item .wishlist-item-tocart {
    min-width: 10em;
  }
}

.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: 395px;
  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);
}
.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-dropdown-menu{width:100%;background-color:$white;max-height:300px;overflow-y:auto;overflow-x:hidden;border:1px solid $borderColor;margin-top:-10px;}
.tt-dataset-autos,.tt-suggestions{float:left;width:100%;}
.tt-suggestion{float:left;width:100%;border-bottom:1px solid $borderColor;color:$textColor;
   .auto-list{float:left;width:70%;padding:5px;
       h4{font-size:14px;font-weight:bold;color:$brandPrimary;}
       p{font-size:12px;padding:0;margin:0; line-height:22px;display:none;}
       b{color:$brandPrimary;}
       h1,h2{font-size: 14px!important; line-height:26px;}
   }
   .auto-img{float:left;text-align:center; margin:15px 0 0; 
       img {width:40px; height:40px;}
   }
}*/
.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;
  }
}
.displayname-width {
  width: 49%;
}

#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;
}

/*#Search {
    #pagingsearching {
        display: flex;
        align-items: flex-end;

        > div {
            padding-right: .5em;
        }
    }
}*/
.panel-default .collapse.in {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}

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

.search-page {
  /*.search-result{
      padding:10px;
  }*/
}
.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;
  /*font-family: $base-font-family-bold;*/
}
.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;
  /*font-family: $base-font-family-bold;*/
  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;
  /*font-family: $base-font-family-bold;*/
}
.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;
}
@media screen and (max-width: 520px) {
  #layout-category #product-list-container {
    display: block;
  }
}
#layout-category #product-list-container:before {
  content: "";
  display: none;
}
#layout-category aside {
  width: 100%;
}
@media screen and (min-width: 1023px) {
  #layout-category aside {
    width: calc(25% - 4rem);
  }
}
#layout-category main {
  width: 100%;
}
@media screen and (min-width: 1023px) {
  #layout-category aside + main.productListContainer {
    width: 75%;
  }
}
@supports (display: grid) {
  #layout-category aside + main.productListContainer .productGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1em;
  }
  @media screen and (min-width: 300px) {
    #layout-category aside + main.productListContainer .productGrid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (min-width: 520px) {
    #layout-category aside + main.productListContainer .productGrid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (min-width: 719px) {
    #layout-category aside + main.productListContainer .productGrid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (min-width: 1023px) {
    #layout-category aside + main.productListContainer .productGrid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media screen and (min-width: 1279px) {
    #layout-category aside + main.productListContainer .productGrid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
}
#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: repeat(1, 1fr);
    grid-gap: 1em;
  }
  @media screen and (min-width: 300px) {
    #layout-category .productGrid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (min-width: 520px) {
    #layout-category .productGrid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (min-width: 1023px) {
    #layout-category .productGrid {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media screen and (min-width: 1279px) {
    #layout-category .productGrid {
      grid-template-columns: repeat(5, 1fr);
    }
  }
}
#layout-category .productGrid li {
  display: block;
  text-align: center;
  padding: 0.125em;
  margin: 1em 0;
}
#layout-category .productGrid li .product-item .product-details h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25em 0;
  font-weight: 600;
}
#layout-category .productGrid .product-item .category-details .title {
  cursor: pointer;
}
#layout-category .color-swatches {
  position: relative;
}
#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.125rem;
  font-weight: 900;
}
#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 {
  max-width: 230px;
  margin: 0 auto;
}
#layout-category .brand-banner-text {
  width: 100%;
  text-align: left;
  padding: 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 .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 .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;
}

._ProductGrid {
  position: relative;
}

#ProductListLoader {
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s;
}
#ProductListLoader.active {
  width: 100%;
  height: calc(100% - 2em);
  visibility: visible;
  opacity: 1;
}
#ProductListLoader #ProductListLoadingGraphic {
  height: 8em;
  width: 100%;
  padding: 12em 0 0;
  background: var(--loading-animation-file-path) center center no-repeat;
}
#ProductListLoader #ProductListLoadingGraphic.stuck {
  position: fixed;
  top: 0;
}
#ProductListLoader #ProductListLoadingGraphic.hold {
  position: absolute;
  top: auto;
  bottom: 0;
}

#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;
}

.recent-view-items .owl-wrapper {
  display: flex !important;
}
.recent-view-items .owl-item {
  max-width: 100% !important;
  margin: 15px 0;
}
.recent-view-items .owl-item .item {
  margin: 0 15px;
  padding: 15px;
  height: 100%;
  border: 1px solid #999;
}
@media screen and (min-width: 719px) {
  .recent-view-items .owl-item .item .product-item .product-img {
    display: flex;
    justify-content: center;
  }
}
.recent-view-items .owl-item .item .product-item .product-img .image {
  height: auto;
}
@media screen and (min-width: 719px) {
  .recent-view-items .owl-item .item .product-item .product-img .image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.recent-view-items .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 {
  border: 4px solid #999;
  color: #999;
  font-size: 50px;
  font-weight: 700;
}
@media screen and (min-width: 1023px) {
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev, .recent-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;
  }
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -45px;
  }
  .recent-view-items .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -45px;
  }
}

.product-list-widget .recommended-view-items {
  float: left;
  width: 100%;
}

.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: 719px) {
  .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: 719px) {
  .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: 1023px) {
  .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;
  }
}

.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;
}

.sidebar-facets {
  z-index: 0;
}
.sidebar-facets .list-group {
  margin-bottom: 15px;
}
.sidebar-facets .list-group .panel-title {
  cursor: pointer;
}
.sidebar-facets .filter-list {
  padding: 0 !important;
}
.sidebar-facets .filter-list h4 {
  font-size: 17px;
}
.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;
}
.sidebar-facets .filter-list label {
  display: inline-block;
  margin: 5px 0 0 0;
}
.sidebar-facets .filter-list .zf-close {
  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;
}
.sidebar-facets .panel-add-filters, .sidebar-facets .panel-categories {
  border: 0 none;
}
.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 .zf-down, .sidebar-facets .panel-categories .zf-down {
  padding-left: 1rem;
  line-height: 22px;
}
.sidebar-facets .panel-add-filters .zf-down:before, .sidebar-facets .panel-categories .zf-down:before {
  display: inline-block;
}
.sidebar-facets .panel-add-filters.active .zf-down:before, .sidebar-facets .panel-categories.active .zf-down:before {
  transform: rotate(180deg);
}
.sidebar-facets .panel-heading {
  cursor: pointer;
  padding: 0;
}
.sidebar-facets .panel-heading h3 {
  padding: 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 {
  /*padding: 10px;*/
  display: flex;
}
.sidebar-facets .panel-body .filter-list li.filters-show {
  display: none;
  padding-left: 1rem;
  cursor: pointer;
}
.sidebar-facets .panel-body .filter-list li.filters-show.active {
  display: block;
}
.sidebar-facets .panel-body .filter-list li label, .sidebar-facets .panel-body .filter-list li a {
  padding-left: 1rem;
}
.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 .zf-close {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sidebar-facets .facetbtn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 5px;
}

#active-filters-list {
  background-color: rgb(243, 243, 243);
  padding: 1rem;
}
#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;
}
#active-filters-list .filter-list .filtered {
  display: flex;
  align-items: center;
  margin: 0 0.5rem 0.25rem 0;
  padding: 0.25rem 1rem;
  white-space: nowrap;
  border-radius: 1rem;
  background-color: #fff;
}
#active-filters-list .filter-list .filtered span {
  white-space: nowrap;
}
#active-filters-list .filter-list .filtered .filter-item-value {
  padding: 0 0.25rem 0 0.5rem;
  font-weight: bold;
}
#active-filters-list .filter-list .filtered .filtered-remove {
  display: inline-block;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid rgba(153, 153, 153, 0.5);
  cursor: pointer;
}

.productListContainer ._ProductGrid .productGrid .product-item .product-img .image .hot-tag-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: column;
}
.productListContainer ._ProductGrid .productGrid .product-item .product-img .image .hot-tag-wrapper .HotTag1 {
  position: relative;
  margin: 0;
}

#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;
  font-size: 0.9em;
}
#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; /*replace 'none' with 'flex' to display social share links*/
}
#layout-product #share-links-container li {
  margin-right: 0.75rem;
}

.product {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 719px) {
  .product {
    flex-direction: row;
    justify-content: space-between;
  }
  .product #StickyImageSpace {
    position: relative;
  }
  .product #StickyImageContainer {
    width: 100%;
    z-index: 2;
  }
  .product #StickyImageContainer.stuck {
    position: fixed;
    top: 0;
    width: inherit;
  }
  .product #StickyImageContainer.hold {
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
  }
}
@media screen and (min-width: 1279px) {
  .product {
    min-height: 60em;
  }
}
.product > div {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 719px) {
  .product > div {
    width: 46.5%;
  }
}
.product #product-lens-image {
  display: flex;
  aspect-ratio: 1/1;
}
.product #product-lens-image .img-loading {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  transition: opacity 0.125s;
  pointer-events: none;
}
.product #product-lens-image .img-loading .spp-img-loading {
  background: url(/assets/images/loading.svg) center no-repeat;
  display: block;
  height: 4em;
  width: 4em;
  opacity: 0;
  transition: opacity 0.25s;
}
.product #product-lens-image .img-loading.loading {
  opacity: 1;
  transition-duration: 0s;
  transition-delay: 0s;
}
.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 .productImage {
  padding-top: 1em;
}
@media screen and (max-height: 739px) and (min-width: 719px) {
  .product .productImages {
    max-width: 380px;
  }
}
.product .productImages a {
  display: block;
}
.product .productImages img {
  padding: 1px;
  transition: border 0.25s;
}
.product .simpleLens-container {
  width: 100%;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container {
  border: 1px solid #999;
  position: relative;
  aspect-ratio: 1/1; /* Maintains a perfect square */
}
.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 #product-image {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper {
  display: flex !important;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item {
  max-width: 6.5em;
  margin-right: 0.5em;
  min-height: 100px;
  min-width: 100px;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item .item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product .productOverview .product-name {
  padding-top: 0.5em;
  line-height: 1;
}
.product .productOverview .product-number {
  color: #999;
}
.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;
}
.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: italic;
}
.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: #c3c3c3;
  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 #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: 33%;
}
.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: 0px;
}
.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 {
  padding-left: 1.25em;
}
.product .product-short-description ul li {
  list-style: square;
}

.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.0") 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;
}
.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: #666;
  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: 50%;
}
.your-pricing form i {
  display: none;
}
@media screen and (min-width: 719px) {
  .your-pricing form {
    align-items: flex-start;
  }
}
.your-pricing .btn-text-full {
  margin: 1.25em 0;
  padding: 0.75em 1.5em;
  width: 100%;
}
.your-pricing .wishlist-section {
  width: 50%;
}
.your-pricing .wishlist-section button:hover {
  color: rgba(1, 1, 1, 0.65) !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;
}
.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;
}
.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-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: 719px) {
  .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: 1023px) {
  .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 .productImage .simpleLens-big-image-container .hot-tag-2 .HotTag2 {
  padding: 0px;
  width: 35px;
  height: 35px;
  margin-top: 10px;
  position: relative;
}
.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;
}

#AddedToCartConfirmation {
  display: none !important;
}

#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: 1023px) {
  .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;
  height: 100%;
  width: 95%;
  opacity: 0;
  background-color: #FFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.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);
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .addonsAttributes .upload-container .deco-uploaded {
    left: calc(50% - 215px);
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .addonsAttributes .upload-container .deco-uploaded {
    left: calc(50% - 165px);
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .addonsAttributes .upload-container .deco-uploaded {
    left: calc(50% - 205px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .addonsAttributes .upload-container .deco-uploaded {
    left: calc(50% - 210px);
  }
}
.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;
}

/*#AddedToCartConfirmation .modal-dialog {
    background: $white;
    padding: 2em;
    width: calc(100% - 1.25em);

    @media screen and (min-width:$breakMed) {
        width: 35%;
        min-width: 360px;
        margin: 1em auto;
    }

    .upper-modal {
        display: flex;
        flex-direction: column;

        div {
            text-align: center;
            padding: 1.75em 0 1em;
            font-size: 1.25em;

            b {
                font-size: 1.25em;
                line-height: 1.5em;
            }

            p {
                font-weight: 600;
                padding-top: 0.75em;
                margin-bottom: 0;
            }
        }

        ul {
            padding: 0;

            li {
                list-style-type: none;
                padding-top: 0.75em;
            }
        }

        img {
            max-width: 15em;
            margin: auto;
        }
    }

    hr {
        margin-top: 0;
    }

    .cta {
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin: 0 auto;
        padding-top: .5em;

        a {
            margin: 0 0.5em;
            text-align: center;
        }
    }
}*/
.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.key {
  font-size: 0.8em;
  padding: 0.5em 1em;
  text-align: right;
  font-style: italic;
}
.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 .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;
}

@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;
  }
  .outofstock-notificationpopup .modal-body {
    display: block !important;
  }
  .outofstock-notificationpopup .modal-body .form-group-one, .outofstock-notificationpopup .modal-body .form-group-two {
    width: 100% !important;
  }
}
.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;
}

.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: 70%;
  margin-right: 1rem;
}
.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 .non-size-sku {
  justify-content: center;
}
.outofstock-notificationpopup .modal-footer {
  border-top: none;
  text-align: 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;
}

@media screen and (min-width: 768px) {
  .outofstock-notificationpopup {
    width: 80%;
    max-width: 600px !important;
  }
  .size-guide-popup {
    width: 30% !important;
    max-width: 1024px;
  }
}
.envelopeicon-wrapper {
  margin-right: 1rem;
  /* Tooltip arrow pointing to the left */
}
.envelopeicon-wrapper .zf-envelope-o {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 27px;
  margin: 7px 0px 0px 5px;
}
.envelopeicon-wrapper .tooltip-text {
  visibility: hidden;
  width: 15rem; /* Adjust the width as per your content */
  background-color: #000;
  color: #FFF;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 3.2rem; /* Vertically center the tooltip relative to the icon */
  left: -1rem; /* Position the tooltip to the right of the icon */
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: 3px;
  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%;
  /* transform: translateX(-50%);*/
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  transform: rotate(270deg);
}
.envelopeicon-wrapper .zf-envelope-o:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

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

@media screen and (max-width: 718px) {
  .product .productImage .simpleLens-big-image-container .hot-tag-2 {
    right: 15px;
  }
  .product .productImage .simpleLens-big-image-container .hot-tag-2 .size-guide-popup .close {
    margin: 5px 10px 0 0;
  }
  .product .productImage .simpleLens-big-image-container .hot-tag-2 .size-guide-popup .close::after {
    left: calc(50% + 2.5em);
  }
}
.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-img, .product-image {
  position: relative;
}
.product-img .btn-card-quick-view, .product-image .btn-card-quick-view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 30px;
  white-space: nowrap;
  display: none;
}

.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;
  }
}
.productOverview .product-short-description h2 {
  font-size: 1.0625rem;
  line-height: 2rem;
  padding: 0.25em 0;
  font-weight: 600;
}

.productOverview .configurable-product-quantity-content .product-size-quantity-group label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.cannot-export-banner {
  background: #ededed;
  width: 100%;
  float: left;
  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 .export-label {
  font-weight: 600;
  color: #000;
}

#quick-view-content .quickviewpopup-wrapper {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 4%;
  padding-bottom: 1rem;
}

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

.productOverview .product-short-description h2 {
  font-size: 1.0625rem;
  line-height: 2rem;
  padding: 0.25em 0;
  font-weight: 600;
}

.productOverview .configurable-product-quantity-content .product-size-quantity-group label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.csv-confirm-modal .modal-content {
  padding: 2rem 4rem 1rem;
  text-align: center;
}
.csv-confirm-modal .modal-content h4 {
  margin-top: 1rem;
}
.csv-confirm-modal .modal-content .btn-wrapper {
  margin-top: 2rem;
}
.csv-confirm-modal .modal-content .btn-wrapper .upload-btn {
  padding: 0.5rem 4rem;
}
.csv-confirm-modal .modal-content .btn-wrapper .cancel-btn {
  padding: 0.5rem 5.2rem;
  margin-top: 0px;
}

.d-none {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.text-csv-file {
  text-decoration: underline;
}

.recipients-later {
  padding-top: 15px;
  padding-bottom: 25px;
}

#removeFile {
  margin-left: 1rem;
}

#uploadFromSpreadsheet {
  font-size: 15px;
}
#uploadFromSpreadsheet .upload-spreadsheet {
  background-color: inherit !important;
}
#uploadFromSpreadsheet .upload-spreadsheet .zf-download {
  font-size: 14px;
}
#uploadFromSpreadsheet .upload-spreadsheet .text-download-template {
  font-size: 14px;
  margin-bottom: 10px;
}

.collapse-field {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.collapse-field .label-text {
  font-weight: 600 !important;
}
.collapse-field .zf-arrow-right-small {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .multipleoption .manualform {
    width: 100%;
  }
  .multipleoption .manualform .form-item {
    width: 100% !important;
  }
  .product-filters-containerc #purchaseoption {
    width: 100% !important;
  }
}
.link-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.mb-1 {
  margin-bottom: 1rem;
}

.csv-confirm-modal .modal-content {
  padding: 2rem 4rem 1rem;
  text-align: center;
}
.csv-confirm-modal .modal-content h4 {
  margin-top: 1rem;
}
.csv-confirm-modal .modal-content .btn-wrapper {
  margin-top: 2rem;
}
.csv-confirm-modal .modal-content .btn-wrapper .upload-btn {
  padding: 0.5rem 4rem;
}
.csv-confirm-modal .modal-content .btn-wrapper .cancel-btn {
  padding: 0.5rem 5.2rem;
  margin-top: 0px;
}

.d-none {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.text-csv-file {
  text-decoration: underline;
}

.recipients-later {
  padding-top: 15px;
  padding-bottom: 25px;
}

#removeFile {
  margin-left: 1rem;
}

#uploadFromSpreadsheet {
  font-size: 15px;
}
#uploadFromSpreadsheet .upload-spreadsheet {
  background-color: inherit !important;
}
#uploadFromSpreadsheet .upload-spreadsheet .zf-download {
  font-size: 14px;
}
#uploadFromSpreadsheet .upload-spreadsheet .text-download-template {
  font-size: 14px;
  margin-bottom: 10px;
}

.collapse-field {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.collapse-field .label-text {
  font-weight: 600 !important;
}
.collapse-field .zf-arrow-right-small {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .multipleoption .manualform {
    width: 100%;
  }
  .multipleoption .manualform .form-item {
    width: 100% !important;
  }
  .product-filters-containerc #purchaseoption {
    width: 100% !important;
  }
}
.link-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.mb-1 {
  margin-bottom: 1rem;
}

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

#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: 1280px;
  margin: 0 auto;
}
.div-shopping-cart .cartContainer {
  display: flex;
  flex-direction: column;
}
@media (min-width: 719px) {
  .div-shopping-cart .cartContainer {
    flex-direction: row;
    justify-content: space-between;
  }
}
.div-shopping-cart .cartContainer .cartListing {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
.div-shopping-cart .cartContainer .cartProducts ul {
  padding: 0;
}
.div-shopping-cart .cartContainer .cartProducts li {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
}
.div-shopping-cart .cartContainer .cartProducts .removeAllItems {
  padding: 0.5em 1em;
  text-align: right;
}
@media (min-width: 719px) {
  .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: -90px;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) {
  padding: 0em 0em 0.5em 0em;
}
.div-shopping-cart .cartContainer .cartProducts ul.item-variant li:nth-child(n+2) .cartImage, .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) .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: 1023px) {
  .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;
  }
}
.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: 1023px) {
  .div-shopping-cart .cartItem {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.div-shopping-cart .cartItem .cartImage {
  width: 100%;
  text-align: center;
  z-index: 95;
  margin-bottom: 1.5em;
}
@media (min-width: 1023px) {
  .div-shopping-cart .cartItem .cartImage {
    width: 33%;
    /*text-align: left;*/
    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 .cartDescription {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*width: 90%;*/
  margin-left: auto !important;
}
@media (min-width: 1023px) {
  .div-shopping-cart .cartItem .cartDescription {
    width: 66%;
    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%;
  padding: 0.125em;
  text-align: right;
}
.div-shopping-cart .cartItem .cartDescription .cart-item-title {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 1.25em;
  font-weight: 700;
  color: rgb(66.3, 66.3, 66.3);
}
.div-shopping-cart .cartItem .cartDescription .itemQuantity {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.div-shopping-cart .cartItem .cartDescription .itemQuantity form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.div-shopping-cart .cartItem .cartDescription .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
.div-shopping-cart .cartItem .cartDescription .itemTotal {
  text-align: right;
}
.div-shopping-cart .cartItem .cartDescription .spinner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.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;
}
.div-shopping-cart .removeItem .text-right {
  text-align: left;
}
.div-shopping-cart .cartSummary {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0;
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  /*.continueShopping{
    display:block;
    padding:1em;
  }*/
}
.div-shopping-cart .cartSummary .cart-total {
  margin: 1em 0;
}
.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: 719px) {
  .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;
}

.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: 719px) {
  .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;
  word-break: break-all;
}

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

.shopping-cart .cart-summary {
  min-height: 150px;
}

.cartPromocode input {
  margin: 0;
}
.cartPromocode .success-msg {
  padding-top: 0;
}

#removegiftCoupon .success-msg {
  text-align: left;
  font-size: 0.78rem;
}
#removegiftCoupon .success-msg button {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: red;
  font-size: 0.78rem;
}

.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 #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;
}

.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 .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;
  }
  .ecertcartitem .ecertdesc .cartImage .ecertdesciption {
    margin-left: auto;
  }
  .ecertcartitem .eCertItem {
    width: 95%;
  }
}
.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;
  }
}
/*.cart_itemlines {
    width: 100%;

    @media (min-width:$breakLarge) {
        width: 66% !important;
    }
}*/
.disable-anchor {
  color: #ddd;
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}

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

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

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

.spacing {
  margin-top: 18px;
}

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

.uploaded-file-wrapper {
  display: flex;
  word-break: break-word;
}
.uploaded-file-wrapper a {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
}

#Checkout #new-user-link > div {
  display: inline-block;
  padding-right: 15px;
  margin-right: 5px;
}
#Checkout .twitter-typeahead {
  width: 100%;
}
#Checkout .grid {
  width: 100%;
  /*@supports (display: grid) {
      //Grid
      display: grid;
      grid-template-columns: 33.3%;
  }*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Checkout .title {
  padding: 1em;
  display: block;
  background: #666;
  color: #FFF;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
}
#Checkout .checkoutLeft {
  width: 100%;
}
@supports (display: grid) {
  #Checkout .checkoutLeft {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 1023px) {
  #Checkout .checkoutLeft {
    width: 66%;
  }
}
#Checkout .checkoutLeft .address-details {
  padding-bottom: 1em;
  width: 100%;
  float: left;
}
@media screen and (min-width: 719px) {
  #Checkout .checkoutLeft .address-details {
    width: 70%;
  }
}
#Checkout .checkoutLeft .create-new-address {
  width: 100%;
  float: right;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (min-width: 719px) {
  #Checkout .checkoutLeft .create-new-address {
    width: 30%;
    text-align: right;
  }
}
#Checkout .checkoutLeft .address-block {
  min-height: 4em;
  margin-right: 0;
}
#Checkout .checkoutLeft .address-block .address-change {
  position: relative;
  right: inherit;
  top: inherit;
  text-align: left;
  font-size: 0.95em;
}
#Checkout .checkoutRight {
  width: 100%;
}
@supports (display: grid) {
  #Checkout .checkoutRight {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 1023px) {
  #Checkout .checkoutRight {
    width: 33%;
  }
}
#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 .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;
  /*            @media screen and (min-width:$breakMed) {
      width: 33.33%;
  }*/
}
#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 1em;
}

.formNames .form-item .input-checkbox_container label {
  min-height: 40px;
}
@media screen and (min-width: 719px) {
  .formNames .form-item:nth-child(2) .input-checkbox_container label {
    justify-content: flex-end;
    display: flex;
  }
}

.single-page-checkout {
  width: 100%;
}
.single-page-checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup, .single-page-checkout .checkoutLeft .signle-page-payment .input-radio > .input-radioGroup {
  padding: 0.5em 1em;
}
.single-page-checkout .checkoutLeft .shipping-method .input-radio > .input-radioGroup .input-radioButton_appearance, .single-page-checkout .checkoutLeft .signle-page-payment .input-radio > .input-radioGroup .input-radioButton_appearance {
  margin-left: 0;
  min-width: 1.125rem;
}
.single-page-checkout .checkoutLeft #deliveryTimeframeDiv {
  font-style: italic;
}
.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;
}

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

#Checkout .sp-product-details {
  border: 1px solid rgba(153, 153, 153, 0.5);
}
#Checkout .sp-product-details .title {
  background-color: #999 !important;
}
#Checkout .sp-product-details .item-variant {
  padding: 15px;
  margin-bottom: 0;
}
#Checkout .sp-product-details .item-variant .cartImage {
  border: 1px solid rgba(153, 153, 153, 0.5);
}
#Checkout .sp-product-details .item-variant .cartDescription {
  margin-left: 15px !important;
  text-align: left !important;
  font-size: 13px;
  width: calc(82% - 15px);
}
#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 .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;
}
#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;
}
#Checkout .sp-order-summary .title {
  background-color: #999 !important;
}
#Checkout .sp-order-summary .cartPromocode {
  margin: 20px 15px;
}
#Checkout .sp-order-summary .btnCompleteCheckout {
  margin-right: 5px;
}

.checkout-buttons button {
  color: #666;
}
.checkout-buttons button i {
  display: none;
}

.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: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;
}
.sp-checkout-cart .cartProducts .item-variant ul li {
  margin-bottom: 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;
}
.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;
}

.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: 0;
}
.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;
}
.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: 719px) {
  .checkout-page-heading-1 {
    font-size: 2rem;
  }
}

.checkout-page-heading-2 {
  font-size: 1.1rem;
  line-height: 1.3;
}
@media screen and (min-width: 719px) {
  .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;
}
.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: 400;
}
.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;
}
.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 {
  flex: 1;
}
.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;*/
  margin-left: 2rem;
  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;
  margin-top: 5px;
  margin-bottom: 40px;
}
.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 {
  padding: 5px;
  font-size: 14px;
  margin-bottom: 0;
  height: 100%;
  padding-right: 10px;
}
.order-attr-list .item p .item-label {
  font-weight: bold;
  margin-right: 5px;
}
.order-attr-list .item:first-child p {
  border-top: 1px solid #ddd;
}

@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 {
  /*position: absolute;
  top: 0px;
  left: 0px;*/
  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;
  /*filter: opacity(0);*/
  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;
}

.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%;
}

.ecert-wrapper-container .ecert-number-input {
  margin-right: 1em;
}
.ecert-wrapper-container .add-eCert-balance {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

#Apply-eCertificate .split-payment {
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 576px) {
  .ecert-wrapper-container {
    flex-wrap: wrap;
  }
  .ecert-wrapper-container .add-eCert-balance {
    margin-left: 0px;
  }
  .billing-wrapper-radiobtn .input-radioGroup {
    flex-wrap: wrap;
  }
  .billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle .tooltip-text {
    left: -13rem;
  }
  .billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle .tooltip-text:before {
    right: -5%;
    transform: rotate(180deg);
    top: 35%;
  }
  .shipping-address-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }
  .shipping-address-wrapper .shipping-content .create-new-address .icon-info-circle .tooltip-text {
    left: -13rem;
  }
  .shipping-address-wrapper .shipping-content .create-new-address .icon-info-circle .tooltip-text:before {
    left: 12.4rem;
    transform: rotate(0deg);
    top: 35%;
  }
}
.add-balance {
  font-weight: 600;
}

.eCert-input {
  display: flex;
}

/*.payment-section-wrapper{
    max-height:10rem;
}*/
.billing-wrapper-radiobtn .input-radioGroup {
  flex-direction: row;
}
.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;
  /* Tooltip arrow pointing to the left */
}
.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; /* Adjust the width as per your content */
  background-color: #FFF;
  color: #000;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 50%; /* Vertically center the tooltip relative to the icon */
  left: 125%; /* Position the tooltip to the right of the icon */
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: 3px;
  border: 1px solid;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .tooltip-text::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}
.billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.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;
  /* Tooltip arrow pointing to the left */
}
.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; /* Adjust the width as per your content */
  background-color: #FFF;
  color: #000;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 50%; /* Vertically center the tooltip relative to the icon */
  left: 125%; /* Position the tooltip to the right of the icon */
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: 3px;
  border: 1px solid;
}
.shipping-address-wrapper .shipping-content .create-new-address .tooltip-text::before {
  content: "";
  position: absolute;
  top: 35%;
  right: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
  transform: rotate(180deg);
}
.shipping-address-wrapper .shipping-content .create-new-address .icon-info-circle:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 577px) and (max-width: 718px) {
  .billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle .tooltip-text {
    left: -13rem;
    right: 0%;
  }
  .billing-wrapper-radiobtn .input-radioGroup .info-icon-wrapper .icon-info-circle .tooltip-text:before {
    right: -5%;
    transform: rotate(180deg);
    top: 35%;
  }
  .shipping-address-wrapper .shipping-content .create-new-address .tooltip-text {
    left: -13rem !important;
  }
}
@media screen and (min-width: 719px) {
  .shipping-address-wrapper .shipping-content {
    width: 30%;
  }
  .shipping-address-wrapper .address-detail-wrapper {
    width: 70%;
  }
}
@media screen and (max-width: 1023px) {
  .shipping-address-wrapper .shipping-content .create-new-address .tooltip-text {
    left: -17.5rem;
  }
  .shipping-address-wrapper .shipping-content .create-new-address .tooltip-text::before {
    right: -10px;
    transform: rotate(0deg);
    top: 30%;
  }
}
.edit-address-form input {
  color: #262626;
}

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

#CannotExportProductList {
  position: relative;
  width: 95%;
  float: left;
  max-height: 250px;
  overflow-x: auto;
}
#CannotExportProductList .cartDescription {
  width: 58% !important;
}
#CannotExportProductList .cartDescription .item-size, #CannotExportProductList .cartDescription .itemQuantity, #CannotExportProductList .cartDescription .item-color {
  display: flex !important;
}
#CannotExportProductList .cartDescription .itemQuantity {
  align-items: center;
}
#CannotExportProductList li .item-variant {
  border-bottom: 1px solid black !important;
}

.CannotExportRestrictedPopUp .modal-body {
  text-align: center;
  padding: 0px !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;
}
.CannotExportRestrictedPopUp ul {
  padding: 0px !important;
}
.CannotExportRestrictedPopUp .modal-content {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant {
  border-bottom: none !important;
  width: 100%;
  float: left;
  display: block;
  border-bottom: 1px solid #b1b1b1 !important;
  margin-bottom: 1px;
  position: relative;
  padding-top: 20px;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant ul li:nth-child(n+2) .cart-item-title {
  display: none;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .display-on-checkout {
  display: block;
  padding-right: 20px;
}
.CannotExportRestrictedPopUp .modal-content li.item-variant .total-item-price {
  font-weight: 600 !important;
  padding-right: 1rem;
}
.CannotExportRestrictedPopUp .modal-content .item-cart-total {
  display: flex;
}
.CannotExportRestrictedPopUp .modal-content .modal-header {
  border-bottom: none !important;
  padding: 10px !important;
}
.CannotExportRestrictedPopUp .modal-content .modal-header .modal-title {
  font-weight: 600;
  text-align: center;
  font-size: 20px;
}
.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;
}
.CannotExportRestrictedPopUp li.cartItem .itemTotal {
  display: none;
}
.CannotExportRestrictedPopUp .export-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

@media (min-width: 991px) {
  #custom-CannotExportProduct-restriction-modal .modal-dialog {
    width: 50%;
    max-width: 1024px;
  }
  #custom-CannotExportProduct-restriction-modal .modal-dialog .personalized_img {
    width: 50%;
  }
}
@media (max-width: 992px) {
  #custom-CannotExportProduct-restriction-modal .personalized_img {
    width: 27%;
    left: 0 !important;
  }
  #Checkout .sp-product-details .item-variant .personalizaied_notcards {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    position: absolute;
    visibility: hidden;
  }
}
.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: #666;
  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: #666;
}
.orderHistory .ecert-balance .text-info {
  color: #666;
  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: #666;
}

.ecert-grid {
  padding: 20px;
}
.ecert-grid table, .ecert-grid h4, .ecert-grid span {
  color: #666;
}
.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: 1rem 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: 0.5rem 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-body .form-item {
  padding-top: 0;
}
.giftcardmodal .modal-content .modal-footer {
  border-top: none;
  padding: 10px 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%;
  }
}
#purchaseoption {
  width: 49% !important;
  margin: 0.25em 0;
  padding: 0.5rem;
}

#purchaseOptionMultiple {
  margin-top: 10px;
}
#purchaseOptionMultiple #uploadSpreadsheet {
  padding: 5px;
  font-size: 16px;
  padding-bottom: 0px;
  padding-left: 0;
}
#purchaseOptionMultiple #uploadSpreadsheet .zf-download {
  padding: 4px;
}
#purchaseOptionMultiple #expandCollapseFields {
  font-size: 16px;
  padding-left: 8px;
  padding-left: 0;
  margin-top: 1rem !important;
}
#purchaseOptionMultiple #expandCollapseFields .zf-arrow-right-big {
  padding: 4px 5px;
}
#purchaseOptionMultiple #expandCollapseFields .zf-arrow-down-small {
  padding-right: 4px;
  font-size: 26px;
}
#purchaseOptionMultiple .text-download-template {
  text-decoration: underline;
  padding-left: 5px;
  font-weight: 300;
  font-size: 15px;
}
#purchaseOptionMultiple .text-csv-file {
  text-decoration: underline;
  padding-left: 0.5rem;
  font-weight: 300;
}
#purchaseOptionMultiple #IterativeFormFields {
  margin-left: 2.2rem;
  padding-top: 12px;
}
#purchaseOptionMultiple #IterativeFormFields .form-item {
  width: 49%;
}
#purchaseOptionMultiple #IterativeFormFields .flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#purchaseOptionMultiple #IterativeFormFields .flex-container .deleteform {
  position: relative;
}
#purchaseOptionMultiple #IterativeFormFields .flex-container .deleteform .zf-delete {
  position: absolute;
  top: 10px;
  right: 0px;
}
#purchaseOptionMultiple #IterativeFormFields .flex-container .border-bottom {
  flex-grow: 1;
  border-bottom: 3px solid #dee2e6;
}
#purchaseOptionMultiple .error-msg {
  margin-bottom: 10px;
}

.ecert_certificate .btn-text-full {
  width: 50%;
}

.disable {
  pointer-events: none;
  opacity: 0.5;
  user-select: none;
}

.uploaded-file {
  color: #0000bc;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
}
.uploaded-file:hover {
  color: #0000bc;
  text-decoration: underline;
}

.attribute-table .attribute-text {
  padding-left: 10px;
}

.attribute-ecert-view .attribute-name {
  padding-top: 3px;
}
.attribute-ecert-view .sp-reciept-price {
  margin: 5px 6px !important;
  font-size: 15px !important;
}

@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: 719px) {
  .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: 719px) {
  .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: 719px) {
  .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: 719px) {
  .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: 719px) {
  .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: 1023px) {
  .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: 719px) {
  .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: 1023px) {
  .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: 1023px) {
  .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: 719px) {
  .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: 719px) {
  .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: 719px) {
  .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: 1023px) {
  .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;
}

.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: 1280px;
  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;
}

.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);
}

#layout-content {
  padding: 0 0 2em 0;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1rem;
  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 0;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 80%;
    max-width: 1024px;
  }
}

.modal-content {
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
}

.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;
}
#breadCrumb a {
  display: inline-block;
  pointer-events: none;
}

#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.0") 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;
}

.notification-msg .alert {
  float: left;
  width: 100%;
}
.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;
}

/* Tooltips and Trigger*/
.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 {
  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.5rem;
  width: 12rem;
  right: 0;
  border: 1px solid #ddd;
  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.5rem;
  right: 1rem;
  z-index: 2;
  height: 1rem;
  width: 1rem;
  margin-left: 2px;
  border: 1px solid #ddd;
  border-right: none;
  border-bottom: none;
  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.0") no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.sku-image-background-loader {
  background: url("~/Content/Images/whiteImage.png?v=1.0.0") no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1200px) {
  .loader_pdp {
    min-height: 350px;
  }
}
@media screen and (min-width: 1024px) {
  .loader_pdp {
    min-height: 350px;
  }
}
@media screen and (min-width: 768px) {
  .loader_pdp {
    min-height: 350px;
  }
}
.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;
}
.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;
}

.hightlighted-msg {
  color: #CC0000;
}

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

.address-confirmation-modal .modal-dialog {
  width: 50%;
}
.address-confirmation-modal .modal-dialog .modal-content {
  border-radius: 10px;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-body {
  float: none;
  padding: 0px 3rem;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-body .address-details {
  text-align: center;
  margin-top: 10px;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-body .btn-container {
  margin-top: 13px;
  text-align: center;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-body .btn-container button {
  padding: 0.5rem 5rem;
  margin-right: 15px;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-body .btn-container button:hover {
  background: #010101;
  color: #FFF;
}
.address-confirmation-modal .modal-dialog .modal-content .modal-footer {
  border: none;
}

@media screen and (max-width: 767px) {
  .address-confirmation-modal .modal-dialog {
    width: 60%;
    margin: 10px auto;
  }
}
@media screen and (max-width: 576px) {
  .address-confirmation-modal .modal-dialog .modal-content .modal-body .address-details {
    word-wrap: break-word;
  }
  .address-confirmation-modal .modal-dialog .modal-content .modal-body .btn-container button {
    padding: 0.5rem 2rem;
    margin-right: 15px;
  }
}
.new-create-address .form-item label {
  font-size: 14px;
}
.new-create-address .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;
  }
}
.address-title-label {
  padding: 0.25em 0;
  font-weight: 600;
  font-size: 0.9rem;
}

.visibility-hidden {
  visibility: hidden;
}

.quick-view-popup .close {
  position: absolute;
  right: 2rem;
  top: 2.2rem;
  color: #000 !important;
}
.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 .multiple-quantitybox .your-pricing form {
  width: auto;
}
.quick-view-popup .quickviewpopup-wrapper .multiple-quantitybox .your-pricing form .btn-text-full {
  width: auto !important;
}
.quick-view-popup .quickviewpopup-wrapper .product-overview .size-guidelink-wrapper {
  text-decoration: underline;
}
.quick-view-popup .quickviewpopup-wrapper .size-guide-popup {
  max-height: 66%;
}
.quick-view-popup .quickviewpopup-wrapper .size-guide-popup #product-size-chart {
  margin: 10px;
  overflow-y: auto;
  max-height: 500px;
}
.quick-view-popup .quickviewpopup-wrapper .size-guide-popup .close {
  right: 2.2rem;
}
.quick-view-popup .quickviewpopup-wrapper .outofstock-notificationpopup {
  box-shadow: -1px 0px 5px 0px #c1c1c1;
  border: 1px solid #ccc;
}
.quick-view-popup #quick-view-content {
  min-height: 360px;
}

.see-details-wrapper {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .quick-view-popup .modal-dialog {
    width: 70%;
    margin: 30px auto;
  }
  .quick-view-popup .quickviewpopup-wrapper .size-guide-popup {
    width: 46.5% !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .quick-view-popup .quickviewpopup-wrapper .size-guide-popup {
    width: 50% !important;
  }
  .size-guide-popup {
    width: 50% !important;
    max-width: 1024px;
  }
}
@media screen and (max-width: 1200px) {
  .quickviewpopup-wrapper .product-images .image-view {
    justify-content: center;
    display: flex;
  }
  .quickviewpopup-wrapper .product-overview .product-name {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .quick-view-popup .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 5.6rem;
  }
  .quick-view-popup .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: 1200px) {
  .quick-view-popup .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .sp-pdp-size .product-size-quantity-group {
    width: 6.6rem;
  }
}
@media screen and (max-width: 719px) {
  .quick-view-popup .quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
    width: auto;
  }
}
body[data-culture=fr-CA] .quick-view-popup .quickviewpopup-wrapper .product-overview .product-quantity-wrapper .savelater-btn form .btn-text-full, [data-culture=ja-JP] .quick-view-popup .quickviewpopup-wrapper .product-overview .product-quantity-wrapper .savelater-btn form .btn-text-full, [data-culture=en-US] .quick-view-popup .quickviewpopup-wrapper .product-overview .product-quantity-wrapper .savelater-btn form .btn-text-full {
  width: 100%;
}

body[data-culture=fr-CA] .quick-view-popup .quickviewpopup-wrapper .product-overview .savelater-btn form .btn-text-full {
  width: 60%;
}
body[data-culture=fr-CA] .quick-view-popup .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] .quick-view-popup .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .total-wrapper .pdp-calculator {
  margin-bottom: 10px;
}

body[data-culture=ja-JP] .quick-view-popup .quickviewpopup-wrapper .product-overview .configurable-product-quantity-wrapper .configurable-product-quantity-content .product-quantity-wrapper .form-group label {
  padding-left: 2.5rem;
}

@media screen and (max-width: 1250px) {
  #quick-view-content .quickviewpopup-wrapper {
    max-height: none !important;
    overflow-x: hidden;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .quick-view-popup .close {
    right: 4.5rem;
  }
}
.local-btn {
  padding: 0;
  margin: 0;
  border: 0;
}

.grid-header .zf-sortable {
  padding-left: 3px;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 1rem 1rem;
  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: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #010101;
  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: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}
.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, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}
.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, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}
.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, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}
.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, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.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(-8px, -10px, 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(-8px, 10px, 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);
}

/*
 * Arrow Alt Right
 */
.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(8px, -10px, 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(8px, 10px, 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);
}

/*
 * Boring
 */
.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);
}

/*
 * Collapse
 */
.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: -20px;
  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, -10px, 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);
}

/*
 * Collapse Reverse
 */
.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: -20px;
  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, -10px, 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);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.1s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.1s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.1s;
}

/*
 * Emphatic
 */
.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: 10px;
  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: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 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: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 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);
}

/*
 * Emphatic Reverse
 */
.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: 10px;
  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: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 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: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 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);
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.15s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  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--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.3s 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--spring.is-active .hamburger-inner {
  transition-delay: 0.32s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-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--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;
}
.hamburger--spring-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.32s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.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);
}

/*
 * Stand Reverse
 */
.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);
}

/*
 * Spin
 */
.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);
}

/*
 * Spin Reverse
 */
.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);
}

/*
 * Squeeze
 */
.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);
}

/*
 * Vortex
 */
.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);
}

/*
 * Vortex Reverse
 */
.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);
}

/*.quantity-spinner{
               .spinner{flex-direction:row !important;float:right;
                      span{display:none;}
                      .btn-spinner{border-radius:0;background-color:#ffffff;border:1px solid #808080;font-weight:normal;margin:.25em 0;}
                      input{text-align:center;font-family:#ffffff;float:right;border:1px solid #808080;border-left:.25em 0;margin:0;width:60px;}

                }
}
*/
#divSinglePageCheckout.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 {
  display: block;
  margin-top: 5px;
  float: right;
  margin-left: 5px;
}
#divSinglePageCheckout.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;
}

.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;
}
.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 {
  position: absolute;
  top: -5px;
  font-size: 13px;
  cursor: pointer;
  right: -2px;
}
.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;
}

/*IE11*/
@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 {
  --loading-animation-file-path: url(/Views/Themes/RedPanda/Images/loading.svg?v=1.0.0);
}

.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: #666;
  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-container {
  display: table;
  position: relative;
  margin: 0 auto;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 100%;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
  height: auto !important;
  width: 100%;
  text-align: center;
  margin: 0;
  box-shadow: none;
  float: none;
  position: relative;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-big-image {
  max-width: 100%;
  -ms-transform: none;
}

.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;
}

#image-zoom {
  position: absolute;
  top: 0;
  border: 2px solid #444;
  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: #444;
}

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

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

.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;
  /* transform: translate(-.75em,.25em); */
  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;
}

#pagingsearching {
  Display: none;
}

html {
  background: #000;
}

html, body, div, span, applet, object, iframe, 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: 1em;
  font-family: "MotivaSans-Regular", sans-serif;
  vertical-align: baseline;
}

.container {
  max-width: 1700px;
}

span.headerQuantity {
  display: inline;
}

#Shipping-Delay-Banner {
  display: none !important;
}

.product .sp-product-stock {
  display: none;
}

.topbanner {
  display: flex;
  justify-content: center;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  text-align: center;
}

.topbold {
  font-weight: 600;
}

.Login main > div h2, .login main > div h2 {
  text-transform: uppercase;
}

/* Ad Boxes */
.adBoxContainer {
  display: none;
}

section.optIn {
  display: none;
}

/* Inside Pages */
#layout-category .product-details .title {
  text-transform: none;
}

.product-details {
  padding: 20px;
}

.recent-view-items .owl-item .item .title {
  text-align: center;
}

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

.layout-wrapper {
  background-color: var(--main-wrapper-bg);
  max-width: 600px;
  padding: 50px;
  border-radius: 20px;
  margin: 20px;
}
.layout-wrapper h2 {
  line-height: 1;
}
.layout-wrapper p {
  max-width: 100%;
  padding-bottom: 20px;
}

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

/* MQs */
@media screen and (min-width: 719px) {
  .bnr-spotlight {
    position: relative;
  }
  .bnr-spotlight > z-widget .layout-contentpage {
    min-height: 240px;
  }
  .adBoxContainer {
    align-items: flex-start;
  }
}
.Login h1, .login h1 {
  margin: 0 4em;
}

#pagingsearching2 {
  display: none;
}

@media screen and (max-width: 1023px) {
  .navigation nav {
    background: #cc0000;
  }
}
@media screen and (min-width: 1400px) {
  .maincontent {
    padding: 0 0 0 40px;
  }
}
@media screen and (min-width: 1640px) {
  .maincontent {
    padding: 0;
  }
}
/* Header */
header {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px;
  /* Header background */
  background: var(--header-bg);
}

#layout-home {
  background: #fff;
}

#layout-content {
  padding: 0;
  min-height: 900px;
}

.container.footerLinks {
  display: none;
}

.header {
  max-width: 1700px;
}
.header .logo {
  padding: 0;
  display: flex;
  justify-content: center;
  max-width: 250px;
}
.header .header-logo svg, .header .header-logo img {
  max-width: 200px;
  min-width: 200px;
  max-height: 200px;
}
.header .rightSide .cart a .icon-shopping-cart {
  color: var(--header-text);
}
.header .rightSide .cart .headerQuantity, .header .rightSide .cart .headerSubtotal {
  color: var(--header-text);
}

.product-highlight-list {
  padding: 20px 0 10px 0;
}
.product-highlight-list li {
  justify-content: center;
  font-weight: 700;
}
.product-highlight-list .prop-text {
  border-bottom: 0px;
}

.search {
  display: none !important;
}

.navigation .hamburger .zf-search {
  display: none;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  color: var(--header-text);
}

.navigation nav li a {
  color: var(--header-text);
}

@media screen and (max-width: 1023px) {
  .navigation nav {
    background: var(--mobile-nav-bg);
    margin-top: 4em;
  }
  .navigation nav li a {
    color: var(--mobile-nav-text);
  }
}
/* Footer */
footer .links ul li:last-child {
  padding-right: 1.5em !important;
}

#layout-footer {
  /*Footer background */
  background-color: var(--footer-bg);
  color: var(--footer-text);
}
#layout-footer .container {
  padding-left: 0;
  max-width: 1640px;
}

.footercontact {
  color: #fff;
  padding: 1em 1em 0 1em;
  font-size: 1em;
  max-width: 1670px;
  margin: 0 auto;
}
.footercontact a, .footercontact a:hover {
  color: #fff;
}

.footerbold {
  font-weight: 600;
}

.footerCopyright {
  color: #fff;
  padding: 1em;
  font-size: 0.7em;
}
.footerCopyright a, .footerCopyright a:hover {
  color: #fff;
}

.footer-copyright-text {
  font-weight: 500;
}

@font-face {
  font-family: "RedPanda";
  src: url("../../../RedPanda/Fonts/RedPanda.eot?v=1.0.0");
  src: url("../../../RedPanda/Fonts/RedPanda.eot?v=1.0.0") format("embedded-opentype"), url("../../../RedPanda/Fonts/RedPanda.ttf?v=1.0.0") format("truetype"), url("../../../RedPanda/Fonts/RedPanda.woff?v=1.0.0") format("woff"), url("../../../RedPanda/Fonts/RedPanda.svg?v=1.0.0") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MotivaSans-Regular";
  src: url("https://spponeimages.azureedge.net/prod/d09e3a49-ec50-476a-9f1d-36c6864940aaMotivaSans-Regular.woff2?v=1.0.0") format("woff2"), url("https://spponeimages.azureedge.net/prod/ee2a1ff8-a86c-4d1b-b741-bef3ecc9ee79MotivaSans-Regular.woff?v=1.0.0") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MotivaSans-Medium";
  src: url("https://spponeimages.azureedge.net/prod/d16b21be-a9d3-4b31-86df-6477dfb9bff1MotivaSans-Medium.woff2?v=1.0.0") format("woff2"), url("https://spponeimages.azureedge.net/prod/4bdd338a-ce26-401c-8937-c333f9b44e59MotivaSans-Medium.woff?v=1.0.0") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MotivaSans-Bold";
  src: url("https://spponeimages.azureedge.net/prod/f3e833a3-8f13-415c-815c-4ac6e64e8a64MotivaSans-Bold.woff2?v=1.0.0") format("woff2"), url("https://spponeimages.azureedge.net/prod/14f21374-c53e-4d7b-a22f-8029d6d032aeMotivaSans-Bold.woff?v=1.0.0") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "znode-web-store";
  src: url("../../Fonts/znode-web-store.eot?pa46i9");
  src: url("../../Fonts/znode-web-store.eot?pa46i9#iefix") format("embedded-opentype"), url("../../Fonts/znode-web-store.ttf?pa46i9") format("truetype"), url("../../Fonts/znode-web-store.woff?pa46i9") format("woff"), url("../../Fonts/znode-web-store.svg?pa46i9#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";
}

[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "RedPanda" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.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: "\f002";
}

.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?ey28xb") format("truetype"), url("../../Fonts/social_icons.woff?ey28xb") format("woff"), url("../../Fonts/social_icons.svg?ey28xb#social_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-social], [class*=" icon-social"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "social_icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -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";
}

/* Site Changes */
:root {
  /* Site button colors */
  --btn-primary-bg: #000;
  --btn-primary-border-color: #000;
  /* Header background */
  --header-bg: #fff;
  /* Header text & Cart icon */
  --header-text: #000;
  /* Mobile navigation text */
  --mobile-nav-text: #fff;
  /* Mobile navigation background */
  --mobile-nav-bg: #000;
  /* Copy block width on homepage */
  --main-wrapper-width: 600px;
  /* Copy block background color on homepage */
  --main-wrapper-bg: #fff;
  /* Copy block text on homepage */
  --main-wrapper-text: #000;
  /* Copy block h1 color on homepage */
  --main-wrapper-h1: #cc0000;
  /* Copy block h2 color on homepage */
  --main-wrapper-h2: #cc0000;
  /* Order Now button on homepage */
  --maincta-btn-color: #fff;
  --maincta-btn-bg: #cc0000;
  /*Footer background */
  --footer-bg: #fff;
  /* Change footer text color */
  --footer-text: #000;
  /* Change the background color on the homepage. Default is white, change if you do NOT want a background image */
  --spotlight-bg-color: #faf9f7;
  /* Change the homepage background image here by replacing the url with your image url from the DAM. If you want a solid color background and NOT an image, set the value to "none" */
  --spotlight-bg-img: url(https://spponeimages.azureedge.net/prod/169e6f4a-38b1-4fdd-b6a0-dfc583f1324dPattern2_Red.jpg?v=1.0.0);
  /* Change cart icon color on offer end page */
  --bnr-desc-icon: #cc0000;
  /* Change spotlight link color on offer end page */
  --bnr-emphasized-link: #cc0000;
  /* Change text color on offer end page */
  --offer-end-text: #000;
  /* Change header color on offer end page */
  --offer-end-headings: #cc0000;
  /* Border on Data Capture Page (Mobile) */
  --breakpoint-border: #eaeaea;
  /* Validation Note Color */
  --validation-note-text: #cc0000;
  /* Product List Page */
  /* To show the arrows on the product list page, replace "none" with "contents" */
  --plp-pagination: none;
  /* Product Detail Page*/
  /* To show the in-stock # that appears directly below the quantity you put in 
  ("In-stock: 51"), replace "none" with "contents"  */
  --sp-product-stock: none;
  /* To remove the Availability Options section for what isn't 
      CURRENTLY in-stock but will be in the future, replace "contents" with "none" */
  --prod-detail-availability: contents;
  /*file path to 'loading' graphic*/
  --loading-animation-file-path: url(/Views/Themes/RedPanda/Images/loading.svg?v=1.0.0);
}

/* End Site Changes */
h1, h2, h3, h4, h5, h6 {
  font-family: "MotivaSans-Bold", sans-serif;
}

h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.275em;
  font-weight: 600;
}

h3 {
  font-size: 1.2em;
  font-weight: 600;
}

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

a:hover {
  color: #000;
  cursor: pointer;
}

p {
  font-weight: 500;
  line-height: 2em;
}

ul .numberedlist {
  display: block;
}
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;
}

/* Site button colors */
.btn-primary, .btn-bg-primary, .btn-primary:hover, .btn-bg-primary:hover {
  background: var(--btn-primary-bg);
  border-color: var(--btn-primary-border-color);
}

button {
  border: none;
}

.search-pagination ul {
  display: var(--plp-pagination);
}

#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;
  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;
}

/* Help Center */
.hcbody {
  width: 100%;
  padding: 0px;
  background-color: #fff;
  margin-left: 4em;
  display: flex;
  flex-direction: column;
}
.hcbody a {
  font-weight: bold;
}
.hcbody h2 {
  padding: 3px 0;
}
.hcbody .cscontactinfo {
  padding: 30px;
}
.hcbody .cscontactinfo .section-header {
  font-size: 1.4em !important;
}
.hcbody .cscontactinfo a {
  text-decoration: none;
  text-align: left;
}
@media screen and (min-width: 1130px) {
  .hcbody .cscontact {
    display: flex;
    flex-direction: row;
  }
}
.hcbody .hcbodyinside {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  text-align: left;
}
.hcbody .hcbodyinside .contact-plus {
  display: none;
}

.toggle_container {
  padding: 0 3em 1em;
  width: 60%;
}
.toggle_container p {
  padding-bottom: 10px;
  text-align: left;
}

h2.trigger {
  background: transparent url(https://spponeimages.azureedge.net/prod/7624b891-82dd-41fb-bc20-d1e8bb3b8149h2_trigger_a.gif?v=1.0.0) no-repeat;
  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;
}

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

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

/* Spotlight */
.spotlight {
  text-align: left;
}

.bnr-spotlight, .spotlight {
  height: 900px;
  display: flex;
  color: var(--main-wrapper-text);
  background-color: var(--spotlight-bg-color);
  background-size: cover;
  background-image: var(--spotlight-bg-img);
  align-items: flex-start;
}

.maincontent {
  width: 100%;
  max-width: 1640px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

.open-close-dates {
  flex-wrap: wrap;
}
.open-close-dates p {
  font-family: "MotivaSans-Bold";
  padding-right: 20px;
  text-align: left;
}

.pbold {
  font-weight: 700;
}

.main-cta-wrapper, .data-capture-cta {
  margin-top: 20px;
}
.main-cta-wrapper button, .main-cta-wrapper a, .data-capture-cta button, .data-capture-cta a {
  font-size: 1em;
  padding: 10px 20px;
  border-radius: 5px;
  color: var(--maincta-btn-color);
  background-color: var(--maincta-btn-bg);
  border-color: var(--maincta-btn-bg);
}
.main-cta-wrapper button img, .main-cta-wrapper a img, .data-capture-cta button img, .data-capture-cta a img {
  width: 10px !important;
  margin-left: 7px;
  height: 10px;
  background-color: transparent;
}
.main-cta-wrapper button:hover img, .data-capture-cta button:hover img {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

#breadcrumb {
  display: inline-block;
}
#breadcrumb a {
  padding: 0 5px;
}

#bnr-home-wrapper {
  margin: 2em;
  color: var(--main-wrapper-text);
  max-width: var(--main-wrapper-width);
}
#bnr-home-wrapper h1, #bnr-home-wrapper h2 {
  text-align: center;
}

#bnr-home-wrapper:has(#datacapture-render) {
  display: flex;
  flex-direction: row;
  max-width: 1000px;
  align-items: center;
}
#bnr-home-wrapper:has(#datacapture-render) .default-bnr-content {
  width: 50%;
  margin-right: 3em;
}
#bnr-home-wrapper:has(#datacapture-render) #bnr-data-cap-wrapper {
  width: 50%;
}
#bnr-home-wrapper:has(#datacapture-render) #bnr-data-cap-wrapper .data-capture-cta {
  margin-top: 0;
}
#bnr-home-wrapper:has(#datacapture-render) .main-cta-wrapper {
  display: none;
}

#bnr-home-wrapper:has(.maincta) {
  display: flex;
  flex-direction: column;
}
#bnr-home-wrapper:has(.maincta) .main-cta-wrapper {
  margin: auto;
}

.layout-wrapper h1 {
  color: var(--main-wrapper-h1);
}

#content-custom h2, #bnr-data-cap-content h2 {
  color: var(--main-wrapper-h2);
}

#bnr-data-cap-wrapper .standard-bnr-content {
  padding-right: 1em;
}
#bnr-data-cap-wrapper .bnr-data-cap-content {
  padding-left: 1em;
  margin: auto 0;
}
#bnr-data-cap-wrapper .bnr-data-cap-content #bnr-data-capture-fields {
  margin-top: 1.25em;
}
#bnr-data-cap-wrapper .bnr-data-cap-content #bnr-data-capture-fields .validation-note {
  color: var(--validation-note-text);
}

@media screen and (max-width: 750px) {
  .bnr-spotlight, .spotlight {
    height: auto;
  }
  #bnr-home-wrapper:has(#datacapture-render) {
    flex-direction: column;
  }
  #bnr-home-wrapper:has(#datacapture-render) .default-bnr-content, #bnr-home-wrapper:has(#datacapture-render) #bnr-data-cap-wrapper {
    width: 100%;
    margin-right: 0;
  }
  #bnr-home-wrapper:has(#datacapture-render) #bnr-data-cap-wrapper {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--breakpoint-border);
  }
}
@media screen and (max-width: 500px) {
  #bnr-home-wrapper {
    margin: 1.5em;
    font-size: 0.95em;
  }
  .layout-wrapper {
    padding: 25px;
  }
}
#errorMessageForRequiredMaxQuantity .maximumPerchaseError {
  color: rgb(204, 0, 0);
}
#errorMessageForRequiredMaxQuantity .maximumPerchaseError .cartRedirect {
  color: #007DC5;
  text-decoration: underline;
}

.registerContainer .input-checkbox_container {
  display: none;
}

/* Offer End */
.bnr_desc {
  margin: 0.75em;
  text-align: center;
  font-weight: 600;
}
.bnr_desc span {
  color: var(--bnr-desc-icon) !important;
  margin-right: 0.5em;
}

.description_div {
  margin: 5em auto;
}
.description_div #offer-end-wrapper {
  color: var(--offer-end-text);
}
.description_div #offer-end-wrapper h1 {
  color: var(--offer-end-headings);
  text-align: center;
}

.emphasized-link {
  color: var(--bnr-emphasized-link);
  text-decoration: underline;
}

.product .sp-product-stock {
  display: var(--sp-product-stock);
}

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

#estdelmessage_global {
  display: none !important;
}

.site-logolocker-wrapper {
  overflow-y: scroll;
  max-height: 355px;
}
.site-logolocker-wrapper .approved-logo-wrapper, .site-logolocker-wrapper .your-logo-wrapper {
  margin-bottom: 2rem;
}
.site-logolocker-wrapper .approved-logo-wrapper h5, .site-logolocker-wrapper .your-logo-wrapper h5 {
  font-size: 1rem;
}
.site-logolocker-wrapper .approved-logo-wrapper ul, .site-logolocker-wrapper .your-logo-wrapper ul {
  width: 100%;
}
.site-logolocker-wrapper .approved-logo-wrapper ul li, .site-logolocker-wrapper .your-logo-wrapper ul li {
  width: 33%;
}
.site-logolocker-wrapper .approved-logo-wrapper ul li span.artwork-image img, .site-logolocker-wrapper .your-logo-wrapper ul li span.artwork-image img {
  max-width: 100%;
}
.site-logolocker-wrapper .approved-logo-wrapper ul li .artwork-name, .site-logolocker-wrapper .your-logo-wrapper ul li .artwork-name {
  word-wrap: break-word;
}
@media screen and (max-width: 576px) {
  .site-logolocker-wrapper .approved-logo-wrapper ul li, .site-logolocker-wrapper .your-logo-wrapper ul li {
    width: 100%;
  }
}

@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;
  }
  .outofstock-notificationpopup .modal-body {
    display: block !important;
  }
  .outofstock-notificationpopup .modal-body .form-group-one, .outofstock-notificationpopup .modal-body .form-group-two {
    width: 100% !important;
  }
}
.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;
}

.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: 70%;
  margin-right: 1rem;
}
.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 .non-size-sku {
  justify-content: center;
}
.outofstock-notificationpopup .modal-footer {
  border-top: none;
  text-align: 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;
}

@media (min-width: 768px) {
  .outofstock-notificationpopup {
    width: 80%;
    max-width: 600px !important;
  }
}
.envelopeicon-wrapper {
  margin-right: 1rem;
  /* Tooltip arrow pointing to the left */
}
.envelopeicon-wrapper .zf-envelope-o {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 27px;
  margin: 7px 0px 0px 5px;
}
.envelopeicon-wrapper .tooltip-text {
  visibility: hidden;
  width: 15rem; /* Adjust the width as per your content */
  background-color: #000;
  color: #FFF;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 3.2rem; /* Vertically center the tooltip relative to the icon */
  left: -1rem; /* Position the tooltip to the right of the icon */
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: 3px;
  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%;
  /* transform: translateX(-50%);*/
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  transform: rotate(270deg);
}
.envelopeicon-wrapper .zf-envelope-o:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

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

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

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

.product-img: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;
  }
}
.productOverview .configurable-product-quantity-content .product-size-quantity-group label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.link-disabled {
  opacity: 0.35;
  pointer-events: none;
}

#Checkout.OrderCheckoutReceipt [data-test-selector=linkContinueShopping] {
  display: none;
}

/*Temporarily hide the "Save for Later share option"*/
#Saveforlater [name=chkShareProductCheckbox], #Saveforlater [name=chkShareProductCheckbox] + lable, #Saveforlater [name=chkShareProductCheckbox] + label, #btnShareSelected {
  display: none;
}