/* Minification failed. Returning unminified contents.
(6735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@justify-content'
(8404,60): run-time error CSS1019: Unexpected token, found '}'
(8846,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9604,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9605,8): run-time error CSS1035: Expected colon, found '{'
(9608,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9609,8): run-time error CSS1035: Expected colon, found '{'
(9612,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9613,8): run-time error CSS1035: Expected colon, found '{'
(9616,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9617,8): run-time error CSS1035: Expected colon, found '{'
(12194,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12195,8): run-time error CSS1035: Expected colon, found '{'
(12224,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12225,8): run-time error CSS1035: Expected colon, found '{'
(12258,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12259,8): run-time error CSS1035: Expected colon, found '{'
 */
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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; }

/* HTML5 display-role reset for older browsers */
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,
q:before, q:after {
  content: '';
  content: none; }

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

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

label[disabled] {
  cursor: not-allowed; }

i[disabled] {
  cursor: not-allowed; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

body {
  background-color: #F2F2F2; }

@font-face {
  font-family: "NormsProRegular";
  src: url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/StaplesNormsPro-Regular.eot");
  src: local("NormsProRegular"), url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/StaplesNormsPro-Regular.woff") format("woff"), url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/StaplesNormsPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "NormsProMedium";
  src: url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/NormsPro-Medium.eot");
  src: local("NormsProMedium"), url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/NormsPro-Medium.woff") format("woff"), url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/NormsPro-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "NormsProBold";
  src: url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/NormsPro-Bold.eot");
  src: local("NormsProBold"), url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/NormsPro-Bold.woff") format("woff"), url("../../Content/fonts/RetailerSpecific/SPLUS/NormsPro/NormsPro-Bold") format("truetype");
  font-weight: 600;
  font-style: normal; }

body {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #444444; }

h1, h2, h3, h4, h5, h6 {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }

p,
.p {
  margin-top: 0;
  font-size: 1rem;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }

ul, ol {
  margin: 0;
  padding: 0; }

strong {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }

a {
  font-weight: bold;
  color: #0070C9;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease; }
  a:hover, a:active {
    text-decoration: underline; }
  a:active, a:active:focus {
    color: #CC0000;
    text-decoration: underline; }

a.minimal-link {
  color: #444444; }
  a.minimal-link:hover, a.minimal-link:active, a.minimal-link:active:focus {
    color: #444444;
    text-decoration: none; }

.type-dark {
  color: #000000; }

.type-light {
  color: #FFFFFF; }

.type-bold {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }

.type-medium {
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }

.type-normal {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.headline-hero, .landing-page .main-banner .headline-hero {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  font-size: 60px;
  letter-spacing: -1.5px;
  line-height: 0.95;
  color: #CC0000;
  text-align: left;
  text-transform: none; }
  .headline-hero.reverse, .landing-page .main-banner .reverse.headline-hero {
    color: #FFFFFF; }

.headline-underline-title, .landing-page .related-products p {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #000000;
  font-size: 30px;
  line-height: 35px;
  text-align: left;
  text-transform: capitalize; }
  @media (max-width: 768px) {
    .headline-underline-title, .landing-page .related-products p {
      font-size: 26px; } }
  @media (max-width: 580px) {
    .headline-underline-title, .landing-page .related-products p {
      font-size: 22px; } }
  .headline-underline-title:after, .landing-page .related-products p:after {
    content: '';
    display: block;
    margin: 10px 0 20px;
    height: 3px;
    width: 16px;
    background: #CC0000; }
  .headline-underline-title.minimal-margin:after, .landing-page .related-products p.minimal-margin:after {
    margin: 10px 0 15px; }
  .headline-underline-title span.subtitle, .landing-page .related-products p span.subtitle {
    text-align: left;
    color: #000000;
    display: block;
    font-size: 16px; }

.headline-marketing {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #000000;
  font-size: 44px;
  letter-spacing: -1.1px;
  line-height: 53px;
  text-align: left;
  text-transform: uppercase; }
  .headline-marketing.reverse {
    color: #FFFFFF; }

.headline-subheading, .landing-page .main-banner .headline-subheading {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #444444;
  font-size: 20px;
  line-height: 26px;
  text-align: left; }
  .headline-subheading.reverse, .landing-page .main-banner .reverse.headline-subheading {
    color: #444444; }

.headline-promotion {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  color: #444444;
  font-size: 18px;
  text-align: left;
  text-transform: capitalize; }

[class^="headline-"].reverse {
  color: #FFFFFF; }

.product-name {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #CC0000;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.product-tile-copy {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  color: #444444;
  font-size: 14px;
  line-height: 1.57;
  text-align: left; }

.sub-nav-product-links, #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn), #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a {
  position: relative;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.25px;
  color: #000000;
  background-color: transparent;
  border-radius: 4px;
  height: 100%;
  -webkit-transition: background-color 0.15s ease;
  -moz-transition: background-color 0.15s ease;
  -ms-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease; }
  @media screen and (max-width: 1235px) {
    .sub-nav-product-links, #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn), #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a {
      line-height: 50px; } }
  .sub-nav-product-links:after, #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn):after, #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a:after {
    display: inline;
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    top: 6px;
    margin-left: 4px; }
    @media screen and (max-width: 1235px) {
      .sub-nav-product-links:after, #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn):after, #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a:after {
        top: 23px; } }
  @media screen and (min-width: 1236px) {
    .sub-nav-product-links:hover, #mainCategoryHeader ul.level-1 > li.dropdown-link a:hover:not(.btn), #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a:hover, .sub-nav-product-links.active, #mainCategoryHeader ul.level-1 > li.dropdown-link a.active:not(.btn), #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a.active {
      background-color: #EDEDED; } }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.wrapper {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1440px;
  min-width: 320px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }

footer .wrapper {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#main-container {
  width: 100%; }

#main-content {
  width: 100%;
  padding-top: 74px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
  background-color: #F2F2F2; }

.categories #main-content,
.product #main-content {
  padding-top: 0; }

section,
article,
footer {
  clear: both;
  width: auto;
  position: relative; }

.row {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 auto; }
  .row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .row.row-flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .row.row-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

header {
  z-index: 10; }

[class^="container"].grid-gutter, [class^="products-list"].grid-gutter {
  padding: 0 12px; }

[class^="grid"] {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*padding-left: 1.6%;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  [class^="grid"].grid-padding {
    padding: 8px; }

.grid-100 {
  width: 100%; }

.grid-11 {
  width: 91.66666667%; }

.grid-95 {
  width: 95%; }

.grid-90 {
  width: 90%; }

.grid-83 {
  width: 83.33333333%; }

.grid-80 {
  width: 80%; }

.grid-75 {
  width: 75%; }

.grid-70 {
  width: 70%; }

.grid-66 {
  width: 66.66666667%; }

.grid-60 {
  width: 60%; }

.grid-58 {
  width: 58.33333333%; }

.grid-55 {
  width: 55%; }

.grid-50 {
  width: 50%; }

.grid-41 {
  width: 41.66666667%; }

.grid-40 {
  width: 40%; }

.grid-33 {
  width: 33.333333%; }

.grid-30 {
  width: 30%; }

.grid-25 {
  width: 25%; }

.grid-20 {
  width: 20%; }

.grid-18 {
  width: 18%; }

.grid-16 {
  width: 16.66666667%; }

.grid-15 {
  width: 15%; }

.grid-14 {
  width: 14%; }

.grid-10 {
  width: 10%; }

.grid-8 {
  width: 8.33333333%; }

.grid-5 {
  width: 5%; }

.grid-extend-100 {
  width: 100%; }

.grid-extend-90 {
  width: 90%; }

.grid-extend-80 {
  width: 80%; }

.grid-extend-75 {
  width: 75%; }

.grid-extend-70 {
  width: 70%; }

.grid-extend-66 {
  width: 66.666666%; }

.grid-extend-60 {
  width: 60%; }

.grid-extend-50 {
  width: 50%; }

.grid-extend-40 {
  width: 40%; }

.grid-extend-33 {
  width: 33.333333%; }

.grid-extend-30 {
  width: 30%; }

.grid-extend-25 {
  width: 25%; }

.grid-extend-20 {
  width: 20%; }

.grid-extend-18 {
  width: 18%; }

.grid-extend-15 {
  width: 15%; }

.grid-extend-14 {
  width: 14%; }

.grid-extend-10 {
  width: 10%; }

.grid-extend-5 {
  width: 5%; }

.grid-offset-lg-100 {
  margin-left: 100%; }

.grid-offset-lg-11 {
  margin-left: 91.66666667%; }

.grid-offset-lg-83 {
  margin-left: 83.33333333%; }

.grid-offset-lg-75 {
  margin-left: 75%; }

.grid-offset-lg-66 {
  margin-left: 66.66666667%; }

.grid-offset-lg-58 {
  margin-left: 58.33333333%; }

.grid-offset-lg-50 {
  margin-left: 50%; }

.grid-offset-lg-41 {
  margin-left: 41.66666667%; }

.grid-offset-lg-33 {
  margin-left: 33.333333%; }

.grid-offset-lg-25 {
  margin-left: 25%; }

.grid-offset-lg-16 {
  margin-left: 16.66666667%; }

.grid-offset-lg-8 {
  margin-left: 8.33333333%; }

@media (min-width: 1025px) {
  .grid-offset-100 {
    margin-left: 100%; }
  .grid-offset-11 {
    margin-left: 91.66666667%; }
  .grid-offset-80 {
    margin-left: 80%; }
  .grid-offset-83 {
    margin-left: 83.33333333%; }
  .grid-offset-75 {
    margin-left: 75%; }
  .grid-offset-60 {
    margin-left: 60%; }
  .grid-offset-66 {
    margin-left: 66.66666667%; }
  .grid-offset-58 {
    margin-left: 58.33333333%; }
  .grid-offset-50 {
    margin-left: 50%; }
  .grid-offset-41 {
    margin-left: 41.66666667%; }
  .grid-offset-33 {
    margin-left: 33.333333%; }
  .grid-offset-25 {
    margin-left: 25%; }
  .grid-offset-16 {
    margin-left: 16.66666667%; }
  .grid-offset-15 {
    margin-left: 15%; }
  .grid-offset-8 {
    margin-left: 8.33333333%; } }

@media (max-width: 1366px) {
  .grid-md-100 {
    width: 100%; }
  .grid-md-90 {
    width: 90%; }
  .grid-md-80 {
    width: 80%; }
  .grid-md-75 {
    width: 75%; }
  .grid-md-70 {
    width: 70%; }
  .grid-md-66 {
    width: 66.666666%; }
  .grid-md-60 {
    width: 60%; }
  .grid-md-50 {
    width: 50%; }
  .grid-md-45 {
    width: 45%; }
  .grid-md-40 {
    width: 40%; }
  .grid-md-33 {
    width: 33.333333%; }
  .grid-md-30 {
    width: 30%; }
  .grid-md-25 {
    width: 25%; }
  .grid-md-20 {
    width: 20%; }
  .grid-md-15 {
    width: 15%; }
  .grid-md-10 {
    width: 10%; }
  .grid-md-5 {
    width: 5%; } }

@media (max-width: 1024px) {
  .grid-smd-100 {
    width: 100%; }
  .grid-smd-11 {
    width: 91.66666667%; }
  .grid-smd-95 {
    width: 95%; }
  .grid-smd-90 {
    width: 90%; }
  .grid-smd-83 {
    width: 83.33333333%; }
  .grid-smd-80 {
    width: 80%; }
  .grid-smd-75 {
    width: 75%; }
  .grid-smd-70 {
    width: 70%; }
  .grid-smd-66 {
    width: 66.66666667%; }
  .grid-smd-60 {
    width: 60%; }
  .grid-smd-58 {
    width: 58.33333333%; }
  .grid-smd-55 {
    width: 55%; }
  .grid-smd-50 {
    width: 50%; }
  .grid-smd-41 {
    width: 41.66666667%; }
  .grid-smd-40 {
    width: 40%; }
  .grid-smd-33 {
    width: 33.333333%; }
  .grid-smd-30 {
    width: 30%; }
  .grid-smd-25 {
    width: 25%; }
  .grid-smd-20 {
    width: 20%; }
  .grid-smd-18 {
    width: 18%; }
  .grid-smd-16 {
    width: 16.66666667%; }
  .grid-smd-15 {
    width: 15%; }
  .grid-smd-14 {
    width: 14%; }
  .grid-smd-10 {
    width: 10%; }
  .grid-smd-8 {
    width: 8.33333333%; }
  .grid-smd-5 {
    width: 5%; }
  .grid-offset-smd-100 {
    margin-left: 100%; }
  .grid-offset-smd-91 {
    margin-left: 91.66666667%; }
  .grid-offset-smd-83 {
    margin-left: 83.33333333%; }
  .grid-offset-smd-75 {
    margin-left: 75%; }
  .grid-offset-smd-66 {
    margin-left: 66.66666667%; }
  .grid-offset-smd-58 {
    margin-left: 58.33333333%; }
  .grid-offset-smd-50 {
    margin-left: 50%; }
  .grid-offset-smd-41 {
    margin-left: 41.66666667%; }
  .grid-offset-smd-33 {
    margin-left: 33.333333%; }
  .grid-offset-smd-25 {
    margin-left: 25%; }
  .grid-offset-smd-16 {
    margin-left: 16.66666667%; }
  .grid-offset-smd-8 {
    margin-left: 8.33333333%; }
  .grid-offset-smd-0 {
    margin-left: 0; }
  [class^="container"].grid-gutter-smd, [class^="products-list"].grid-gutter-smd {
    padding: 0 14px; }
  [class^="grid"].grid-padding-smd {
    padding: 6px; } }

@media (max-width: 860px) {
  .grid-sm-100 {
    width: 100%; }
  .grid-sm-90 {
    width: 90%; }
  .grid-sm-80 {
    width: 80%; }
  .grid-sm-75 {
    width: 75%; }
  .grid-sm-70 {
    width: 70%; }
  .grid-sm-66 {
    width: 66.666666%; }
  .grid-sm-60 {
    width: 60%; }
  .grid-sm-50 {
    width: 50%; }
  .grid-sm-40 {
    width: 40%; }
  .grid-sm-33 {
    width: 33.333333%; }
  .grid-sm-30 {
    width: 30%; }
  .grid-sm-25 {
    width: 25%; }
  .grid-sm-20 {
    width: 20%; }
  .grid-sm-15 {
    width: 15%; }
  .grid-sm-10 {
    width: 10%; }
  .grid-sm-5 {
    width: 5%; } }

@media (max-width: 768px) {
  .grid-xs-100 {
    width: 100%; }
  .grid-xs-11 {
    width: 91.66666667%; }
  .grid-xs-95 {
    width: 95%; }
  .grid-xs-90 {
    width: 90%; }
  .grid-xs-83 {
    width: 83.33333333%; }
  .grid-xs-80 {
    width: 80%; }
  .grid-xs-75 {
    width: 75%; }
  .grid-xs-70 {
    width: 70%; }
  .grid-xs-66 {
    width: 66.66666667%; }
  .grid-xs-60 {
    width: 60%; }
  .grid-xs-58 {
    width: 58.33333333%; }
  .grid-xs-55 {
    width: 55%; }
  .grid-xs-50 {
    width: 50%; }
  .grid-xs-41 {
    width: 41.66666667%; }
  .grid-xs-40 {
    width: 40%; }
  .grid-xs-33 {
    width: 33.333333%; }
  .grid-xs-30 {
    width: 30%; }
  .grid-xs-25 {
    width: 25%; }
  .grid-xs-20 {
    width: 20%; }
  .grid-xs-18 {
    width: 18%; }
  .grid-xs-16 {
    width: 16.66666667%; }
  .grid-xs-15 {
    width: 15%; }
  .grid-xs-14 {
    width: 14%; }
  .grid-xs-10 {
    width: 10%; }
  .grid-xs-8 {
    width: 8.33333333%; }
  .grid-xs-5 {
    width: 5%; }
  .grid-offset-xs-100 {
    margin-left: 100%; }
  .grid-offset-xs-11 {
    margin-left: 91.66666667%; }
  .grid-offset-xs-83 {
    margin-left: 83.33333333%; }
  .grid-offset-xs-75 {
    margin-left: 75%; }
  .grid-offset-xs-66 {
    margin-left: 66.66666667%; }
  .grid-offset-xs-58 {
    margin-left: 58.33333333%; }
  .grid-offset-xs-50 {
    margin-left: 50%; }
  .grid-offset-xs-41 {
    margin-left: 41.66666667%; }
  .grid-offset-xs-33 {
    margin-left: 33.333333%; }
  .grid-offset-xs-25 {
    margin-left: 25%; }
  .grid-offset-xs-16 {
    margin-left: 16.66666667%; }
  .grid-offset-xs-8 {
    margin-left: 8.33333333%; }
  .grid-offset-xs-0 {
    margin-left: 0; }
  [class^="container"].grid-gutter-xs, [class^="products-list"].grid-gutter-xs {
    padding: 0 18px; }
  [class^="grid"].grid-padding-xs {
    padding: 7px; } }

@media (max-width: 767px) {
  .grid-bt-100 {
    width: 100%; }
  .grid-bt-11 {
    width: 91.66666667%; }
  .grid-bt-95 {
    width: 95%; }
  .grid-bt-90 {
    width: 90%; }
  .grid-bt-83 {
    width: 83.33333333%; }
  .grid-bt-80 {
    width: 80%; }
  .grid-bt-75 {
    width: 75%; }
  .grid-bt-70 {
    width: 70%; }
  .grid-bt-66 {
    width: 66.66666667%; }
  .grid-bt-60 {
    width: 60%; }
  .grid-bt-58 {
    width: 58.33333333%; }
  .grid-bt-55 {
    width: 55%; }
  .grid-bt-50 {
    width: 50%; }
  .grid-bt-41 {
    width: 41.66666667%; }
  .grid-bt-40 {
    width: 40%; }
  .grid-bt-33 {
    width: 33.333333%; }
  .grid-bt-30 {
    width: 30%; }
  .grid-bt-25 {
    width: 25%; }
  .grid-bt-20 {
    width: 20%; }
  .grid-bt-18 {
    width: 18%; }
  .grid-bt-16 {
    width: 16.66666667%; }
  .grid-bt-15 {
    width: 15%; }
  .grid-bt-14 {
    width: 14%; }
  .grid-bt-10 {
    width: 10%; }
  .grid-bt-8 {
    width: 8.33333333%; }
  .grid-bt-5 {
    width: 5%; }
  .grid-offset-bt-100 {
    margin-left: 100%; }
  .grid-offset-bt-11 {
    margin-left: 91.66666667%; }
  .grid-offset-bt-83 {
    margin-left: 83.33333333%; }
  .grid-offset-bt-75 {
    margin-left: 75%; }
  .grid-offset-bt-66 {
    margin-left: 66.66666667%; }
  .grid-offset-bt-58 {
    margin-left: 58.33333333%; }
  .grid-offset-bt-50 {
    margin-left: 50%; }
  .grid-offset-bt-41 {
    margin-left: 41.66666667%; }
  .grid-offset-bt-33 {
    margin-left: 33.333333%; }
  .grid-offset-bt-25 {
    margin-left: 25%; }
  .grid-offset-bt-16 {
    margin-left: 16.66666667%; }
  .grid-offset-bt-8 {
    margin-left: 8.33333333%; }
  .grid-offset-bt-0 {
    margin-left: 0; }
  [class^="container"].grid-gutter-bt, [class^="products-list"].grid-gutter-bt {
    padding: 0 10px; }
  [class^="grid"].grid-padding-bt {
    padding: 5px; } }

@media (max-width: 414px) {
  .grid-xxs-100 {
    width: 100%; }
  .grid-xxs-11 {
    width: 91.66666667%; }
  .grid-xxs-95 {
    width: 95%; }
  .grid-xxs-90 {
    width: 90%; }
  .grid-xxs-83 {
    width: 83.33333333%; }
  .grid-xxs-80 {
    width: 80%; }
  .grid-xxs-75 {
    width: 75%; }
  .grid-xxs-70 {
    width: 70%; }
  .grid-xxs-66 {
    width: 66.66666667%; }
  .grid-xxs-60 {
    width: 60%; }
  .grid-xxs-58 {
    width: 58.33333333%; }
  .grid-xxs-55 {
    width: 55%; }
  .grid-xxs-50 {
    width: 50%; }
  .grid-xxs-41 {
    width: 41.66666667%; }
  .grid-xxs-40 {
    width: 40%; }
  .grid-xxs-33 {
    width: 33.333333%; }
  .grid-xxs-30 {
    width: 30%; }
  .grid-xxs-25 {
    width: 25%; }
  .grid-xxs-20 {
    width: 20%; }
  .grid-xxs-18 {
    width: 18%; }
  .grid-xxs-16 {
    width: 16.66666667%; }
  .grid-xxs-15 {
    width: 15%; }
  .grid-xxs-14 {
    width: 14%; }
  .grid-xxs-10 {
    width: 10%; }
  .grid-xxs-8 {
    width: 8.33333333%; }
  .grid-xxs-5 {
    width: 5%; }
  .grid-offset-xxs-100 {
    margin-left: 100%; }
  .grid-offset-xxs-11 {
    margin-left: 91.66666667%; }
  .grid-offset-xxs-83 {
    margin-left: 83.33333333%; }
  .grid-offset-xxs-75 {
    margin-left: 75%; }
  .grid-offset-xxs-66 {
    margin-left: 66.66666667%; }
  .grid-offset-xxs-58 {
    margin-left: 58.33333333%; }
  .grid-offset-xxs-50 {
    margin-left: 50%; }
  .grid-offset-xxs-41 {
    margin-left: 41.66666667%; }
  .grid-offset-xxs-33 {
    margin-left: 33.333333%; }
  .grid-offset-xxs-25 {
    margin-left: 25%; }
  .grid-offset-xxs-16 {
    margin-left: 16.66666667%; }
  .grid-offset-xxs-8 {
    margin-left: 8.33333333%; } }

.grid-padding {
  padding: 10px; }

.grid-padding-lr {
  padding: 0 10px; }

.grid-padding-tb {
  padding: 10px 0; }

.row-centered {
  text-align: center; }

.grid-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0); }

.img-container {
  text-align: center; }
  .img-container img {
    max-width: 100%; }

.back-to-top {
  display: none; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.visibility-hidden {
  visibility: hidden;
  opacity: 0; }

.visibility-visible {
  visibility: visible;
  opacity: 1; }

@media (min-width: 1025px) {
  .desktop-hide {
    display: none; } }

@media (max-width: 1024px) {
  .smd-hide {
    display: none; }
  .smd-show {
    display: block; } }

@media (min-width: 769px) {
  .above-tablet-hide {
    display: none; } }

@media (max-width: 768px) {
  .tablet-portrait-hide {
    display: none; }
  .tablet-portrait-show {
    display: block; } }

@media (max-width: 767px) {
  .bt-hide {
    display: none; } }

@media (max-width: 768px), (max-width: 1024px) and (orientation: landscape) {
  .tablet-hide {
    display: none; }
  .tablet-show {
    display: block; } }

@media (min-width: 768px) {
  .below-tablet-min-hide {
    display: none; }
  .below-tablet-min-show {
    display: block; } }

@media (max-width: 767px) {
  .below-tablet-hide {
    display: none; }
  .below-tablet-show {
    display: block; } }

.nav-main--search form {
  color: red;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }

@media (max-width: 414px) {
  .bottom-cta {
    display: none !important; } }

#browser-check {
  margin: 0;
  padding: 0;
  outline-width: 0px;
  left: 20%;
  width: 60%;
  max-width: none !important; }
  #browser-check h2 {
    text-transform: uppercase;
    text-align: left;
    width: 100%;
    font-size: 2.5rem;
    font-weight: bold;
    padding-left: 3%;
    padding-top: 2%; }
  #browser-check .message.ie9 {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 1.4rem;
    text-align: left;
    color: #333;
    padding-left: 3%;
    line-height: 1.2;
    padding: 0% 3% 2%; }
    #browser-check .message.ie9 a {
      color: #0092DB;
      text-decoration: underline !important;
      font-weight: bold; }
    #browser-check .message.ie9 a.upgrade-link {
      text-decoration: underline !important;
      font-weight: bold; }
  #browser-check .message.ie8 {
    background-color: #f8f8f8;
    height: 300px;
    text-align: center;
    width: 20%;
    margin: 0 auto;
    top: 20%;
    position: relative;
    padding-top: 20px;
    width: 340px; }
    #browser-check .message.ie8 .logo-large {
      width: 240px; }
    #browser-check .message.ie8 .out-of-date-header {
      width: 100%;
      height: 60px;
      display: block;
      padding: 0 50px;
      margin-top: 30px; }
      #browser-check .message.ie8 .out-of-date-header .img-container {
        width: 65px;
        float: left; }
        #browser-check .message.ie8 .out-of-date-header .img-container img {
          width: 60px;
          height: 60px; }
      #browser-check .message.ie8 .out-of-date-header .header {
        width: 170px;
        height: 60px;
        float: left; }
        #browser-check .message.ie8 .out-of-date-header .header h2 {
          padding-left: 30px;
          font-size: 26px;
          letter-spacing: 3px; }
      #browser-check .message.ie8 .out-of-date-header div.error-msg p {
        text-align: left;
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        font-size: 14px;
        padding-top: 15px; }
        #browser-check .message.ie8 .out-of-date-header div.error-msg p a {
          color: #0092DB;
          font-weight: bold;
          text-decoration: underline;
          font-size: 14px; }
  #browser-check .spacer {
    background-color: #282826;
    height: 50px; }
  #browser-check .cancel-btn {
    width: 30% !important;
    float: right;
    height: 50px;
    background-color: #0092DB;
    padding: 0;
    font-size: 1.2rem; }
    #browser-check .cancel-btn span,
    #browser-check .cancel-btn button {
      text-align: center;
      font-size: 1.2rem;
      font-weight: normal;
      width: 100% !important; }

#browser-check.ie8generic {
  max-width: none;
  height: 100%;
  width: 100%;
  left: 0 !important; }

.load {
  -webkit-animation: loader 1.5s linear infinite;
  -moz-animation: loader 1.5s linear infinite;
  -ms-animation: loader 1.5s linear infinite;
  -o-animation: loader 1.5s linear infinite;
  animation: loader 1.5s linear infinite;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  #elevio-widget,
  #elevio-base-menu .open-menu {
    display: none !important;
    visibility: hidden !important; } }

.modal-open {
  overflow: hidden; }

/* ADMIN - Move header down to accomodate Admin bar */
body.htmlcontent-admin header {
  top: 40px; }

header .nav-agentInfo {
  background-color: #000;
  text-transform: uppercase;
  font-size: 0.75rem;
  height: 20px;
  width: 100%;
  position: absolute;
  z-index: 1; }
  header .nav-agentInfo p {
    padding-top: 0.45rem;
    color: #fff;
    text-align: center;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    margin: 0 auto;
    text-transform: none; }

header form input {
  letter-spacing: 0.045em;
  font-size: 13px;
  font-weight: bold; }
  header form input::-ms-clear {
    display: none; }
  header form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
    background-color: #fff; }
  header form input::-webkit-input-placeholder {
    color: transparent;
    font-weight: normal; }
  header form input::-moz-placeholder {
    color: transparent;
    font-weight: normal; }
  header form input[type="text"]:focus {
    border: none;
    max-width: 94%; }
    @media (min-width: 769px) {
      header form input[type="text"]:focus {
        margin-left: 6%; } }
    @media (max-width: 767px) {
      header form input[type="text"]:focus {
        max-width: 100%; } }
    header form input[type="text"]:focus::-webkit-input-placeholder {
      color: #CCCCCC; }
    header form input[type="text"]:focus::-moz-placeholder {
      color: #CCCCCC; }

header .main-search {
  text-align: center;
  width: 47%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative; }
  @media (max-width: 767px) {
    header .main-search {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -moz-order: 3;
      -ms-flex-order: 3;
      order: 3;
      padding: 0 10px 5px;
      width: 100%; } }
  @media all and (-ms-high-contrast: none) {
    header .main-search {
      width: 50%; } }
  header .main-search button {
    min-width: 90px;
    display: none;
    height: 38px;
    font-size: 16px;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    margin: 0 20px;
    padding: 0;
    background-color: #EAEAEA;
    line-height: 38px; }
  header .main-search .search-close {
    display: none; }
    @media (max-width: 767px) {
      header .main-search .search-close {
        padding-left: 5%; } }
  header .main-search .tag-search-input {
    border-radius: 25px;
    background: #F2F2F2;
    border: none;
    height: 38px;
    width: 100%;
    max-width: 383px;
    padding-left: 35px;
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/search-icon);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 15px;
    caret-color: #CC0000;
    background-size: 12px;
    transition: max-width .3s; }
    @media (min-width: 769px) {
      header .main-search .tag-search-input {
        margin-left: 13%; } }
    @media (max-width: 1024px) {
      header .main-search .tag-search-input {
        max-width: 272px; } }
    @media (max-width: 768px) {
      header .main-search .tag-search-input {
        max-width: 320px; } }
    @media (max-width: 768px) and (min-width: 767px) {
      header .main-search .tag-search-input {
        transition: none; } }
    @media (max-width: 767px) {
      header .main-search .tag-search-input {
        max-width: 100%; } }
  @media (max-width: 768px) and (min-width: 767px) {
    header .main-search.tablet-search-active {
      position: absolute;
      left: 0;
      margin-left: 105px;
      z-index: 2;
      background: #fff;
      padding: 10px;
      text-align: left;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start; }
      header .main-search.tablet-search-active .tag-search-input {
        max-width: 64%; }
      header .main-search.tablet-search-active button, header .main-search.tablet-search-active .search-close {
        display: block; }
      header .main-search.tablet-search-active .searchBtn:after {
        display: none; }
      header .main-search.tablet-search-active .search-close {
        height: 15px;
        padding: 0 5px; } }
  @media (max-width: 767px) {
    header .main-search.mobile-search-active {
      text-align: left;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      padding: 0 10px 5px; }
      header .main-search.mobile-search-active .search-close {
        display: block;
        height: 15px;
        padding: 0 2.5% 0 5%; } }

header {
  height: 135px;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 320px;
  z-index: 99; }
  @media screen and (max-width: 960px) {
    header {
      height: 106px; } }
  header .middle-header {
    width: 100%;
    min-height: 60px;
    background-color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: static;
    padding: 7px 0; }
    @media (max-width: 767px) {
      header .middle-header {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media (min-width: 769px) {
      header .middle-header .logo-large {
        width: 145px; } }
    @media (max-width: 767px) {
      header .middle-header .logo-large {
        width: 100px; } }
  header ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    header ul li {
      float: left; }
      @media (min-width: 769px) {
        header ul li.has-dropdown .flyout-wrapper {
          pointer-events: none; }
        header ul li.has-dropdown:hover .flyout-wrapper {
          max-height: 500px;
          pointer-events: auto; }
          header ul li.has-dropdown:hover .flyout-wrapper .nav-side--flyout {
            opacity: 1; }
          header ul li.has-dropdown:hover .flyout-wrapper > a:before {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            -webkit-transform: translateZ(0) translateY(0);
            -moz-transform: translateZ(0) translateY(0);
            -ms-transform: translateZ(0) translateY(0);
            -o-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0); } }
  @media (min-width: 769px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    header ul li.has-dropdown:hover .flyout-wrapper {
      max-height: 0; }
      header ul li.has-dropdown:hover .flyout-wrapper.open {
        max-height: 500px;
        pointer-events: auto; } }
  @media (min-width: 769px) and (min-device-width: 1024px) and (max-device-width: 1366px) {
    header ul li.has-dropdown:hover .flyout-wrapper {
      max-height: 0; }
      header ul li.has-dropdown:hover .flyout-wrapper.open {
        max-height: 500px;
        pointer-events: auto; } }
      @media (max-width: 768px) {
        header ul li.has-dropdown .flyout-wrapper {
          pointer-events: none; }
        header ul li.has-dropdown .flyout-wrapper.open {
          max-height: 500px;
          pointer-events: auto; }
          header ul li.has-dropdown .flyout-wrapper.open .nav-side--flyout {
            opacity: 1; }
          header ul li.has-dropdown .flyout-wrapper.open > a:before {
            visibility: visible;
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            -webkit-transform: translateZ(0) translateY(0);
            -moz-transform: translateZ(0) translateY(0);
            -ms-transform: translateZ(0) translateY(0);
            -o-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0); } }
      header ul li.back {
        margin-left: 1rem; }
        header ul li.back:before {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #FFF; }
      header ul li .my-account-mobile {
        font-weight: 300; }
        header ul li .my-account-mobile a {
          text-align: left; }
        header ul li .my-account-mobile ~ .flyout-wrapper {
          text-transform: none; }
          header ul li .my-account-mobile ~ .flyout-wrapper li {
            line-height: 20px; }
            header ul li .my-account-mobile ~ .flyout-wrapper li:first-child {
              border-radius: 6px 6px 0 0; }
            header ul li .my-account-mobile ~ .flyout-wrapper li:last-child {
              border-radius: 0 0 6px 6px;
              border-bottom: 0; }
            @media (min-width: 768px) {
              header ul li .my-account-mobile ~ .flyout-wrapper li:nth-child(2) {
                border-radius: 6px 6px 0 0; } }
            header ul li .my-account-mobile ~ .flyout-wrapper li:hover {
              background-color: #F7F7F7;
              box-shadow: 0 -1px 0 0 #EAEAEA, 0 1px 0 0 #EAEAEA; }
            header ul li .my-account-mobile ~ .flyout-wrapper li:before {
              display: none; }
  header a {
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    color: #000000;
    cursor: pointer; }
    header a:hover, header a:focus {
      text-decoration: none;
      color: #000000; }
    header a.type-emphasis {
      color: #CC0000; }
  header .nav-parent {
    display: none;
    background-color: #FFFFFF;
    height: 30px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 13px;
    width: 100%;
    overflow: visible;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    @media (max-width: 768px) {
      header .nav-parent {
        display: none; } }
    header .nav-parent a {
      padding: 0.7em 0.75em;
      letter-spacing: 0.08rem;
      color: #fff;
      line-height: .8; }
      header .nav-parent a:hover, header .nav-parent a:hover:focus {
        text-decoration: none;
        color: #FFFFFF; }
    header .nav-parent ul {
      position: absolute;
      height: 30px;
      z-index: 5; }
      header .nav-parent ul.help-number {
        top: 9px;
        right: 20px;
        font-size: 13px;
        list-style: none;
        font-weight: 700;
        color: #444444; }
  header .nav-main {
    width: 100%;
    position: static;
    overflow: visible; }
    header .nav-main.wrapper {
      box-shadow: none; }
    @media screen and (max-width: 960px) {
      header .nav-main.wrapper {
        background: #FFFFFF; } }
    header .nav-main h1,
    header .nav-main h2 {
      margin: 0;
      padding: 0;
      max-height: 100%;
      overflow: hidden; }
      header .nav-main h1 a,
      header .nav-main h2 a {
        height: 60px;
        vertical-align: middle;
        display: table-cell;
        text-align: left;
        padding-left: 20px; }
        @media (max-width: 768px) {
          header .nav-main h1 a img,
          header .nav-main h2 a img {
            width: 80px; } }
    header .nav-main .nav-main--links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      justify-content: flex-end; }
      header .nav-main .nav-main--links:after {
        display: none; }
      @media (max-width: 769px) {
        header .nav-main .nav-main--links {
          min-width: 135px; } }
      @media (max-width: 767px) {
        header .nav-main .nav-main--links {
          margin-bottom: 12px; } }
      @media (max-width: 1023px) {
        header .nav-main .nav-main--links {
          position: initial; } }
      header .nav-main .nav-main--links ul {
        height: 100%;
        width: 100%; }
      header .nav-main .nav-main--links .my-account-mobile {
        display: none; }
      header .nav-main .nav-main--links a {
        font-weight: 700;
        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
        font-size: 13px;
        width: 100%; }
        @media (min-width: 769px) {
          header .nav-main .nav-main--links a {
            min-width: 110px; } }
        @media (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
          header .nav-main .nav-main--links a.my-account {
            display: none; } }
        @media (min-device-width: 1024px) and (max-device-width: 1366px) {
          header .nav-main .nav-main--links a.my-account {
            display: none; } }
        @media (max-width: 768px) {
          header .nav-main .nav-main--links a.my-account {
            display: none; } }
      @media (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
        header .nav-main .nav-main--links .my-account-mobile {
          font-size: 0;
          height: 30px;
          width: 30px;
          background-size: cover;
          padding: 0;
          display: block; }
          header .nav-main .nav-main--links .my-account-mobile.signed-in-account {
            background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-in-account"); }
          header .nav-main .nav-main--links .my-account-mobile.signed-out-account {
            background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-out-account");
            background-size: 17px;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            margin: 15px 25px 15px 0px; }
            header .nav-main .nav-main--links .my-account-mobile.signed-out-account::after {
              content: '';
              width: 0;
              height: 0;
              border-left: 4px solid transparent;
              border-right: 4px solid transparent;
              border-top: 4px solid #000;
              right: -10px;
              top: 13px;
              position: absolute; } }
      @media (min-device-width: 1024px) and (max-device-width: 1366px) {
        header .nav-main .nav-main--links .my-account-mobile {
          font-size: 0;
          height: 30px;
          width: 30px;
          background-size: cover;
          padding: 0;
          display: block; }
          header .nav-main .nav-main--links .my-account-mobile.signed-in-account {
            background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-in-account"); }
          header .nav-main .nav-main--links .my-account-mobile.signed-out-account {
            background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-out-account");
            background-size: 17px;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            margin: 15px 25px 15px 0px; }
            header .nav-main .nav-main--links .my-account-mobile.signed-out-account::after {
              content: '';
              width: 0;
              height: 0;
              border-left: 4px solid transparent;
              border-right: 4px solid transparent;
              border-top: 4px solid #000;
              right: -10px;
              top: 13px;
              position: absolute; } }
      @media (max-width: 768px) {
        header .nav-main .nav-main--links .my-account-mobile {
          font-size: 0;
          height: 30px;
          width: 30px;
          background-size: cover;
          padding: 0;
          display: block; }
          header .nav-main .nav-main--links .my-account-mobile.signed-in-account {
            background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-in-account"); }
          header .nav-main .nav-main--links .my-account-mobile.signed-out-account {
            background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-out-account");
            background-size: 17px;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            margin: 15px 25px 15px 0px; }
            header .nav-main .nav-main--links .my-account-mobile.signed-out-account::after {
              content: '';
              width: 0;
              height: 0;
              border-left: 4px solid transparent;
              border-right: 4px solid transparent;
              border-top: 4px solid #000;
              right: -10px;
              top: 13px;
              position: absolute; } }
      header .nav-main .nav-main--links .cart {
        margin: 0px 20px 0px 0px; }
        @media (max-width: 767px) {
          header .nav-main .nav-main--links .cart {
            margin: 0px 13px 0 10px; } }
        header .nav-main .nav-main--links .cart .btn-cart {
          margin: 10px 0;
          color: #FFFFFF;
          text-align: center; }
          header .nav-main .nav-main--links .cart .btn-cart:active, header .nav-main .nav-main--links .cart .btn-cart:active:focus {
            text-decoration: none; }
          @media (min-width: 769px) {
            header .nav-main .nav-main--links .cart .btn-cart {
              min-width: 132px; } }
          header .nav-main .nav-main--links .cart .btn-cart .item-count-holder {
            color: #000; }
      header .nav-main .nav-main--links .utility form,
      header .nav-main .nav-main--links .utility .login-nav {
        height: 100%; }
        header .nav-main .nav-main--links .utility form .flyout-wrapper,
        header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper {
          border-radius: 6px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.2);
          z-index: 1;
          margin-top: 85px;
          width: 140px;
          overflow: hidden; }
          @media (max-width: 768px) {
            header .nav-main .nav-main--links .utility form .flyout-wrapper,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper {
              width: 180px;
              right: 102px;
              margin-top: 60px; } }
          @media (max-width: 767px) {
            header .nav-main .nav-main--links .utility form .flyout-wrapper,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper {
              right: 85px;
              overflow: visible; } }
          header .nav-main .nav-main--links .utility form .flyout-wrapper .dropdown,
          header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper .dropdown {
            padding-top: 0; }
            @media (max-width: 769px) {
              header .nav-main .nav-main--links .utility form .flyout-wrapper .dropdown:before,
              header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper .dropdown:before {
                content: '';
                height: 20px;
                width: 20px;
                background: #FFFFFF;
                position: absolute;
                right: 15px;
                top: -7px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                box-shadow: -2px -2px 1px -2px rgba(0, 0, 0, 0.3);
                z-index: -1;
                opacity: 0;
                -webkit-transition: opacity 1s ease-out;
                -moz-transition: opacity 1s ease-out;
                -ms-transition: opacity 1s ease-out;
                -o-transition: opacity 1s ease-out;
                transition: opacity 1s ease-out; } }
          header .nav-main .nav-main--links .utility form .flyout-wrapper ul li a,
          header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li a {
            padding: 5px 25px; }
            header .nav-main .nav-main--links .utility form .flyout-wrapper ul li a:active, header .nav-main .nav-main--links .utility form .flyout-wrapper ul li a:active:focus,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li a:active,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li a:active:focus {
              text-decoration: none; }
          header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:first-of-type a,
          header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:first-of-type a {
            padding-top: 12px; }
          header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:last-of-type a,
          header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:last-of-type a {
            padding-bottom: 12px; }
          @media (min-width: 769px) {
            header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2) a,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2) a {
              padding-top: 12px; } }
          @media (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
            header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2) a,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2) a {
              padding-top: 5px; } }
          @media (min-device-width: 1024px) and (max-device-width: 1366px) {
            header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2) a,
            header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2) a {
              padding-top: 5px; } }
        @media (max-width: 769px) {
          header .nav-main .nav-main--links .utility form .flyout-wrapper.open .dropdown:before,
          header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper.open .dropdown:before {
            opacity: 1; } }
  header .utility .my-account {
    vertical-align: middle;
    display: table-cell;
    height: 60px; }

header .nav-main #loginform-container {
  margin-right: 10px; }
  header .nav-main #loginform-container .logout-nav > li.has-dropdown {
    position: relative; }
    @media (min-width: 769px) {
      header .nav-main #loginform-container .logout-nav > li.has-dropdown {
        width: 160px; } }
    @media (min-device-width: 767px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {
      header .nav-main #loginform-container .logout-nav > li.has-dropdown {
        height: 100%;
        width: unset; } }
    header .nav-main #loginform-container .logout-nav > li.has-dropdown > span.signed-in-account {
      font-size: 0;
      height: 30px;
      width: 30px;
      background-size: cover;
      padding: 0;
      display: block;
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/signed-in-account");
      margin-top: 15px;
      position: absolute;
      right: 5px; }
    header .nav-main #loginform-container .logout-nav > li.has-dropdown > a.signin-styles {
      padding-right: 35px;
      float: left; }
      header .nav-main #loginform-container .logout-nav > li.has-dropdown > a.signin-styles .hello-message {
        float: right;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 90px;
        overflow: hidden;
        text-align: right;
        padding-right: 10px; }
    header .nav-main #loginform-container .logout-nav > li.has-dropdown a span {
      margin-top: 24px; }
  header .nav-main #loginform-container .logout-nav .flyout-wrapper {
    border-radius: 6px;
    overflow: hidden;
    width: auto;
    margin-top: 60px;
    position: absolute;
    z-index: 10;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.2); }
    @media (max-width: 768px) {
      header .nav-main #loginform-container .logout-nav .flyout-wrapper {
        overflow: visible; } }
    @media (max-width: 769px) {
      header .nav-main #loginform-container .logout-nav .flyout-wrapper {
        right: -5px; } }
    @media (max-width: 769px) {
      header .nav-main #loginform-container .logout-nav .flyout-wrapper .dropdown:before {
        content: '';
        height: 20px;
        width: 20px;
        background: #FFFFFF;
        position: absolute;
        right: 15px;
        top: -7px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: -2px -2px 1px -2px rgba(0, 0, 0, 0.3);
        z-index: -1;
        opacity: 0;
        -webkit-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -ms-transition: opacity 1s ease-out;
        -o-transition: opacity 1s ease-out;
        transition: opacity 1s ease-out; } }
    header .nav-main #loginform-container .logout-nav .flyout-wrapper.open .dropdown:before {
      opacity: 1; }
    header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout {
      padding-top: 0; }
      header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li.mobile-sign-in-message {
        display: none; }
        @media screen and (max-width: 768px) {
          header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li.mobile-sign-in-message {
            display: block;
            background: #FFFFFF;
            min-height: 40px; }
            header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li.mobile-sign-in-message:hover {
              box-shadow: none; }
            header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li.mobile-sign-in-message span {
              padding: 15px 25px 10px;
              font-size: 13px;
              font-weight: bold;
              line-height: 16px;
              display: block; } }
      header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li {
        min-width: 140px; }
        header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li a {
          padding: 6px 0 6px 25px; }
        header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li:nth-child(2) {
          border-radius: 0; }
        header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li#myAccountId a {
          padding-top: 10px; }
        header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li:last-of-type {
          border-radius: 0; }
          header .nav-main #loginform-container .logout-nav .flyout-wrapper .nav-side--flyout li:last-of-type a {
            padding-bottom: 15px; }

.middle-header.row:after {
  display: none; }

.review header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2), .review header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2), .upsell header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2), .upsell header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2) {
  border-radius: 0; }
  .review header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2) a, .review header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2) a, .upsell header .nav-main .nav-main--links .utility form .flyout-wrapper ul li:nth-child(2) a, .upsell header .nav-main .nav-main--links .utility .login-nav .flyout-wrapper ul li:nth-child(2) a {
    padding-top: 5px; }

.review header .nav-main .nav-main--links > .sign-in-upsell, .upsell header .nav-main .nav-main--links > .sign-in-upsell {
  padding: 25px 0; }

@media (min-width: 768px) {
  .no-object-fit li.has-dropdown .flyout-wrapper .nav-side--flyout {
    opacity: 1; }
  .no-object-fit li.has-dropdown:hover .flyout-wrapper {
    display: block; }
    .no-object-fit li.has-dropdown:hover .flyout-wrapper .nav-side--flyout {
      display: block; } }

.nav-main .has-dropdown {
  margin: 0 5px 0 0;
  padding-right: 0;
  min-width: 45px; }
  .nav-main .has-dropdown .flyout-wrapper {
    top: 0;
    max-height: 0;
    width: 100%;
    text-align: left;
    background-color: #FFFFFF;
    overflow: hidden;
    position: absolute;
    height: auto;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: max-height 0.15s ease-in;
    -moz-transition: max-height 0.15s ease-in;
    -ms-transition: max-height 0.15s ease-in;
    -o-transition: max-height 0.15s ease-in;
    transition: max-height 0.15s ease-in;
    max-width: 1440px; }
    .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      align-items: flex-start;
      padding-top: 130px;
      max-width: 1440px;
      -webkit-transition: opacity 0.7s ease-in-out;
      -moz-transition: opacity 0.7s ease-in-out;
      -ms-transition: opacity 0.7s ease-in-out;
      -o-transition: opacity 0.7s ease-in-out;
      transition: opacity 0.7s ease-in-out;
      opacity: 0; }
      .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout li {
        display: block;
        float: none; }
        .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout li a {
          font-weight: 300;
          padding: 0px 0 15px 25px; }
          .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout li a:hover {
            color: #CC0000; }
      @media (min-width: 769px) {
        .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout .mobile-login-item {
          display: none; } }
      @media (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
        .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout .mobile-login-item {
          display: block; } }
      @media (min-device-width: 1024px) and (max-device-width: 1366px) {
        .nav-main .has-dropdown .flyout-wrapper .nav-side--flyout .mobile-login-item {
          display: block; } }
    .nav-main .has-dropdown .flyout-wrapper.open .nav-side--flyout {
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -ms-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
  @media (min-width: 769px) {
    .nav-main .has-dropdown a[aria-expanded="true"] + .flyout-wrapper {
      max-height: 500px; }
      .nav-main .has-dropdown a[aria-expanded="true"] + .flyout-wrapper .nav-side--flyout {
        opacity: 1; } }

@media (max-width: 768px) {
  .nav-main .logout-nav .has-dropdown {
    padding: 0; } }

@media (max-width: 768px) {
  .nav-main .logout-nav .has-dropdown .has-dropdown {
    padding: 0; } }

/******SEARCH RESULTS WITH TOKENS**********/
.categories header .nav-main .middle-header .token-container {
  float: left;
  width: auto;
  margin-left: 52px;
  background: #f2f2f2;
  border-radius: 25px;
  height: 38px;
  position: relative;
  padding: 4px 0 4px 4px;
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/search-icon);
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: 15px;
  background-size: 12px;
  position: absolute;
  left: 0;
  top: 0; }
  .categories header .nav-main .middle-header .token-container:before {
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/search-icon);
    background-repeat: no-repeat;
    background-position: left;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: -16px;
    top: 50%;
    background-size: 12px;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%); }
  @media (max-width: 768px) {
    .categories header .nav-main .middle-header .token-container {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .categories header .nav-main .middle-header .token-container {
      margin-left: 10px; } }
  .categories header .nav-main .middle-header .token-container + input[type="text"] {
    max-width: 100%;
    padding-left: 113px;
    transition: none; }
    @media (min-width: 768px) {
      .categories header .nav-main .middle-header .token-container + input[type="text"] {
        margin-left: 60px; } }
  .categories header .nav-main .middle-header .token-container button {
    background-color: #181818;
    border-radius: 50%;
    display: block;
    letter-spacing: 0.05em;
    height: auto;
    min-height: 18px;
    width: auto;
    padding: 0;
    margin: 0;
    min-width: 18px;
    position: absolute;
    right: 5px;
    top: 10px; }
    .categories header .nav-main .middle-header .token-container button:before, .categories header .nav-main .middle-header .token-container button:after {
      content: '';
      height: 11px;
      width: 2px;
      background: #444444;
      position: absolute;
      top: 4px;
      left: 8px; }
    .categories header .nav-main .middle-header .token-container button:before {
      transform: rotate(45deg); }
    .categories header .nav-main .middle-header .token-container button:after {
      transform: rotate(-45deg); }
    .categories header .nav-main .middle-header .token-container button.btn.btn-primary, .categories header .nav-main .middle-header .token-container button.btn.btn-tertiary, .categories header .nav-main .middle-header .token-container button.btn.btn-cart, .categories header .nav-main .middle-header .token-container button.btn.btn-primary:hover, .categories header .nav-main .middle-header .token-container button.btn.btn-tertiary:hover, .categories header .nav-main .middle-header .token-container button.btn.btn-cart:hover {
      -webkit-transition-property: none;
      -moz-transition-property: none;
      -o-transition-property: none;
      transition-property: none;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      box-shadow: none;
      border-bottom: none; }
  .categories header .nav-main .middle-header .token-container > * {
    float: left; }
  .categories header .nav-main .middle-header .token-container div.highlight div.token--search-term,
  .categories header .nav-main .middle-header .token-container div.highlight div + button[aria-label="Remove token"] {
    background: #0d5679; }

.categories header .nav-main .middle-header .token--search-term {
  padding: 9px 30px 9px 10px;
  height: 30px;
  width: auto;
  min-width: 85px;
  border-radius: 25px;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  font-size: 13px;
  text-transform: capitalize;
  background-color: #444444;
  color: #FFFFFF;
  letter-spacing: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left; }
  @media (max-width: 767px) {
    .categories header .nav-main .middle-header .token--search-term {
      width: 90px; } }
  .categories header .nav-main .middle-header .token--search-term span.token--short-name {
    display: none; }

.categories header .nav-main .middle-header button.exit {
  height: 100%; }

.categories header .nav-main .middle-header div[data-icon] {
  color: #444444;
  font-size: 0.45rem; }

@media (max-width: 768px) and (min-width: 767px) {
  .categories header .nav-main .middle-header .token-container + input[type="text"] {
    margin-right: 30px;
    padding-left: 65px; }
  .categories header .nav-main .middle-header .tablet-search-active .token-container {
    margin: 10px 5px; }
    .categories header .nav-main .middle-header .tablet-search-active .token-container + input[type="text"] {
      margin-left: 0;
      margin-right: 0;
      max-width: 64%;
      padding-left: 120px; } }

@media (max-width: 767px) {
  .categories header .nav-main .middle-header .token-container + input[type="text"] {
    padding-left: 125px; } }

/******END SEARCH RESULTS WITH TOKENS********/
.ui-menu {
  position: fixed;
  top: 94px !important;
  width: 70% !important;
  max-width: 1000px;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 768px) {
    .ui-menu {
      top: 60px !important;
      width: 63% !important; } }
  @media (max-width: 767px) {
    .ui-menu {
      top: 100px !important;
      width: 86% !important; } }
  .ui-menu a:hover,
  .ui-menu a:active {
    color: #CC0000;
    text-decoration: none; }
  .ui-menu .ui-menu-item {
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    height: auto;
    width: 100%;
    line-height: 20px;
    margin: 0px;
    float: unset;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .ui-menu .ui-menu-item:first-child {
      border-top-right-radius: 6px;
      border-top-left-radius: 6px; }
  .ui-menu .ui-state-active {
    background-color: #F7F7F7;
    border-bottom: 1px solid #EAEAEA;
    color: #CC0000;
    border-color: transparent;
    font-weight: bold;
    text-decoration: none;
    padding: 13px 13px 13px 15px; }
    @media (max-width: 768px) {
      .ui-menu .ui-state-active {
        height: unset; } }
    .ui-menu .ui-state-active:first-child {
      border-radius: 6px; }

.ui-menu .ui-menu-item-wrapper {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  padding: 13px 13px 13px 15px;
  font-size: 14px;
  height: unset; }
  @media (max-width: 768px) {
    .ui-menu .ui-menu-item-wrapper {
      font-size: 13px; } }

/**CONTENTS:
1. Mobile Menu Icon to display main menu + animation to an "x" if open
2. Animation to hide display sidebar menu  **/
@media (max-width: 768px) {
  /* RESPONSIVE MENU BUTTON */
  #mobile-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    text-align: center;
    float: none; }
    #mobile-header a {
      display: block;
      height: 60px;
      width: 60px;
      cursor: pointer;
      padding: 0; }
  #responsive-menu {
    width: 100%;
    display: block;
    text-decoration: none;
    color: #000000; }
  .lines-button {
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    width: 100%;
    height: 60px;
    display: inline-block;
    padding-top: 20px; }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    -webkit-transition: 0;
    transition: 0; }
  .lines {
    display: inline-block;
    width: 22px;
    height: 1px;
    background: #000000;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative; }
    .lines:before, .lines:after {
      display: inline-block;
      width: 100%;
      height: 1px;
      background: #000000;
      border-radius: 3px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      left: 0;
      content: '';
      -webkit-transform-origin: 0.28571rem center;
      -ms-transform-origin: 0.28571rem center;
      transform-origin: 0.28571rem center; }
    .lines:before {
      top: 7px; }
    .lines:after {
      top: -7px; }
  .lines-button.open {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  .lines-button.x2 .lines {
    -webkit-transition: background .3s .6s ease;
    transition: background .3s .6s ease; }
  .lines-button.x2 .lines:before,
  .lines-button.x2 .lines:after {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease; }
  .menu-open .lines-button.x2 .lines {
    -webkit-transition: background .3s 0s ease;
    transition: background .3s 0s ease;
    background: transparent; }
  .menu-open .lines-button.x2 .lines:before,
  .menu-open .lines-button.x2 .lines:after {
    -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
    transition: top .3s ease, transform .3s .5s ease;
    top: 0;
    width: 22px; }
  .menu-open .lines-button.x2 .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .menu-open .lines-button.x2 .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }
  header,
  #main-content {
    -webkit-transition: 150ms linear -webkit-transform;
    -webkit-transition: 150ms linear transform;
    -moz-transition: 150ms linear transform;
    -ms-transition: 150ms linear transform;
    -o-transition: 150ms linear transform;
    transition: 150ms linear transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }
  header {
    height: 124px; }
  .menu-open header,
  .menu-open #main-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform: translateZ(0) translateX(100%);
    -moz-transform: translateZ(0) translateX(100%);
    -ms-transform: translateZ(0) translateX(100%);
    -o-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@media only screen and (max-width: 414px) {
  header {
    z-index: 25; }
  #main-container {
    width: 100%; }
  header .nav-main--all-links {
    left: -85%;
    width: 85%; }
    header .nav-main--all-links ul {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  .menu-open header,
  .menu-open #main-content {
    -webkit-transform: translateX(85%);
    -moz-transform: translateX(85%);
    -ms-transform: translateX(85%);
    -o-transform: translateX(85%);
    transform: translateX(85%);
    -webkit-transform: translateZ(0) translateX(85%);
    -moz-transform: translateZ(0) translateX(85%);
    -ms-transform: translateZ(0) translateX(85%);
    -o-transform: translateZ(0) translateX(85%);
    transform: translateZ(0) translateX(85%);
    -webkit-transform: translate3d(85%, 0, 0);
    -moz-transform: translate3d(85%, 0, 0);
    -ms-transform: translate3d(85%, 0, 0);
    -o-transform: translate3d(85%, 0, 0);
    transform: translate3d(85%, 0, 0); }
  .menu-open.subnav-open header .nav-main--all-links {
    overflow-y: scroll; } }

.grid-13 {
  width: 13%; }

footer {
  padding: 56px 0 0;
  background: #FFFFFF;
  max-width: 1440px;
  margin: 0 auto;
  -webkit-box-shadow: 0 -6px 24px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -6px 24px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -6px 24px 0 rgba(0, 0, 0, 0.1); }
  footer img {
    max-width: 100%;
    padding-left: 20px; }
    @media (max-width: 767px) {
      footer img {
        padding-left: 15px; } }
  footer .grid > div:not(:first-of-type) {
    margin-top: 5px; }
  @media (max-width: 768px) {
    footer .grid > div:first-of-type {
      margin-bottom: 20px; }
    footer .grid > div:not(:first-of-type) {
      margin-bottom: 27px; } }
  @media (max-width: 767px) {
    footer .grid > div:not(:first-of-type) {
      margin-bottom: 35px;
      padding-left: 15px; }
    footer .grid > div:first-of-type {
      margin-bottom: 30px; } }
  footer h6 {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    color: #444444;
    font-size: 17px;
    margin-bottom: 25px; }
  footer a {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-weight: 700;
    display: block;
    letter-spacing: 0.9px;
    margin: 15px 0;
    font-size: 14px;
    color: #A1A1A1;
    text-decoration: none;
    transition: all 0.2s ease; }
    footer a:hover, footer a:active, footer a:active:focus {
      color: #000000;
      text-decoration: none; }
  footer .social-links-container a {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-right: 8px;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat; }
    footer .social-links-container a.FooterTwitter {
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/twitter); }
      footer .social-links-container a.FooterTwitter:hover, footer .social-links-container a.FooterTwitter:active {
        background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/twitter-hov); }
    footer .social-links-container a.FooterFacebook {
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/facebook); }
      footer .social-links-container a.FooterFacebook:hover, footer .social-links-container a.FooterFacebook:active {
        background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/facebook-hov); }
    footer .social-links-container a.FooterYoutube {
      width: 32px;
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/youtube); }
      footer .social-links-container a.FooterYoutube:hover, footer .social-links-container a.FooterYoutube:active {
        background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/youtube-hov); }
    footer .social-links-container a.FooterLinkedin {
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/linkedin); }
      footer .social-links-container a.FooterLinkedin:hover, footer .social-links-container a.FooterLinkedin:active {
        background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/linkedin-hov); }
  footer .copyright {
    padding-top: 60px; }
    @media (max-width: 1024px) {
      footer .copyright {
        padding: 60px 158px 0; } }
    @media (max-width: 768px) {
      footer .copyright {
        padding: 60px 97px 0; } }
    @media (max-width: 767px) {
      footer .copyright {
        padding: 60px 15px 0; } }
    footer .copyright p, footer .copyright p > a {
      text-align: center;
      color: #CCCCCC;
      font-size: 13px;
      line-height: 15px;
      text-align: center;
      font-weight: 300; }
  footer p.version {
    color: #FFFFFF; }

footer div.feedback-mobile {
  display: none; }

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 35px;
  padding: 6px 10px;
  background-color: #fff;
  border: 2px solid #dfdfdf;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  -webkit-transition: border 0.5s ease;
  -moz-transition: border 0.5s ease;
  -ms-transition: border 0.5s ease;
  -o-transition: border 0.5s ease;
  transition: border 0.5s ease; }
  input[type="email"].error,
  input[type="number"].error,
  input[type="search"].error,
  input[type="text"].error,
  input[type="tel"].error,
  input[type="url"].error,
  input[type="password"].error,
  textarea.error,
  select.error {
    border: 2px solid #E7211E; }
  input[type="email"].minimal,
  input[type="number"].minimal,
  input[type="search"].minimal,
  input[type="text"].minimal,
  input[type="tel"].minimal,
  input[type="url"].minimal,
  input[type="password"].minimal,
  textarea.minimal,
  select.minimal {
    border: none;
    border-bottom: 1px solid #b0b8bf; }
    input[type="email"].minimal:focus,
    input[type="number"].minimal:focus,
    input[type="search"].minimal:focus,
    input[type="text"].minimal:focus,
    input[type="tel"].minimal:focus,
    input[type="url"].minimal:focus,
    input[type="password"].minimal:focus,
    textarea.minimal:focus,
    select.minimal:focus {
      border: none;
      border-bottom: 2px solid #0092db; }

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 2px solid #CC0000;
  outline: 0; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"],
input[type="radio"] {
  display: inline; }

label {
  font-size: 1rem;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }

.alert {
  padding: 1rem;
  margin: 0 0 1.875rem 0; }
  .alert.alert--danger {
    border: 2px solid #E7211E;
    background-color: #F7EDEC;
    color: #E7211E;
    font-weight: 300;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
    .alert.alert--danger h4 {
      margin-left: 1rem;
      margin-bottom: rem;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: 700; }
      .alert.alert--danger h4:before {
        color: #E7211E;
        content: '\e333';
        font-family: "streamline-30px";
        font-size: 1.3em;
        position: relative;
        right: 0.5rem;
        top: 5px; }
    .alert.alert--danger ul {
      list-style-type: disc;
      margin-left: 2rem; }
      .alert.alert--danger ul li {
        margin-bottom: 0.5rem; }

.checkmark-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #d5d5d5;
  border: solid 1px transparent;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0; }
  @media (max-width: 414px) {
    .checkmark-icon {
      width: 15px;
      height: 15px; } }

.checkmark-icon-container:hover ~ .checkmark-icon, .checkmark-icon-container:hover .checkmark-icon {
  background-color: #FFF;
  border: solid 1px #0092db; }

.checkmark-icon-container:checked ~ .checkmark-icon, .checkmark-icon-container:checked .checkmark-icon, .checkmark-icon-container.selected .checkmark-icon, .checkmark-icon-container.active .checkmark-icon {
  border: solid 1px transparent;
  background-color: #0092db;
  background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-checkmark");
  background-size: contain; }
  .checkmark-icon-container:checked ~ .checkmark-icon:focus, .checkmark-icon-container:checked .checkmark-icon:focus, .checkmark-icon-container.selected .checkmark-icon:focus, .checkmark-icon-container.active .checkmark-icon:focus {
    outline: none; }

.checkmark-icon-container .option-disabled, .checkmark-icon-container.disabled,
.checkmark-icon-container .disabled {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .checkmark-icon-container .option-disabled ~ label,
  .checkmark-icon-container .option-disabled .checkmark-icon, .checkmark-icon-container.disabled ~ label,
  .checkmark-icon-container.disabled .checkmark-icon,
  .checkmark-icon-container .disabled ~ label,
  .checkmark-icon-container .disabled .checkmark-icon {
    background-color: #E1E1E1;
    background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-disabled");
    background-size: contain;
    border: none;
    outline: none; }
  .checkmark-icon-container .option-disabled:hover ~ .checkmark-icon, .checkmark-icon-container .option-disabled:hover .checkmark-icon, .checkmark-icon-container.disabled:hover ~ .checkmark-icon, .checkmark-icon-container.disabled:hover .checkmark-icon,
  .checkmark-icon-container .disabled:hover ~ .checkmark-icon,
  .checkmark-icon-container .disabled:hover .checkmark-icon {
    background-color: #E1E1E1;
    outline: none; }
  .checkmark-icon-container .option-disabled:focus, .checkmark-icon-container.disabled:focus,
  .checkmark-icon-container .disabled:focus {
    outline: none; }

@media (max-width: 414px) {
  select {
    font-size: 16px; }
  .alert.alert--danger h4 {
    letter-spacing: 0.05em; } }

.mobile-menu {
  display: none; }

html {
  font-size: 90%; }

@media (max-width: 768px) {
  html {
    font-size: 80%; }
  .wrapper {
    max-width: 1024px; }
  #main-content {
    margin-left: 0;
    margin-top: 0;
    padding-top: 120px; } }

#mainCategoryHeader {
  display: block;
  clear: both;
  height: auto;
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.8);
  min-height: 46px;
  vertical-align: middle; }
  @media screen and (max-width: 1235px) {
    #mainCategoryHeader {
      background: #FFFFFF;
      height: 46px; } }
  #mainCategoryHeader a:active, #mainCategoryHeader a:hover, #mainCategoryHeader a:active:focus {
    text-decoration: none; }
  #mainCategoryHeader .level-1-wrapper {
    text-align: center; }
  #mainCategoryHeader ul.level-1 {
    margin: 0 auto;
    padding: 10px;
    display: inline-block;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static; }
    @media screen and (max-width: 1235px) {
      #mainCategoryHeader ul.level-1 {
        margin-top: 0;
        display: block;
        padding: 0; } }
    #mainCategoryHeader ul.level-1 > li {
      position: static;
      border-radius: 4px; }
      #mainCategoryHeader ul.level-1 > li.dropdown-link {
        float: left; }
        @media screen and (max-width: 1235px) {
          #mainCategoryHeader ul.level-1 > li.dropdown-link {
            float: none; } }
        @media screen and (min-width: 1236px) {
          #mainCategoryHeader ul.level-1 > li.dropdown-link > a:focus {
            color: #000000;
            background: #EDEDED; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link > a:focus:after {
              border-top-color: #000000; } }
        #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn) {
          padding: 0 34px 0 25px;
          font-weight: 700;
          letter-spacing: 0px; }
          @supports (-moz-appearance: none) {
            #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn) {
              padding: 0 30px 0 25px; } }
          #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn):after {
            top: 11px; }
            @media screen and (max-width: 1235px) {
              #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn):after {
                top: 23px; } }
          #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn).sameday-pickup {
            background-color: rgba(0, 0, 0, 0.8);
            color: #FFFFFF; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn).sameday-pickup:after {
              border-top-color: #FFFFFF; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn).sameday-pickup:hover {
              background-color: #EDEDED;
              color: #000000; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn).sameday-pickup:hover:after {
              border-top-color: #000000; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn).sameday-pickup:focus {
              outline: none; }
          #mainCategoryHeader ul.level-1 > li.dropdown-link a:not(.btn):focus {
            outline: none; }
        #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup {
          padding-left: 4px; }
          #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup > a {
            background-color: rgba(0, 0, 0, 0.8);
            color: #FFFFFF; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup > a:after {
              border-top-color: #FFFFFF; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup > a:hover, #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup > a:focus {
              background-color: #EDEDED;
              color: #000000; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup > a:hover:after, #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup > a:focus:after {
              border-top-color: #000000; }
          #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover {
            outline: none; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a {
              letter-spacing: normal; }
              #mainCategoryHeader ul.level-1 > li.dropdown-link.sameday-pickup:hover > a:after {
                top: 11px; }
        @media screen and (max-width: 1235px) {
          #mainCategoryHeader ul.level-1 > li.dropdown-link:first-of-type a {
            line-height: 46px; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link:first-of-type a:after {
              top: 21px; }
            #mainCategoryHeader ul.level-1 > li.dropdown-link:first-of-type a:focus {
              outline: none; }
          #mainCategoryHeader ul.level-1 > li.dropdown-link:not(:first-of-type) {
            display: none; }
          #mainCategoryHeader ul.level-1 > li.dropdown-link:first-of-type:focus {
            outline: none; } }
      #mainCategoryHeader ul.level-1 > li .flyout-container {
        opacity: 0;
        position: absolute;
        background: #FFFFFF;
        display: block;
        width: 1204px;
        height: 550px;
        top: 127px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 6px;
        overflow: hidden;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        -webkit-transform: translateY(-1090px);
        -moz-transform: translateY(-1090px);
        -ms-transform: translateY(-1090px);
        -o-transform: translateY(-1090px);
        transform: translateY(-1090px);
        z-index: -10; }
        @media screen and (max-width: 1235px) {
          #mainCategoryHeader ul.level-1 > li .flyout-container {
            display: none;
            width: 100%;
            height: auto;
            top: 120px;
            left: 0;
            border-radius: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; } }
        @media screen and (max-width: 768px) {
          #mainCategoryHeader ul.level-1 > li .flyout-container {
            top: 106px; } }
        @media screen and (max-width: 767px) {
          #mainCategoryHeader ul.level-1 > li .flyout-container {
            top: 163px; } }
        #mainCategoryHeader ul.level-1 > li .flyout-container .category-container {
          float: left;
          width: 240px;
          height: 550px;
          border-right: 1px solid #EAEAEA; }
          @media screen and (max-width: 1235px) {
            #mainCategoryHeader ul.level-1 > li .flyout-container .category-container {
              width: 100%; } }
          #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container {
            float: none; }
            @media screen and (min-width: 1236px) {
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container ul.sub-category-container:first-of-type {
                width: 320px; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container ul.sub-category-container.second-column {
                width: 320px;
                left: 470px;
                top: 60px; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container ul.sub-category-container.third-column {
                width: 320px;
                left: 720px;
                top: 60px; } }
            @media screen and (max-width: 1235px) {
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container:first-of-type li {
                border-top: 1px solid #EAEAEA; } }
            #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title {
              height: 50px;
              border-bottom: 1px solid #EAEAEA;
              width: 100%; }
              @media screen and (max-width: 1235px) {
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title {
                  height: auto; } }
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title > a {
                color: #444444;
                font-weight: 100;
                line-height: 50px;
                padding: 0;
                padding-left: 10px;
                text-align: left;
                font-size: 14px;
                width: 240px;
                letter-spacing: 0px; }
                @media screen and (max-width: 1235px) {
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title > a {
                    display: block;
                    width: 100%;
                    padding-left: 0;
                    text-align: center; } }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title > a:after {
                  border-top: 4px solid transparent;
                  border-bottom: 4px solid transparent;
                  border-right: 4px solid transparent;
                  border-left: 4px solid #CCCCCC;
                  position: absolute;
                  right: 9px;
                  top: 22px;
                  -webkit-transition: all 0.1s ease;
                  -moz-transition: all 0.1s ease;
                  -ms-transition: all 0.1s ease;
                  -o-transition: all 0.1s ease;
                  transition: all 0.1s ease; }
                  @media screen and (max-width: 1235px) {
                    #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title > a:after {
                      border-right-color: #7D7D7D;
                      border-left-color: transparent;
                      border-width: 4px;
                      right: 22px;
                      transform-origin: 75%; } }
                @media screen and (min-width: 1236px) {
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title > a:hover {
                    background-color: rgba(0, 0, 0, 0.03);
                    color: #CC0000; }
                    #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title > a:hover:after {
                      border-left-color: #CC0000; } }
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title.view-all a:after {
                border: none; }
            @media screen and (min-width: 1236px) {
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title-active > a, #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title:hover > a {
                background-color: rgba(0, 0, 0, 0.03);
                color: #CC0000;
                font-weight: 800;
                -webkit-transition: all 0.2s ease-out;
                -moz-transition: all 0.2s ease-out;
                -ms-transition: all 0.2s ease-out;
                -o-transition: all 0.2s ease-out;
                transition: all 0.2s ease-out; }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title-active > a:after, #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li.title:hover > a:after {
                  border-left-color: #CC0000;
                  -webkit-transition: all 0.2s ease-out;
                  -moz-transition: all 0.2s ease-out;
                  -ms-transition: all 0.2s ease-out;
                  -o-transition: all 0.2s ease-out;
                  transition: all 0.2s ease-out; } }
            #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container {
              display: none;
              position: absolute;
              left: 240px;
              top: 0;
              width: 470px;
              height: 100%; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li {
                width: 100%;
                text-align: left;
                height: auto; }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li:first-of-type:not(.no-spacing):not(.title-bold) {
                  padding: 11px 0 20px; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li:first-of-type:not(.no-spacing):not(.title-bold) span {
                    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
                    color: #444444;
                    position: relative; }
                    @media screen and (max-width: 1235px) {
                      #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li:first-of-type:not(.no-spacing):not(.title-bold) span {
                        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; } }
                    #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li:first-of-type:not(.no-spacing):not(.title-bold) span.view-all:after {
                      top: 4px; }
                    #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li:first-of-type:not(.no-spacing):not(.title-bold) span:after {
                      border-bottom: 2px solid #444444;
                      border-right: 2px solid #444444;
                      content: '';
                      display: inline-block;
                      height: 8px;
                      right: -13px;
                      position: absolute;
                      top: 5px;
                      width: 8px;
                      transform: rotate(315deg); }
                      @media screen and (max-width: 1235px) {
                        #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li:first-of-type:not(.no-spacing):not(.title-bold) span:after {
                          display: none; } }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li.no-spacing {
                  padding-top: 11px; }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li.title-bold {
                  margin-top: 10px; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li.title-bold a {
                    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
                    color: #444444;
                    cursor: default;
                    pointer-events: none; }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li.sorting-title {
                  font-size: 10px;
                  color: #000000;
                  text-transform: uppercase;
                  padding: 0 22px 2px;
                  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li.sorting-title.sorting-spacer {
                    padding-top: 17px; }
                #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li a {
                  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
                  color: #000000;
                  font-weight: 100;
                  font-size: 14px;
                  line-height: 30px;
                  width: 100%;
                  letter-spacing: normal;
                  padding: 0 0 0 22px; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li a:after {
                    border: none; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li a:hover, #mainCategoryHeader ul.level-1 > li .flyout-container .category-container .sub-menu-container li > ul.sub-category-container > li a:focus {
                    background: none;
                    color: #CC0000; }
        #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container {
          float: right;
          height: 550px;
          width: 220px;
          background: #f8f8f8;
          position: relative; }
          @media screen and (max-width: 1235px) {
            #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container {
              display: none; } }
          #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure {
            padding: 0;
            margin: 0;
            text-align: left;
            position: relative;
            height: 100%; }
            #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure img {
              max-width: 100%;
              position: absolute;
              bottom: 0; }
            #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure figcaption {
              position: absolute;
              padding: 21px 10px;
              min-height: 275px;
              background-color: #F8F8F8 0%;
              background-image: -webkit-linear-gradient(top, #F8F8F8 0%, rgba(252, 252, 252, 0) 100%);
              /* Chrome 10-25, iOS 5+, Safari 5.1+ */
              background-image: linear-gradient(to bottom, #F8F8F8 0%, rgba(252, 252, 252, 0) 100%);
              /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
              width: 100%; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure figcaption h3 {
                color: #CC0000;
                font-size: 30px;
                font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
                font-weight: 700; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure figcaption p {
                color: #444444;
                font-size: 13px;
                line-height: 15px;
                margin-top: 5px; }
                #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure figcaption p:first-of-type {
                  font-size: 16px;
                  line-height: 22px;
                  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure figcaption span {
                display: block;
                font-size: 13px;
                font-weight: 700;
                margin-top: 11px;
                position: absolute;
                bottom: 4px; }
              #mainCategoryHeader ul.level-1 > li .flyout-container .marketing-container figure figcaption a {
                display: block;
                margin-top: 21px;
                min-width: calc(100% - 20px);
                margin-bottom: 0;
                color: #FFFFFF;
                text-align: center;
                position: absolute;
                bottom: 28px; }
        #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout {
          overflow: -moz-scrollbars-none;
          -ms-overflow-style: none; }
          #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout::-webkit-scrollbar {
            display: none !important;
            width: 0;
            background: transparent; }
          @media screen and (min-width: 1236px) {
            #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout {
              height: 550px !important; } }
          @media screen and (max-width: 1235px) {
            #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout {
              -webkit-transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
              transform: translateY(0);
              opacity: 0;
              display: block;
              height: 357px;
              overflow: visible;
              height: unset;
              background: transparent;
              width: 90%; }
              #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container {
                height: unset;
                overflow-y: scroll;
                overflow: -moz-scrollbars-none;
                -ms-overflow-style: none; }
                #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container::-webkit-scrollbar {
                  display: none !important;
                  width: 0;
                  background: transparent; }
              #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container {
                display: block; }
                #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title {
                  background: #FFFFFF; }
                #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active a {
                  color: #CC0000;
                  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active a:after {
                    border-right-color: #CC0000;
                    transform: rotate(-90deg); }
                #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active .sub-category-container {
                  position: relative;
                  display: block;
                  height: 0;
                  overflow: hidden;
                  left: 0;
                  width: 100%; }
                  #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active .sub-category-container li {
                    float: none;
                    width: 100%;
                    text-align: center;
                    height: 50px;
                    border-top: 1px solid #eaeaea; }
                    #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active .sub-category-container li:first-of-type {
                      padding: 0; }
                    #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active .sub-category-container li.sorting-title {
                      display: none; }
                    #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active .sub-category-container li a {
                      line-height: 50px;
                      background: #f7f7f7;
                      color: #797979;
                      padding-left: 0;
                      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; } }
          @media screen and (max-width: 1235px) and (max-width: 1235px) {
            #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout .category-container > .sub-menu-container li.title-active .sub-category-container li a {
              font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
              color: #444444; } }
          @media screen and (max-width: 768px) {
            #mainCategoryHeader ul.level-1 > li .flyout-container#shop-all-flyout {
              width: 100%; } }
      @media screen and (min-width: 1236px) {
        #mainCategoryHeader ul.level-1 > li:hover {
          background-color: #EDEDED; } }
      #mainCategoryHeader ul.level-1 > li:hover .menu-spacer {
        height: 30px;
        width: 1100px;
        position: absolute;
        left: 14px;
        right: 0;
        margin: 0 auto;
        background: transparent;
        display: block; }
        @media screen and (max-width: 1235px) {
          #mainCategoryHeader ul.level-1 > li:hover .menu-spacer {
            display: none; } }
      @media screen and (max-width: 1235px) {
        #mainCategoryHeader ul.level-1 > li .mobile-close {
          position: absolute;
          width: 25px;
          height: 25px;
          right: 0px;
          top: 85px;
          cursor: pointer;
          opacity: 0;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg); } }
  @media screen and (max-width: 1235px) and (max-width: 768px) {
    #mainCategoryHeader ul.level-1 > li .mobile-close {
      top: 85px; } }
  @media screen and (max-width: 1235px) and (max-width: 767px) {
    #mainCategoryHeader ul.level-1 > li .mobile-close {
      top: 127px; } }
      @media screen and (max-width: 1235px) {
          #mainCategoryHeader ul.level-1 > li .mobile-close span {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 20px;
            height: 2px;
            background: #444444;
            cursor: pointer; }
            #mainCategoryHeader ul.level-1 > li .mobile-close span:first-of-type {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg); }
            #mainCategoryHeader ul.level-1 > li .mobile-close span:last-of-type {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg); }
          #mainCategoryHeader ul.level-1 > li .mobile-close:focus {
            outline: none; } }

#menu-underlay {
  position: fixed;
  display: block;
  top: 120px;
  height: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  z-index: -100;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; }

#mainCategoryHeader.enable-focus li.title-active ul.sub-category-container {
  display: block !important; }

#mainCategoryHeader.enable-focus li.title:not(.title-active) ul.sub-category-container {
  display: none !important; }

#mainCategoryHeader.enable-focus .active-tabbing {
  background: rgba(237, 237, 237, 0.5) !important;
  color: #000000 !important; }
  #mainCategoryHeader.enable-focus .active-tabbing:after {
    border-top-color: #000000 !important; }

.modal-open #_elev_io, .modal-open #inside_holder, .modal-open #oo_tab, .modal-open #_elev_io ._1g6cj {
  z-index: 0 !important; }

.styleguide #mainCategoryHeader, .review #mainCategoryHeader {
  display: none; }

@media screen and (max-width: 767px) {
  .retailerextensions #mainCategoryHeader ul.level-1 > li .mobile-close {
    top: 70px; }
  .retailerextensions #mainCategoryHeader ul.level-1 > li .flyout-container {
    top: 106px; } }

body.htmlcontent-admin #mainCategoryHeader ul.level-1 > li .flyout-container {
  top: 205px; }

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

/* Common button styles */
.button:focus {
  outline: none; }

.button > span {
  vertical-align: middle; }

button,
.btn,
.button {
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  padding: 14px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  @media (min-width: 1025px) {
    button:hover,
    .btn:hover,
    .button:hover {
      -webkit-transform: translateY(-3px);
      -moz-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      -o-transform: translateY(-3px);
      transform: translateY(-3px); } }

.btn-primary, .btn-tertiary, .btn-cart {
  background: #a30000;
  border-radius: 4px;
  transition: all 0.2s ease-out;
  overflow: hidden;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 42px;
  margin: 20px 0;
  min-width: 210px;
  backface-visibility: visible; }
  .btn-primary:after, .btn-tertiary:after, .btn-cart:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #CC0000;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 1; }
  @media (min-width: 1025px) {
    .btn-primary:hover, .btn-tertiary:hover, .btn-cart:hover {
      -webkit-transform: translateY(-1px);
      -moz-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
      -o-transform: translateY(-1px);
      transform: translateY(-1px);
      color: #FFFFFF;
      outline: none; }
      .btn-primary:hover:after, .btn-tertiary:hover:after, .btn-cart:hover:after {
        top: -4px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px; } }
  @media (min-width: 1025px) {
    .btn-primary:active, .btn-tertiary:active, .btn-cart:active {
      box-shadow: inset 0px 0px 80px 0px #850000;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      background: #CC0000; }
      .btn-primary:active:after, .btn-tertiary:active:after, .btn-cart:active:after {
        top: 0;
        opacity: 0; } }
  .btn-primary.disabled, .disabled.btn-tertiary, .disabled.btn-cart {
    background-color: #cccccc;
    cursor: default;
    border: 1px solid #E7E7E7; }
    .btn-primary.disabled:hover, .disabled.btn-tertiary:hover, .disabled.btn-cart:hover {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
      .btn-primary.disabled:hover:after, .disabled.btn-tertiary:hover:after, .disabled.btn-cart:hover:after {
        opacity: 0; }
    .btn-primary.disabled:active, .disabled.btn-tertiary:active, .disabled.btn-cart:active {
      box-shadow: none; }
    .btn-primary.disabled:focus, .disabled.btn-tertiary:focus, .disabled.btn-cart:focus {
      outline: none; }
    .btn-primary.disabled:after, .disabled.btn-tertiary:after, .disabled.btn-cart:after {
      opacity: 0; }

input.btn-primary, input.btn-tertiary, input.btn-cart {
  background: #CC0000;
  border-bottom: 4px solid transparent; }
  input.btn-primary:hover, input.btn-tertiary:hover, input.btn-cart:hover {
    border-bottom-color: #a30000; }
  input.btn-primary:active, input.btn-tertiary:active, input.btn-cart:active {
    border-bottom: none; }

.btn-tertiary {
  background: #003763; }
  .btn-tertiary:after {
    background-color: #0070C9; }

.btn-secondary {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 4px;
  margin: 20px 0;
  min-width: 210px;
  border: solid 1px #E7E7E7;
  padding: 13px 14px 11px; }
  @media (min-width: 1025px) {
    .btn-secondary {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: all 0.15s ease-out;
      -moz-transition: all 0.15s ease-out;
      -ms-transition: all 0.15s ease-out;
      -o-transition: all 0.15s ease-out;
      transition: all 0.15s ease-out; } }
  @media (min-width: 1025px) {
    .btn-secondary:hover {
      box-shadow: 0 2px 0 0 #444444; } }
  @media (min-width: 1025px) {
    .btn-secondary:active {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      outline: none;
      box-shadow: inset 0 0 32px 0 rgba(0, 0, 0, 0.1);
      border: 1px solid #E7E7E7; } }
  .btn-secondary:focus {
    outline: none; }
  .btn-secondary.disabled {
    color: #CCCCCC;
    cursor: default; }
    .btn-secondary.disabled:hover {
      -webkit-transition-property: none;
      -moz-transition-property: none;
      -o-transition-property: none;
      transition-property: none;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      box-shadow: none; }
    .btn-secondary.disabled:active {
      box-shadow: none;
      border: inherit; }

.btn-cart {
  min-width: 132px;
  height: 38px;
  line-height: 38px;
  padding: 0; }
  @media screen and (max-width: 768px) {
    .btn-cart {
      min-width: 54px; } }
  .btn-cart #cart-logo {
    width: 23px;
    height: 23px;
    display: inline-block;
    position: relative;
    margin-top: 6px; }
    .btn-cart #cart-logo img {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH"; }
  .btn-cart p {
    display: inline-block;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    display: inline-block;
    font-size: 15px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
    @media screen and (max-width: 768px) {
      .btn-cart p {
        display: none; } }
  .btn-cart #cart-count {
    position: absolute;
    top: -14px;
    right: 11px;
    visibility: hidden; }
    .btn-cart #cart-count .item-count-holder {
      display: inline-block;
      min-width: 20px;
      height: 20px;
      background: #FFFFFF;
      border: 2px solid #CC0000;
      border-radius: 10px;
      line-height: 15px; }
      .btn-cart #cart-count .item-count-holder span {
        font-size: 11px;
        color: #000000;
        padding: 4px; }
  .btn-cart:hover #cart-count .item-count-holder {
    border-color: #DD0000; }
  .btn-cart:active #cart-count .item-count-holder {
    border-color: #b30000; }

.spinner-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

.showbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(242, 242, 242, 0.97); }

.splus-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px; }
  .splus-loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes color {
  0%,
  100% {
    stroke: #CC0000; } }

.smil .splus-legacy-loader {
  display: none; }

.smil .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.smil .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round; }

.no-smil .circular {
  display: none; }

@keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.no-smil .splus-legacy-loader:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 45%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #CC0000;
  animation: loader 0.9s linear infinite;
  transform-origin: center center; }

.promo-applied {
  display: none;
  min-height: 50px; }
  @media (max-width: 767px) {
    .promo-applied {
      margin-bottom: 20px; } }

.promo-callout {
  text-align: center;
  background-color: #000000;
  height: 50px; }
  .promo-callout > .row {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .promo-callout div h4 {
    color: #fff;
    font-size: 16px; }
    .promo-callout div h4 span.code-name {
      font-weight: 700; }
    .promo-callout div h4 span.aac-promo-text {
      font-weight: 700;
      margin-left: 5px; }
    .promo-callout div h4 span.applied {
      padding-left: 0.5rem; }
      @media (max-width: 767px) {
        .promo-callout div h4 span.applied {
          display: none; } }
  .promo-callout.promo-home {
    padding-top: 0;
    margin-top: -30px; }
  @media (max-width: 767px) {
    .promo-callout .below-tablet-show {
      display: inline-block; } }

.quantity-promo-info {
  display: inline-block;
  vertical-align: top;
  padding-left: 2.5em;
  color: #0070C9;
  padding-bottom: 0.25rem; }
  .quantity-promo-info p.promo-code {
    text-transform: uppercase;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    border: 1px dashed #0070C9;
    width: auto;
    float: left;
    margin-right: 1rem;
    padding: 0.25rem; }

.promo-disclaimer {
  font-size: 14px;
  text-align: left;
  padding: 0;
  line-height: 1.25rem;
  text-transform: none; }

.promo-disclaimer {
  display: none; }

span.promo-disclaimer.upsell {
  text-align: left;
  float: left;
  padding-bottom: 1rem; }

.quantity-promo-info-parent {
  padding: 1rem;
  padding-top: 1.5rem !important;
  width: auto;
  display: block;
  position: relative;
  margin-left: -1rem; }

.quantity-promo-info-mobile {
  display: none; }

@media (max-width: 1024px) {
  .quantity-promo-info-mobile {
    display: block;
    margin-top: 1.25rem;
    color: #0070C9; }
    .quantity-promo-info-mobile p {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif; } }

@media (max-width: 768px) {
  .promo-search-hide {
    display: none !important; } }

.nav-main .has-dropdown .flyout-wrapper .nav-side--flyout li.no-membership {
  display: none; }

li.rewardContainer {
  background: #CC0000;
  color: #FFFFFF;
  padding: 8px 20px;
  width: 230px;
  max-height: 51px;
  margin-bottom: 1px; }
  li.rewardContainer .rewardTier {
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px; }
  li.rewardContainer #membershipNumber {
    font-size: 12px;
    line-height: 12px; }

li.line-break {
  position: relative;
  margin-top: 11px; }
  li.line-break:after {
    content: '';
    display: block;
    position: absolute;
    width: auto;
    left: 25px;
    right: 25px;
    height: 1px;
    top: -6px;
    border-top: 1px solid #F2F2F2; }

header ul li .my-account-mobile ~ .flyout-wrapper li.rewardContainer:hover {
  background-color: #CC0000; }

body.menu-active {
  pointer-events: none;
  overflow: hidden; }

@media (max-width: 960px) {
  ul.account-navigation .item-hide {
    display: none; } }

ul.account-navigation .item-hide-desktop {
  display: none; }
  @media (max-width: 960px) {
    ul.account-navigation .item-hide-desktop {
      display: block; } }

ul.account-navigation li.account-navigation-item-mobile {
  width: 40px;
  height: 40px; }

ul.account-navigation li.account-navigation-item > a:focus {
  color: #444444; }
  @media (min-width: 960px) {
    ul.account-navigation li.account-navigation-item > a:focus svg g g {
      fill: #444444; } }

ul.account-navigation li.account-navigation-item {
  width: 70px;
  height: 56px;
  margin: 0px;
  min-width: 0px;
  position: relative;
  padding: 0px;
  transition: all 0.1s linear;
  outline: 0; }
  @media (max-width: 960px) {
    ul.account-navigation li.account-navigation-item {
      width: 40px;
      height: 40px; } }
  @media (min-width: 960px) {
    ul.account-navigation li.account-navigation-item:hover svg g g,
    ul.account-navigation li.account-navigation-item:focus svg g g {
      fill: #444444; } }
  ul.account-navigation li.account-navigation-item:hover a,
  ul.account-navigation li.account-navigation-item:focus a {
    color: #444444; }
  ul.account-navigation li.account-navigation-item span {
    width: 18px;
    height: 18px;
    margin-bottom: 7px;
    transition: all 0.1s linear; }
    @media (max-width: 960px) {
      ul.account-navigation li.account-navigation-item span {
        margin-bottom: 0px; } }
  ul.account-navigation li.account-navigation-item span.item-link {
    width: auto;
    height: auto;
    margin-bottom: 0px; }
    @media (max-width: 960px) {
      ul.account-navigation li.account-navigation-item span.item-link {
        display: none; } }
  ul.account-navigation li.account-navigation-item .cart {
    margin: 0 0 7px 0; }
    @media (max-width: 960px) {
      ul.account-navigation li.account-navigation-item .cart {
        margin: 0; } }
    ul.account-navigation li.account-navigation-item .cart .count {
      background: white;
      display: block;
      border-radius: 50%;
      color: black;
      position: absolute;
      top: 7px;
      font-size: 11px;
      line-height: 18px;
      text-align: center;
      border: 1px solid #CC0000;
      right: 19px;
      visibility: hidden;
      opacity: 0; }
      @media (max-width: 960px) {
        ul.account-navigation li.account-navigation-item .cart .count {
          top: 2px;
          right: 2px; } }
  ul.account-navigation li.account-navigation-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    color: #A1A1A1;
    font-size: 13px;
    transition: all 0.1s linear;
    min-width: 0px;
    outline: 0; }
  ul.account-navigation li.account-navigation-item.cart-navigation a {
    color: #FFFFFF;
    outline: #CC0000;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
    ul.account-navigation li.account-navigation-item.cart-navigation a:hover {
      color: #FFFFFF; }
    ul.account-navigation li.account-navigation-item.cart-navigation a:focus {
      transform: translateY(-1px); }
      ul.account-navigation li.account-navigation-item.cart-navigation a:focus:after {
        top: -4px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px; }
    ul.account-navigation li.account-navigation-item.cart-navigation a svg g g {
      fill: #FFFFFF; }

@media (min-width: 960px) {
  ul.account-navigation li.account-navigation-item:hover > ul.account-dropdown-list,
  ul.account-navigation li.account-navigation-item.active > ul.account-dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(56px); } }

ul.account-navigation li.account-navigation-item.active a {
  color: #444444; }

ul.account-navigation li.account-navigation-item.active svg g g {
  fill: #444444; }

ul.account-navigation ul.account-dropdown-list {
  position: absolute;
  top: 0;
  right: -45px;
  background: #FFFFFF;
  width: auto;
  padding: 25px 0 15px 0;
  height: auto;
  z-index: 20;
  box-shadow: 0px 18px 17px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  transform: translateY(53px);
  transition: all 0.2s ease-in;
  pointer-events: all; }
  @media (max-width: 960px) {
    ul.account-navigation ul.account-dropdown-list {
      height: 100%;
      transform: none;
      right: 0;
      position: fixed;
      border: none;
      border-radius: 0px;
      width: 205px;
      transform: translate(250px, 0px);
      padding: 40px 0 15px 0; } }
  @media (max-width: 960px) {
    ul.account-navigation ul.account-dropdown-list.active {
      opacity: 1;
      visibility: visible;
      transform: translate(0px, 0px); } }
  @media (max-width: 960px) {
    ul.account-navigation ul.account-dropdown-list.no-padding {
      padding: 0px 0 15px 0; } }
  ul.account-navigation ul.account-dropdown-list:before {
    content: '';
    height: 19px;
    width: 70px;
    position: absolute;
    background: white;
    top: 10px;
    left: -10px;
    background: radial-gradient(43px 15px at 37px top, rgba(151, 151, 151, 0.2), rgba(34, 34, 34, 0)); }
    @media (max-width: 960px) {
      ul.account-navigation ul.account-dropdown-list:before {
        display: none; } }
  ul.account-navigation ul.account-dropdown-list:after {
    content: '';
    height: 19px;
    width: 70px;
    position: absolute;
    background: white;
    top: 10px;
    right: -10px;
    background: radial-gradient(43px 15px at 37px top, rgba(151, 151, 151, 0.2), rgba(34, 34, 34, 0)); }
    @media (max-width: 960px) {
      ul.account-navigation ul.account-dropdown-list:after {
        display: none; } }
  ul.account-navigation ul.account-dropdown-list.big > .account-dropdown-item {
    width: 156px;
    height: 50px; }
    @media (max-width: 960px) {
      ul.account-navigation ul.account-dropdown-list.big > .account-dropdown-item {
        width: 100%; } }
  ul.account-navigation ul.account-dropdown-list.med {
    padding-top: 10px;
    right: -65px; }
    @media (max-width: 960px) {
      ul.account-navigation ul.account-dropdown-list.med {
        padding-top: 0px;
        right: 0; } }
    ul.account-navigation ul.account-dropdown-list.med .account-dropdown-item {
      width: 205px;
      height: 40px; }
      @media (max-width: 960px) {
        ul.account-navigation ul.account-dropdown-list.med .account-dropdown-item {
          width: 100%; } }
  ul.account-navigation ul.account-dropdown-list.small {
    right: -40px; }
    ul.account-navigation ul.account-dropdown-list.small .account-dropdown-item {
      width: 150px;
      height: 30px; }
      @media (max-width: 960px) {
        ul.account-navigation ul.account-dropdown-list.small .account-dropdown-item {
          width: 100%; } }
  ul.account-navigation ul.account-dropdown-list .account-logged-in {
    background: #CC0000;
    width: 100%;
    padding: 20px 0 20px 15px;
    line-height: 1.5;
    margin-bottom: 10px; }
    ul.account-navigation ul.account-dropdown-list .account-logged-in.white {
      background: #FFFFFF;
      padding: 30px 0 0 15px; }
      ul.account-navigation ul.account-dropdown-list .account-logged-in.white p.hello {
        color: #444444;
        border-bottom: 1px solid #E7E7E7;
        padding-bottom: 20px;
        margin-right: 20px; }
    ul.account-navigation ul.account-dropdown-list .account-logged-in p {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 1.2; }
    ul.account-navigation ul.account-dropdown-list .account-logged-in p.hello {
      color: #FFFFFF;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.4; }
  ul.account-navigation ul.account-dropdown-list li.call-info {
    display: none;
    margin: 0 20px;
    position: absolute;
    bottom: 50px; }
    @media (max-width: 960px) {
      ul.account-navigation ul.account-dropdown-list li.call-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; } }
    ul.account-navigation ul.account-dropdown-list li.call-info span {
      margin-right: 10px; }
    ul.account-navigation ul.account-dropdown-list li.call-info p {
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-size: 10px;
      line-height: 1.2; }
      ul.account-navigation ul.account-dropdown-list li.call-info p:nth-child(2) {
        font-size: 14px; }
  ul.account-navigation ul.account-dropdown-list .call {
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Navigation/header-navigation/icon-call); }
  ul.account-navigation ul.account-dropdown-list .account-dropdown-item.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    ul.account-navigation ul.account-dropdown-list .account-dropdown-item.center a {
      display: inline;
      background: none;
      margin: 0;
      padding: 0;
      color: #444444;
      font-weight: 700; }
      ul.account-navigation ul.account-dropdown-list .account-dropdown-item.center a:hover, ul.account-navigation ul.account-dropdown-list .account-dropdown-item.center a:focus {
        color: #444444;
        background: none; }
  ul.account-navigation ul.account-dropdown-list .account-dropdown-item span {
    margin-right: 10px;
    margin-bottom: 0px; }
  ul.account-navigation ul.account-dropdown-list .account-dropdown-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #444444;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    outline: 0; }
    ul.account-navigation ul.account-dropdown-list .account-dropdown-item a svg {
      pointer-events: none; }
    @media (max-width: 960px) {
      ul.account-navigation ul.account-dropdown-list .account-dropdown-item a svg g g {
        fill: #444444; } }
    ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:hover, ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:focus {
      background: #f2f2f2;
      color: #CC0000; }
      @media (max-width: 960px) {
        ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:hover, ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:focus {
          background: transparent;
          color: #444444; } }
      @media (min-width: 960px) {
        ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:hover svg g g, ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:focus svg g g {
          fill: #CC0000; } }
    ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:active {
      text-decoration: none; }
      @media (max-width: 960px) {
        ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:active {
          color: #CC0000;
          text-decoration: none;
          background: #f2f2f2; } }
      @media (max-width: 960px) {
        ul.account-navigation ul.account-dropdown-list .account-dropdown-item a:active svg g g {
          fill: #CC0000; } }
  ul.account-navigation ul.account-dropdown-list .account-dropdown-item a.help-navigation {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  ul.account-navigation ul.account-dropdown-list .account-dropdown-item p {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #444444;
    cursor: default; }

.breadcrumbs {
  padding: 10px 20px;
  padding-bottom: 0; }
  .breadcrumbs ul li {
    display: inline;
    list-style-type: none; }
    .breadcrumbs ul li a {
      color: #000000; }
      .breadcrumbs ul li a.breadcrumb-link:hover {
        color: #3366BB;
        text-decoration: underline; }
    .breadcrumbs ul li:first-child a {
      padding: 0; }
    .breadcrumbs ul li:first-child:before {
      content: ''; }
    .breadcrumbs ul li:before {
      content: '\25BA';
      zoom: 75%; }

@media (max-width: 768px) {
  .breadcrumbs {
    display: none; } }

@media (max-width: 414px) {
  .breadcrumbs {
    display: none; } }

/*PROMO TEMPLATE GLOBAL*/
.offers #main-content {
  padding-bottom: 0; }
  .offers #main-content.wrapper {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }

.offers footer {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }

.promo-template {
  margin-top: 0;
  min-height: 760px; }
  @media (max-width: 767px) {
    .promo-template {
      margin-top: 50px; } }
  .promo-template .offer-content h2 {
    text-transform: none; }
    @media (max-width: 768px) {
      .promo-template .offer-content h2 {
        font-size: 16px;
        line-height: normal; } }
  .promo-template .offer-content h1 {
    margin-bottom: 10px;
    margin-top: 0; }
    @media (max-width: 768px) {
      .promo-template .offer-content h1 {
        font-size: 40px;
        line-height: .8; } }
  .promo-template .offer-content p {
    font-size: 18px; }
  .promo-template .offer-content ul {
    margin-top: 25px;
    margin-left: 1rem; }
    .promo-template .offer-content ul li {
      list-style: initial;
      font-size: 18px;
      line-height: 1.75rem; }
  .promo-template .offers-img img {
    height: auto;
    width: 100%; }
  .promo-template .btn-primary, .promo-template .btn-tertiary, .promo-template .btn-cart {
    margin-bottom: 60px;
    display: block;
    line-height: 1;
    max-width: 200px;
    text-align: center;
    cursor: pointer; }
    .promo-template .btn-primary:hover, .promo-template .btn-tertiary:hover, .promo-template .btn-cart:hover {
      text-decoration: none; }
  .promo-template .offers-disclaimer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background: #FFFFFF;
    padding-top: 40px; }
    .promo-template .offers-disclaimer p {
      font-size: 13px;
      color: #909090;
      border-bottom: 1px solid #E7E7E7;
      width: 81%;
      text-align: left;
      line-height: 1.5;
      margin: 0 auto;
      padding-bottom: 40px; }
      @media (max-width: 767px) {
        .promo-template .offers-disclaimer p {
          width: 85%; } }

/*PROMO TEMPLATE 1 >>>*/
@media (max-width: 767px) {
  .promo-offer-1.promo-template {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }

.promo-offer-1.promo-template .sub-header {
  position: absolute;
  top: 10%;
  width: 100%;
  text-align: center; }

.promo-offer-1.promo-template .offer-content {
  padding-left: 138px;
  margin-top: 140px; }
  @media (min-width: 769px) {
    .promo-offer-1.promo-template .offer-content {
      min-height: 680px; } }
  @media (max-width: 1366px) {
    .promo-offer-1.promo-template .offer-content {
      padding-left: 100px;
      padding-right: 0; } }
  @media (max-width: 768px) {
    .promo-offer-1.promo-template .offer-content {
      padding-left: 80px;
      padding-right: 15px;
      margin-top: 60px; } }
  @media (max-width: 767px) {
    .promo-offer-1.promo-template .offer-content {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      padding: 0 15px;
      margin-top: 10px; } }
  .promo-offer-1.promo-template .offer-content h2 {
    padding-right: 23%; }
    @media (max-width: 1366px) {
      .promo-offer-1.promo-template .offer-content h2 {
        padding-right: 0; } }

.promo-offer-1.promo-template .offers-img {
  margin-top: 160px; }
  @media (max-width: 768px) {
    .promo-offer-1.promo-template .offers-img {
      margin-top: 12%; } }
  @media (max-width: 767px) {
    .promo-offer-1.promo-template .offers-img {
      margin-top: 5%;
      padding-right: 5%; } }
  .promo-offer-1.promo-template .offers-img img {
    padding-left: 8%; }
    @media (max-width: 768px) {
      .promo-offer-1.promo-template .offers-img img {
        padding-left: 0; } }
    @media (max-width: 767px) {
      .promo-offer-1.promo-template .offers-img img {
        max-width: 170px;
        float: right; } }

.promo-offer-1.promo-template .promo-cta {
  margin-top: 2rem; }
  @media (max-width: 767px) {
    .promo-offer-1.promo-template .promo-cta .btn {
      max-width: 100%; } }

.promo-offer-1.promo-template .btn-primary:hover, .promo-offer-1.promo-template .btn-tertiary:hover, .promo-offer-1.promo-template .btn-cart:hover {
  color: #FFFFFF; }

@media (max-width: 767px) {
  .promo-offer-1.promo-template .offers-disclaimer {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3; } }

/* <<< END PROMO TEMPLATE 1*/
/*PROMO TEMPLATE 2 >>>*/
.promo-offer-2.promo-template .offer-content {
  top: 25%;
  right: 58%;
  left: 9%; }
  @media (min-width: 768px) {
    .promo-offer-2.promo-template .offer-content {
      position: absolute; } }
  @media (max-width: 767px) {
    .promo-offer-2.promo-template .offer-content {
      padding: 0 8% 5% 5%; } }
  @media (max-width: 1366px) {
    .promo-offer-2.promo-template .offer-content {
      right: 42%; } }
  .promo-offer-2.promo-template .offer-content h2 {
    margin-bottom: 12px; }

.promo-offer-2 li.card figure figcaption .product-pricing span.old-price {
  font-size: 16px;
  color: #909090; }

.promo-offer-2 .offers-disclaimer {
  margin-top: 70px;
  box-shadow: 0 -6px 24px 0 rgba(0, 0, 0, 0.1); }

/* <<< END PROMO TEMPLATE 2 */
.disclaimer-promo {
  padding-bottom: 50px; }

@media (max-width: 767px) {
  #disclaimer.disclaimer-promo {
    margin-bottom: 50px; } }

.promo-feature-container .marketing-lp-features {
  padding: 0px 45px 0;
  background: #FFFFFF; }
  @media (max-width: 767px) {
    .promo-feature-container .marketing-lp-features {
      padding: 0 15px 0px 15px; } }
  .promo-feature-container .marketing-lp-features > .row-flexbox {
    border-bottom: 2px solid #eaeaea;
    padding: 50px 0px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    @media (max-width: 767px) {
      .promo-feature-container .marketing-lp-features > .row-flexbox {
        flex-flow: column-reverse; } }
  .promo-feature-container .marketing-lp-features:last-of-type .row-flexbox {
    border-bottom: 0px; }
  .promo-feature-container .marketing-lp-features:nth-child(even) .row-flexbox {
    flex-flow: row-reverse; }
    @media (max-width: 767px) {
      .promo-feature-container .marketing-lp-features:nth-child(even) .row-flexbox {
        flex-flow: column-reverse;
        padding-bottom: 40px; } }
  .promo-feature-container .marketing-lp-features:nth-child(even) .feature-text {
    margin-right: 60px;
    margin-left: 0; }
    @media (max-width: 767px) {
      .promo-feature-container .marketing-lp-features:nth-child(even) .feature-text {
        margin-right: 0; } }
  .promo-feature-container .marketing-lp-features .feature-img-container {
    max-width: 670px;
    text-align: left; }
    .promo-feature-container .marketing-lp-features .feature-img-container img {
      width: 100%;
      border-radius: 6px; }
  .promo-feature-container .marketing-lp-features .btn {
    display: inline-block;
    text-align: center;
    min-width: 180px; }
    @media (max-width: 768px) {
      .promo-feature-container .marketing-lp-features .btn {
        min-width: 204px; } }
    @media (max-width: 767px) {
      .promo-feature-container .marketing-lp-features .btn {
        width: 100%; } }
    .promo-feature-container .marketing-lp-features .btn:first-of-type:last-of-type {
      margin: 20px 0;
      min-width: 210px; }
    .promo-feature-container .marketing-lp-features .btn:first-of-type {
      margin-right: 20px; }
      @media (max-width: 768px) {
        .promo-feature-container .marketing-lp-features .btn:first-of-type {
          margin-right: 0;
          margin-bottom: 0; } }
  .promo-feature-container .marketing-lp-features .feature-text {
    margin-left: 60px;
    font-size: 18px; }
    @media (max-width: 767px) {
      .promo-feature-container .marketing-lp-features .feature-text {
        margin-left: 0; } }
    .promo-feature-container .marketing-lp-features .feature-text p:not(.promo-subheader-bold) {
      line-height: 1.5;
      font-size: 18px; }
      @media (max-width: 768px) {
        .promo-feature-container .marketing-lp-features .feature-text p:not(.promo-subheader-bold) {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .promo-feature-container .marketing-lp-features .feature-text p:not(.promo-subheader-bold) {
          font-size: 14px; } }
    .promo-feature-container .marketing-lp-features .feature-text ul {
      margin: 26px 15px;
      list-style-type: disc;
      line-height: 2; }
      @media (max-width: 768px) {
        .promo-feature-container .marketing-lp-features .feature-text ul {
          margin-bottom: 0;
          font-size: 16px; } }
      @media (max-width: 767px) {
        .promo-feature-container .marketing-lp-features .feature-text ul {
          font-size: 14px;
          margin-bottom: 30px; } }
  .promo-feature-container .marketing-lp-features .finishing-options-copy {
    max-width: 620px; }

.promo-subheader-bold {
  font-size: 40px;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  margin-bottom: 15px;
  color: #000000; }
  @media (max-width: 1024px) {
    .promo-subheader-bold {
      font-size: 36px; } }
  @media (max-width: 768px) {
    .promo-subheader-bold {
      font-size: 32px; } }
  @media (max-width: 767px) {
    .promo-subheader-bold {
      font-size: 24px; } }

.promo-section-numbered {
  background: #FFFFFF;
  padding: 50px 45px 0; }
  @media (max-width: 767px) {
    .promo-section-numbered {
      padding: 50px 15px 0px; } }
  .promo-section-numbered .hiw-container {
    margin-right: 10%;
    margin-top: 37px;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1024px) {
      .promo-section-numbered .hiw-container {
        margin-right: 5%; } }
    @media (max-width: 768px) {
      .promo-section-numbered .hiw-container {
        margin-right: 8%; } }
    @media (max-width: 767px) {
      .promo-section-numbered .hiw-container {
        margin-bottom: 8px; } }
    .promo-section-numbered .hiw-container:last-of-type {
      margin-right: 0; }
      @media (max-width: 767px) {
        .promo-section-numbered .hiw-container:last-of-type {
          margin-bottom: 20px; } }
    .promo-section-numbered .hiw-container .headline-subheading {
      margin-bottom: 8px;
      text-transform: none;
      font-size: 22px;
      color: #000000; }
      @media (max-width: 768px) {
        .promo-section-numbered .hiw-container .headline-subheading {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .promo-section-numbered .hiw-container .headline-subheading {
          font-size: 18px; } }
      .promo-section-numbered .hiw-container .headline-subheading + p, .promo-section-numbered .hiw-container .landing-page .main-banner .headline-subheading + p {
        font-size: 16px; }
        @media (max-width: 768px) {
          .promo-section-numbered .hiw-container .headline-subheading + p, .promo-section-numbered .hiw-container .landing-page .main-banner .headline-subheading + p {
            font-size: 14px; } }
    @media (max-width: 767px) {
      .promo-section-numbered .hiw-container p:not(.headline-subheading) {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .promo-section-numbered .hiw-container:first-of-type .hiw-number {
        margin-right: 31px; } }
  .promo-section-numbered .hiw-number {
    margin-right: 22px;
    margin-top: 2px; }
    @media (max-width: 767px) {
      .promo-section-numbered .hiw-number {
        margin-left: 8px; } }
    @media (max-width: 1023px) {
      .promo-section-numbered .hiw-number img {
        height: 50px; } }
  .promo-section-numbered > .row-flexbox {
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 82px; }
    @media (max-width: 767px) {
      .promo-section-numbered > .row-flexbox {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px; } }

.landing-page .main-banner .header-content {
  pointer-events: all; }

@media (max-width: 768px) {
  .landing-page .main-banner div.collapsed-header {
    max-height: 2024px;
    min-height: 480px;
    height: unset; } }

@media (max-width: 580px) {
  .landing-page .main-banner div.collapsed-header {
    max-height: 2024px;
    min-height: 520px;
    height: unset; } }

@media (max-width: 768px) {
  .landing-page .main-banner .header-container {
    min-height: 480px; } }

@media (max-width: 580px) {
  .landing-page .main-banner .header-container {
    min-height: 520px; } }

.landing-page .main-banner .header-container img {
  width: 100%; }
  @media (max-width: 1024px) {
    .landing-page .main-banner .header-container img {
      width: 120%; } }
  @media (max-width: 580px) {
    .landing-page .main-banner .header-container img {
      width: 100%; } }

.landing-page .main-banner .header-container picture {
  top: -20px; }
  @media (max-width: 1024px) {
    .landing-page .main-banner .header-container picture {
      top: 0px; } }
  @media (max-width: 580px) {
    .landing-page .main-banner .header-container picture {
      top: 20px; } }
  @media (max-width: 425px) {
    .landing-page .main-banner .header-container picture {
      top: 10px; } }

.landing-page .main-banner .headline-hero {
  padding-top: 0; }
  @media (max-width: 768px) {
    .landing-page .main-banner .headline-hero {
      font-size: 40px;
      line-height: 34px; } }
  @media all and (-ms-high-contrast: none) {
    .landing-page .main-banner .headline-hero {
      padding-top: 100px; } }
  @media (max-width: 430px) and (-ms-high-contrast: none) {
    .landing-page .main-banner .headline-hero {
      padding-top: 268px; } }

.landing-page .main-banner .headline-subheading {
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .landing-page .main-banner .headline-subheading {
      font-size: 16px;
      line-height: 22px; } }

.landing-page .main-banner .btn-primary, .landing-page .main-banner .btn-tertiary, .landing-page .main-banner .btn-cart {
  display: inline-block;
  text-align: center;
  margin-top: 20px;
  text-decoration: none;
  padding: 0;
  line-height: 43px;
  margin-bottom: 15px; }
  @media (max-width: 425px) {
    .landing-page .main-banner .btn-primary, .landing-page .main-banner .btn-tertiary, .landing-page .main-banner .btn-cart {
      width: 100%; } }

.main-banner h1 {
  padding-top: 122px; }

.main-banner .img-container {
  text-align: left; }

.main-banner .icon {
  color: #0070C9;
  display: block;
  font-size: 2rem; }

.main-banner .icon-highlights {
  padding: 65px; }

.main-banner .row-flexbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.product-subcategories {
  background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 25%, #ffffff 25%, #ffffff 100%); }
  .product-subcategories h3 {
    margin: 0; }
  .product-subcategories p {
    padding-bottom: 15px; }
  .product-subcategories .product-subcategory {
    background-color: #FFFFFF;
    padding: 30px;
    min-height: 660px; }

.banner-material-btn {
  max-width: 210px;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  position: absolute;
  bottom: 0px; }

.banner-pricing-btn {
  display: block; }

.landing-page .create-now {
  background-color: #f9f9f9;
  padding-top: 37px;
  padding-bottom: 37px; }
  @media (max-width: 767px) {
    .landing-page .create-now {
      padding-top: 35px;
      padding-bottom: 35px; } }
  .landing-page .create-now .option-container {
    padding: 0 19px; }
    @media (max-width: 767px) {
      .landing-page .create-now .option-container {
        padding: 0 20px; } }
  .landing-page .create-now .option-lg {
    padding: 0 78px; }
  @media (max-width: 1024px) {
    .landing-page .create-now .option-container,
    .landing-page .create-now .option-lg {
      padding: 0 40px; } }
  @media (max-width: 768px) {
    .landing-page .create-now .option-container,
    .landing-page .create-now .option-lg {
      padding: 0; } }
  @media (max-width: 767px) {
    .landing-page .create-now .option-lg {
      padding: 0 20px;
      padding-bottom: 40px; } }
  .landing-page .create-now h2 {
    margin-bottom: 28px; }
  .landing-page .create-now h3 {
    margin: 30px 0; }
    @media (max-width: 1024px) {
      .landing-page .create-now h3 {
        margin: 38px 0 30px 0; } }
    @media (max-width: 767px) {
      .landing-page .create-now h3 {
        margin: 20px 0 25px 0; } }
  @media (max-width: 768px) {
    .landing-page .create-now .option-container p {
      padding: 0 10px; } }
  @media (max-width: 767px) {
    .landing-page .create-now .option-container p {
      padding: 0 20px; } }
  .landing-page .create-now .img-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    width: 171px;
    height: 171px;
    border-radius: 50%; }
  @media (min-width: 769px) {
    .landing-page .create-now a .img-container {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -moz-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -ms-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -o-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -webkit-transform: translateZ(0) scale(1);
      -moz-transform: translateZ(0) scale(1);
      -ms-transform: translateZ(0) scale(1);
      -o-transform: translateZ(0) scale(1);
      transform: translateZ(0) scale(1); }
      .landing-page .create-now a .img-container img {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(0.9);
        -moz-transform: translateZ(0) scale(0.9);
        -ms-transform: translateZ(0) scale(0.9);
        -o-transform: translateZ(0) scale(0.9);
        transform: translateZ(0) scale(0.9); }
    .landing-page .create-now a:hover .img-container {
      -webkit-transform: translateZ(0) scale(1.1);
      -moz-transform: translateZ(0) scale(1.1);
      -ms-transform: translateZ(0) scale(1.1);
      -o-transform: translateZ(0) scale(1.1);
      transform: translateZ(0) scale(1.1); } }
  .landing-page .create-now a:focus {
    outline: none; }
    .landing-page .create-now a:focus .img-container {
      -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.27);
      -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.27);
      box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.27);
      outline: none;
      -webkit-transform: translateZ(0) scale(1);
      -moz-transform: translateZ(0) scale(1);
      -ms-transform: translateZ(0) scale(1);
      -o-transform: translateZ(0) scale(1);
      transform: translateZ(0) scale(1); }
      .landing-page .create-now a:focus .img-container img {
        -webkit-transform: translateZ(0) scale(0.9);
        -moz-transform: translateZ(0) scale(0.9);
        -ms-transform: translateZ(0) scale(0.9);
        -o-transform: translateZ(0) scale(0.9);
        transform: translateZ(0) scale(0.9); }
  .landing-page .create-now .create-now-desc {
    padding-top: 34px; }
    @media (max-width: 1024px) {
      .landing-page .create-now .create-now-desc {
        padding-top: 54px; } }
    @media (max-width: 768px) {
      .landing-page .create-now .create-now-desc {
        padding-top: 40px; } }
    @media (max-width: 767px) {
      .landing-page .create-now .create-now-desc {
        padding-top: 20px; }
        .landing-page .create-now .create-now-desc p {
          padding: 0 5px; } }
  @media (max-width: 1024px) {
    .landing-page .create-now .break-smd {
      display: block; } }
  @media (max-width: 767px) {
    .landing-page .create-now .hide-bt {
      display: none; } }

.landing-page .product-subcategories {
  background: linear-gradient(to bottom, #f2f2f2, #ffffff);
  margin-top: 40px; }
  .landing-page .product-subcategories .row-flexbox {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .landing-page .product-subcategories .row-flexbox {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .landing-page .product-subcategories .product-subcategory {
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    padding: 40px; }
    @media (max-width: 767px) {
      .landing-page .product-subcategories .product-subcategory {
        padding: 20px 20px 40px 20px; } }
  .landing-page .product-subcategories .product-subcategory-header {
    padding: 28px 0 5px; }
    .landing-page .product-subcategories .product-subcategory-header h3 {
      line-height: 1.6; }
    @media (min-width: 768px) {
      .landing-page .product-subcategories .product-subcategory-header .price-container {
        text-align: right; } }
    .landing-page .product-subcategories .product-subcategory-header .price {
      font-size: 18px; }
    .landing-page .product-subcategories .product-subcategory-header p {
      padding: 0; }
  .landing-page .product-subcategories .btn-text {
    color: #0070C9;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    padding: 0;
    font-size: 14px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
    .landing-page .product-subcategories .btn-text:hover {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .landing-page .product-subcategories .btn-text:focus {
      outline: none; }
  .landing-page .product-subcategories .more-info-content {
    padding-left: 20px; }
    @media (max-width: 767px) {
      .landing-page .product-subcategories .more-info-content {
        padding-left: 0; } }
    .landing-page .product-subcategories .more-info-content h3 {
      padding-top: 18px;
      padding-bottom: 35px; }
      @media (max-width: 768px) {
        .landing-page .product-subcategories .more-info-content h3 {
          padding-top: 10px;
          padding-bottom: 10px; } }
    .landing-page .product-subcategories .more-info-content p {
      padding: 0; }

.landing-page .modal, .landing-page .pricing-table, .landing-page pre,
.landing-page .size-options, .landing-page .material-options {
  display: none; }
  @media (max-width: 767px) {
    .landing-page .modal .size-options.active, .landing-page .pricing-table .size-options.active, .landing-page pre .size-options.active,
    .landing-page .size-options .size-options.active, .landing-page .material-options .size-options.active {
      display: inline-block; } }

.landing-page .modal.show-modal {
  position: fixed;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  z-index: 2048; }
  @media (max-width: 767px) {
    .landing-page .modal.show-modal {
      top: 0; } }
  .landing-page .modal.show-modal .full-screen-wrap {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(29, 29, 29, 0.7);
    left: 0; }
    .landing-page .modal.show-modal .full-screen-wrap .content {
      padding: 30px 10px;
      background-color: #fff;
      border-radius: 10px;
      left: 12.5%;
      top: 15%;
      position: relative; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal .full-screen-wrap .content {
          top: 0;
          left: 0;
          border-radius: 0; } }
  .landing-page .modal.show-modal.modal--pricing .content {
    padding: 30px;
    width: 60%;
    left: 20%; }
    @media (max-width: 1280px) {
      .landing-page .modal.show-modal.modal--pricing .content {
        width: 75%;
        left: 12.5%; } }
    @media (max-width: 1024px) {
      .landing-page .modal.show-modal.modal--pricing .content {
        width: 85%;
        left: 7.5%; } }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal.modal--pricing .content {
        width: 100%;
        top: 5%;
        left: 0;
        border-radius: 0; } }
  .landing-page .modal.show-modal h1, .landing-page .modal.show-modal h2, .landing-page .modal.show-modal p, .landing-page .modal.show-modal table {
    color: #000000; }
  .landing-page .modal.show-modal h1 {
    font-size: 20px;
    margin-top: 24px;
    text-align: center;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    margin-bottom: 9px;
    clear: both; }
    @media (min-width: 769px) {
      .landing-page .modal.show-modal h1 {
        font-size: 26px; } }
  .landing-page .modal.show-modal h2 {
    font-size: 18px;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    line-height: 24px;
    font-weight: 500;
    padding: 37px 0 15px; }
    @media (min-width: 769px) {
      .landing-page .modal.show-modal h2 {
        font-size: 20px; } }
  .landing-page .modal.show-modal p {
    font-size: 16px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    line-height: 1.375; }
    .landing-page .modal.show-modal p.sla {
      font-size: 15px;
      text-align: center;
      margin-top: 35px; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal p.sla {
          font-size: 13px;
          line-height: 1.23; } }
  .landing-page .modal.show-modal img {
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29); }
  .landing-page .modal.show-modal button:focus {
    outline: none; }
  .landing-page .modal.show-modal button.cross-close {
    padding: 0;
    position: absolute;
    right: 20px;
    margin-right: 20px; }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal button.cross-close {
        margin-right: 0; } }
    .landing-page .modal.show-modal button.cross-close:before {
      content: "";
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-close");
      position: relative;
      display: inline-block;
      width: 22px;
      height: 23px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 0; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal button.cross-close:before {
          width: 14px;
          height: 15px; } }
  .landing-page .modal.show-modal button.mobile-close {
    display: none; }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal button.mobile-close {
        display: block;
        color: #000000;
        height: 32px;
        width: 179px;
        border: 1px solid #000000;
        border-radius: 3px;
        background-color: #fff;
        font-size: 14px;
        text-align: center;
        margin: 0 auto 100px;
        top: 30px; } }
  .landing-page .modal.show-modal .pricing-header {
    text-align: center;
    padding-bottom: 35px; }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal .pricing-header {
        padding-bottom: 25px; } }
    .landing-page .modal.show-modal .pricing-header .mobile-head {
      display: none;
      font-size: 16px;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-weight: 500;
      margin-bottom: 10px;
      padding-top: 20px; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal .pricing-header .mobile-head.active {
          display: block; } }
    .landing-page .modal.show-modal .pricing-header .banner-type-indoor, .landing-page .modal.show-modal .pricing-header .banner-type-outdoor {
      display: none; }
    .landing-page .modal.show-modal .pricing-header label {
      font-size: 24px;
      display: inline-block; }
      .landing-page .modal.show-modal .pricing-header label .desktop {
        display: inline-block; }
        @media (max-width: 767px) {
          .landing-page .modal.show-modal .pricing-header label .desktop {
            display: none; } }
      .landing-page .modal.show-modal .pricing-header label .mobile {
        display: none; }
        @media (max-width: 767px) {
          .landing-page .modal.show-modal .pricing-header label .mobile {
            display: inline-block; } }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal .pricing-header label {
          font-size: 16px; } }
    .landing-page .modal.show-modal .pricing-header .size-selector-wrap {
      padding-top: 10px; }
      .landing-page .modal.show-modal .pricing-header .size-selector-wrap label.banner-size {
        display: none;
        width: 69px;
        text-align: right; }
        @media (max-width: 767px) {
          .landing-page .modal.show-modal .pricing-header .size-selector-wrap label.banner-size {
            display: inline-block; } }
      .landing-page .modal.show-modal .pricing-header .size-selector-wrap .fancy-arrow {
        display: none; }
        @media (max-width: 767px) {
          .landing-page .modal.show-modal .pricing-header .size-selector-wrap .fancy-arrow {
            display: inline; } }
    .landing-page .modal.show-modal .pricing-header .fancy-arrow {
      position: relative; }
    .landing-page .modal.show-modal .pricing-header .fancy-arrow:before,
    .landing-page .modal.show-modal .pricing-header .fancy-arrow:after {
      content: '';
      width: 0;
      position: absolute;
      right: 5%;
      top: -2px;
      margin-top: 0;
      border-width: 7px;
      border-style: solid;
      pointer-events: none;
      border-color: #fff transparent transparent transparent; }
    .landing-page .modal.show-modal .pricing-header .fancy-arrow:before {
      border-color: #0092db transparent transparent transparent;
      top: 1px; }
  .landing-page .modal.show-modal select {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #f5fcff;
    border: 0;
    outline: 0;
    font-size: 24px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    width: 173px;
    padding-left: 15px;
    padding-bottom: 2px;
    margin-left: 10px;
    border-left: 2px solid #0092db;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal select {
        font-size: 16px;
        width: 120px; } }
  .landing-page .modal.show-modal select::-ms-expand {
    display: none;
    /* hide the default arrow in ie10 and ie11 */ }
  .landing-page .modal.show-modal table {
    border-top: 1px solid #ccc;
    width: 100%;
    table-layout: fixed; }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal table {
        border-top: none; } }
    @media (max-width: 767px) {
      .landing-page .modal.show-modal table .x-head {
        display: none; } }
    .landing-page .modal.show-modal table tr:nth-child(even) {
      background-color: #f8f8f8; }
    .landing-page .modal.show-modal table th, .landing-page .modal.show-modal table td {
      padding: 0;
      text-align: center;
      height: 55px;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal table th, .landing-page .modal.show-modal table td {
          height: 40px; } }
    .landing-page .modal.show-modal table th {
      font-size: 17px;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-weight: 500; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal table th {
          font-size: 14px; } }
    .landing-page .modal.show-modal table td {
      font-size: 16px;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-weight: 300; }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal table td {
          display: none; } }
      @media (max-width: 767px) {
        .landing-page .modal.show-modal table td.active {
          display: table-cell;
          font-size: 14px; } }

.lightbox-open-material-indoor,
.lightbox-open-material-outdoor {
  overflow: hidden; }
  .lightbox-open-material-indoor header,
  .lightbox-open-material-outdoor header {
    z-index: 1; }
  .lightbox-open-material-indoor .material-indoor-lightbox,
  .lightbox-open-material-indoor .material-outdoor-lightbox,
  .lightbox-open-material-outdoor .material-indoor-lightbox,
  .lightbox-open-material-outdoor .material-outdoor-lightbox {
    opacity: 1;
    z-index: 100; }

.material-lightbox {
  padding: 13px; }
  @media (max-width: 580px) {
    .material-lightbox {
      overflow-y: scroll; } }
  .material-lightbox .lightbox-content {
    background-color: #F2F2F2;
    max-width: 920px; }
    @media (max-width: 1024px) {
      .material-lightbox .lightbox-content {
        max-width: 752px; } }
  .material-lightbox .lightbox-header {
    background-color: #FFFFFF; }
    .material-lightbox .lightbox-header h3 {
      line-height: 70px; }
      @media (max-width: 414px) {
        .material-lightbox .lightbox-header h3 {
          font-size: 20px;
          line-height: 50px; } }
  .material-lightbox img {
    width: 100%; }
  .material-lightbox .lightbox-body .materials-card {
    padding: 0 20px; }
    @media (max-width: 1024px) {
      .material-lightbox .lightbox-body .materials-card {
        padding: 0 10px; } }
    @media (max-width: 580px) {
      .material-lightbox .lightbox-body .materials-card {
        width: 100%; } }
    @media (max-width: 414px) {
      .material-lightbox .lightbox-body .materials-card {
        margin: 25px 0;
        padding: unset; } }
  .material-lightbox .lightbox-body h2 {
    margin: 28px 0 10px;
    font-weight: 700;
    font-size: 20px;
    height: 40px; }
    @media (max-width: 768px) {
      .material-lightbox .lightbox-body h2 {
        height: 50px; } }
    @media (max-width: 414px) {
      .material-lightbox .lightbox-body h2 {
        height: unset; } }
  @media (max-width: 414px) {
    .material-lightbox button.close-material-modal {
      width: 100%;
      max-width: 100%; } }

.select-fancy {
  position: relative;
  width: 125px;
  overflow: hidden;
  text-align: left; }

.select-fancy,
.select-fancy > * {
  cursor: pointer; }

.select-fancy select {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 6px 0 6px 8px;
  width: 120%;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: radio-container;
  appearance: none; }

.select-fancy-noimage:before,
.select-fancy-noimage:after {
  content: '';
  width: 0;
  position: absolute;
  right: 0;
  top: 30%;
  margin-top: 0;
  border-width: 7px;
  border-style: solid;
  pointer-events: none;
  border-color: #fff transparent transparent transparent; }

.select-fancy-noimage:before {
  border-color: #0092db transparent transparent transparent;
  top: 40%; }

.landing-page .banner-sizing, .bannerconfigurator .banner-sizing {
  background-color: #FFFFFF;
  padding-top: 50px;
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .landing-page .banner-sizing, .bannerconfigurator .banner-sizing {
      padding-top: 12px;
      padding-bottom: 30px; } }
  @media (max-width: 767px) {
    .landing-page .banner-sizing h2 + p, .bannerconfigurator .banner-sizing h2 + p {
      padding-top: 0; } }
  .landing-page .banner-sizing .headline-underline-title:after, .landing-page .banner-sizing .related-products p:after, .landing-page .related-products .banner-sizing p:after, .bannerconfigurator .banner-sizing .headline-underline-title:after, .bannerconfigurator .banner-sizing .landing-page .related-products p:after, .landing-page .related-products .bannerconfigurator .banner-sizing p:after {
    margin-bottom: 23px; }
  .landing-page .banner-sizing p, .bannerconfigurator .banner-sizing p {
    padding-bottom: 15px; }

.landing-page .product-slider-container, .bannerconfigurator .product-slider-container {
  margin-top: 55px; }
  @media (max-width: 767px) {
    .landing-page .product-slider-container, .bannerconfigurator .product-slider-container {
      margin-top: 29px;
      padding-left: 30px;
      padding-right: 30px; } }

.landing-page .product-info-container, .bannerconfigurator .product-info-container {
  margin-top: 45px; }
  @media (max-width: 768px) {
    .landing-page .product-info-container, .bannerconfigurator .product-info-container {
      margin-top: 30px; } }
  @media (max-width: 767px) {
    .landing-page .product-info-container, .bannerconfigurator .product-info-container {
      padding-bottom: 32px; }
      .landing-page .product-info-container p, .bannerconfigurator .product-info-container p {
        font-size: 15px; } }

@media (max-width: 1024px) {
  .landing-page .product-preview, .bannerconfigurator .product-preview {
    max-width: 689px; } }

@media (max-width: 768px) {
  .landing-page .product-preview, .bannerconfigurator .product-preview {
    max-width: 513px; } }

@media (max-width: 414px) {
  .landing-page .product-preview, .bannerconfigurator .product-preview {
    max-width: 63%; } }

.landing-page .product-info-container, .bannerconfigurator .product-info-container {
  text-align: right; }
  @media (max-width: 768px) {
    .landing-page .product-info-container, .bannerconfigurator .product-info-container {
      text-align: left;
      padding-right: 0; } }
  @media (max-width: 767px) {
    .landing-page .product-info-container, .bannerconfigurator .product-info-container {
      text-align: center; } }

.landing-page .banner-sizing-grid, .bannerconfigurator .banner-sizing-grid {
  margin-top: 40px; }
  @media (max-width: 768px) {
    .landing-page .banner-sizing-grid, .bannerconfigurator .banner-sizing-grid {
      margin-top: 20px; } }
  @media (max-width: 767px) {
    .landing-page .banner-sizing-grid, .bannerconfigurator .banner-sizing-grid {
      margin-top: 25px; } }
  .landing-page .banner-sizing-grid .img-container, .bannerconfigurator .banner-sizing-grid .img-container {
    max-width: 176px; }

.landing-page .preview-for-scale-mobile, .bannerconfigurator .preview-for-scale-mobile {
  display: block;
  margin: 0 auto; }

.landing-page .product-preview .banner-preview-wrap, .bannerconfigurator .product-preview .banner-preview-wrap {
  height: 253px;
  max-width: 686px;
  cursor: pointer; }
  @media (max-width: 768px) {
    .landing-page .product-preview .banner-preview-wrap, .bannerconfigurator .product-preview .banner-preview-wrap {
      height: 189px; } }
  @media (max-width: 767px) {
    .landing-page .product-preview .banner-preview-wrap, .bannerconfigurator .product-preview .banner-preview-wrap {
      height: 140px; } }
  @media (max-width: 580px) {
    .landing-page .product-preview .banner-preview-wrap, .bannerconfigurator .product-preview .banner-preview-wrap {
      height: 100px; } }
  @media (max-width: 320px) {
    .landing-page .product-preview .banner-preview-wrap, .bannerconfigurator .product-preview .banner-preview-wrap {
      height: 73px; } }
  .landing-page .product-preview .banner-preview-wrap .size-preview, .bannerconfigurator .product-preview .banner-preview-wrap .size-preview {
    background-color: #0070C9;
    opacity: 0.1;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0; }
  .landing-page .product-preview .banner-preview-wrap span, .bannerconfigurator .product-preview .banner-preview-wrap span {
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #D7D7D7; }
    .landing-page .product-preview .banner-preview-wrap span.s16x3, .bannerconfigurator .product-preview .banner-preview-wrap span.s16x3 {
      width: 36.59%;
      height: 51.97%;
      z-index: 70; }
    .landing-page .product-preview .banner-preview-wrap span.s2x4, .bannerconfigurator .product-preview .banner-preview-wrap span.s2x4 {
      width: 49.125%;
      height: 65.35%;
      z-index: 60; }
    .landing-page .product-preview .banner-preview-wrap span.s2x6, .bannerconfigurator .product-preview .banner-preview-wrap span.s2x6 {
      width: 74.05%;
      height: 65.35%;
      z-index: 50; }
    .landing-page .product-preview .banner-preview-wrap span.s2x8, .bannerconfigurator .product-preview .banner-preview-wrap span.s2x8 {
      width: 100%;
      height: 65.35%;
      z-index: 40; }
    .landing-page .product-preview .banner-preview-wrap span.s3x4, .bannerconfigurator .product-preview .banner-preview-wrap span.s3x4 {
      width: 49.125%;
      height: 100%;
      z-index: 30; }
    .landing-page .product-preview .banner-preview-wrap span.s3x6, .bannerconfigurator .product-preview .banner-preview-wrap span.s3x6 {
      width: 74.05%;
      height: 100%;
      z-index: 20; }
    .landing-page .product-preview .banner-preview-wrap span.s3x8, .bannerconfigurator .product-preview .banner-preview-wrap span.s3x8 {
      width: 100%;
      height: 100%;
      z-index: 10;
      -webkit-box-shadow: -4px -4px 12px 0 rgba(0, 0, 0, 0.05);
      -moz-box-shadow: -4px -4px 12px 0 rgba(0, 0, 0, 0.05);
      box-shadow: -4px -4px 12px 0 rgba(0, 0, 0, 0.05); }
  .landing-page .product-preview .banner-preview-wrap.s16x3 span.s16x3,
  .landing-page .product-preview .banner-preview-wrap.s2x4 span.s2x4,
  .landing-page .product-preview .banner-preview-wrap.s2x6 span.s2x6,
  .landing-page .product-preview .banner-preview-wrap.s2x8 span.s2x8,
  .landing-page .product-preview .banner-preview-wrap.s3x4 span.s3x4,
  .landing-page .product-preview .banner-preview-wrap.s3x6 span.s3x6,
  .landing-page .product-preview .banner-preview-wrap.s3x8 span.s3x8, .bannerconfigurator .product-preview .banner-preview-wrap.s16x3 span.s16x3,
  .bannerconfigurator .product-preview .banner-preview-wrap.s2x4 span.s2x4,
  .bannerconfigurator .product-preview .banner-preview-wrap.s2x6 span.s2x6,
  .bannerconfigurator .product-preview .banner-preview-wrap.s2x8 span.s2x8,
  .bannerconfigurator .product-preview .banner-preview-wrap.s3x4 span.s3x4,
  .bannerconfigurator .product-preview .banner-preview-wrap.s3x6 span.s3x6,
  .bannerconfigurator .product-preview .banner-preview-wrap.s3x8 span.s3x8 {
    border: 3px solid #0070C9; }

@media (min-width: 769px) {
  .landing-page .break-desktop, .bannerconfigurator .break-desktop {
    display: block; } }

/*! nouislider - 9.2.0 - 2017-01-11 10:35:35 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  cursor: pointer; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 5px; }

.noUi-horizontal .noUi-handle {
  width: 25px;
  height: 25px;
  left: -11px;
  top: -10px;
  cursor: pointer; }

/* Styling;
 */
.noUi-target {
  background: #d7d7d7;
  border-radius: 100px; }

.noUi-connect {
  background: #0092DB;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 3px solid #FFF;
  border-radius: 50%;
  background: #0092DB;
  cursor: default; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  text-align: center;
  display: none; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #FFF; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 5px;
  top: -10px;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
  cursor: pointer; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 5px; }

.noUi-target {
  background: #d7d7d7;
  background: -webkit-linear-gradient(-90deg, #ffffff 36%, #D7D7D7 37%, #D7D7D7 47%, #D7D7D7 57%, #ffffff 58%);
  background: linear-gradient(180deg, #ffffff 36%, #D7D7D7 37%, #D7D7D7 47%, #D7D7D7 57%, #ffffff 58%); }

.noUi-horizontal {
  height: 25px; }

.noUi-connect {
  background: #d7d7d7;
  background: -webkit-linear-gradient(-90deg, #ffffff 36%, #D7D7D7 37%, #D7D7D7 47%, #D7D7D7 57%, #ffffff 58%);
  background: linear-gradient(180deg, #ffffff 36%, #D7D7D7 37%, #D7D7D7 47%, #D7D7D7 57%, #ffffff 58%); }

.noUi-marker-horizontal.noUi-marker {
  height: 25px; }

.noUi-horizontal .noUi-handle {
  top: -1px; }

.noUi-connect {
  box-shadow: none; }

.landing-page .create-now + .seo {
  padding-top: 5px; }

.landing-page .seo {
  background-color: #F3F3F3;
  padding-top: 42px;
  padding-bottom: 42px; }
  .landing-page .seo.seo-v1 {
    padding-top: 60px;
    padding-bottom: 60px; }
  @media (max-width: 767px) {
    .landing-page .seo .create-now-desc {
      text-align: left; } }

.scroll-wrap {
  visibility: hidden;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: -webkit-grab;
  cursor: grab; }
  @media (pointer: coarse) {
    .scroll-wrap {
      visibility: visible; } }
  .scroll-wrap::-webkit-scrollbar {
    height: 4px;
    border-radius: 2px;
    background-color: #CCCCCC; }
  .scroll-wrap::-webkit-scrollbar-thumb {
    background-color: #7D7D7D;
    border-radius: 2px; }

.scroll-tile {
  float: left;
  margin: 0 12px 40px;
  position: relative;
  visibility: visible; }
  .scroll-tile:first-of-type {
    margin-left: 6px; }

.hide-nav {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  visibility: hidden;
  opacity: 0; }

.landing-page .sticky-nav-btn, .categories .sticky-nav-btn {
  text-align: right;
  padding-right: 20px; }
  @media (max-width: 767px) {
    .landing-page .sticky-nav-btn, .categories .sticky-nav-btn {
      width: 100%;
      text-align: center;
      padding-right: unset; } }
  .landing-page .sticky-nav-btn .btn-primary, .landing-page .sticky-nav-btn .btn-tertiary, .landing-page .sticky-nav-btn .btn-cart, .categories .sticky-nav-btn .btn-primary, .categories .sticky-nav-btn .btn-tertiary, .categories .sticky-nav-btn .btn-cart {
    width: 132px;
    text-align: center;
    display: inline-block;
    margin-top: 18px;
    font-size: 15px;
    text-decoration: none; }
    @media (max-width: 767px) {
      .landing-page .sticky-nav-btn .btn-primary, .landing-page .sticky-nav-btn .btn-tertiary, .landing-page .sticky-nav-btn .btn-cart, .categories .sticky-nav-btn .btn-primary, .categories .sticky-nav-btn .btn-tertiary, .categories .sticky-nav-btn .btn-cart {
        margin: 0 auto; } }

.landing-page .sticky-nav, .categories .sticky-nav {
  padding-left: 20px; }
  @media (max-width: 767px) {
    .landing-page .sticky-nav, .categories .sticky-nav {
      display: none; } }
  .landing-page .sticky-nav a, .categories .sticky-nav a {
    color: #CCCCCC;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-weight: "NormsProMedium", "Norms Pro", arial, sans-serif;
    line-height: 81px;
    display: inline-block;
    width: 143px;
    text-align: center;
    font-size: 14px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .landing-page .sticky-nav a:focus, .categories .sticky-nav a:focus {
      outline: none; }
    .landing-page .sticky-nav a:hover, .categories .sticky-nav a:hover {
      color: #343434;
      text-decoration: none; }
    .landing-page .sticky-nav a.selected-link, .categories .sticky-nav a.selected-link {
      box-shadow: inset 0 -4px 0 #000000;
      color: #000000; }

.landing-page .sticky-header, .categories .sticky-header {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  position: fixed;
  top: 0px;
  z-index: 99;
  width: 100%;
  max-width: 1440px;
  height: 81px;
  visibility: visible;
  opacity: 1;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.5); }
  @media (max-width: 768px) {
    .landing-page .sticky-header, .categories .sticky-header {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); } }
  @media (max-width: 767px) {
    .landing-page .sticky-header.mobile-hide, .categories .sticky-header.mobile-hide {
      display: none; } }
  .landing-page .sticky-header.fixed-sticky-header, .categories .sticky-header.fixed-sticky-header {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
    @media (max-width: 768px) {
      .landing-page .sticky-header.fixed-sticky-header, .categories .sticky-header.fixed-sticky-header {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px); } }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.select-dropdown {
  margin: 20px 0;
  position: relative; }
  .select-dropdown .tst,
  .select-dropdown .original-select {
    position: relative;
    width: auto;
    display: block; }
    .select-dropdown .tst::before,
    .select-dropdown .original-select::before {
      content: '';
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/Icon-pointerdown-black);
      width: 10px;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
      right: 10px; }
    .select-dropdown .tst.trimmed:after,
    .select-dropdown .original-select.trimmed:after {
      content: '...';
      height: 100%;
      width: 60px;
      position: absolute;
      right: 21px;
      top: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding-left: 5px;
      font-size: 16px;
      font-weight: 700;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 10%);
      pointer-events: none; }
    @media (max-width: 768px) {
      .select-dropdown .tst.disabled:before,
      .select-dropdown .original-select.disabled:before {
        display: none; } }
    @media (max-width: 768px) {
      .select-dropdown .tst.disabled select,
      .select-dropdown .original-select.disabled select {
        box-shadow: none;
        color: #A1A1A1;
        cursor: default; } }
  .select-dropdown .tst select,
  .select-dropdown .original-select select {
    padding: 0 25px 0 10px;
    line-height: 44px;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appereance: none;
    display: none; }
    @media (max-width: 768px) {
      .select-dropdown .tst select,
      .select-dropdown .original-select select {
        display: block; } }
    .select-dropdown .tst select::-ms-expand,
    .select-dropdown .original-select select::-ms-expand {
      display: none; }
  .select-dropdown .select-dropdown-span {
    color: #444444;
    font-size: 14px;
    line-height: 17px;
    margin: 10px 0;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .select-dropdown .dropdown-heading {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-weight: 700; }
  .select-dropdown .dropdown-subheading {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  @media (max-width: 768px) {
    .select-dropdown .drop-btn {
      display: none !important; } }
  .select-dropdown .drop-btn,
  .select-dropdown select {
    width: 100%;
    height: 44px;
    background-color: #FFFFFF;
    color: #444444;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    padding: 14px 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 415px) {
      .select-dropdown .drop-btn,
      .select-dropdown select {
        font-size: 15px; } }
    .select-dropdown .drop-btn::before,
    .select-dropdown select::before {
      content: '';
      float: right;
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/Icon-pointerdown-black);
      width: 10px;
      height: 100%;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      background-position: center center; }
    .select-dropdown .drop-btn:active,
    .select-dropdown select:active {
      text-decoration: none;
      color: #444444; }
  .select-dropdown.disabled .drop-btn {
    box-shadow: none;
    color: #A1A1A1;
    cursor: default; }
    .select-dropdown.disabled .drop-btn:before {
      display: none; }
  .select-dropdown .drop-list {
    visibility: hidden;
    opacity: 0;
    background: silver;
    transition: all 0.2s linear;
    position: absolute;
    top: 80px;
    width: 100%;
    border-radius: 4px;
    background-color: #FFFFFF;
    z-index: 80;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    max-height: 152px;
    -webkit-transform: translateY(-1em);
    -moz-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    -o-transform: translateY(-1em);
    transform: translateY(-1em); }
    .select-dropdown .drop-list::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px; }
    .select-dropdown .drop-list::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    .select-dropdown .drop-list a, .select-dropdown .drop-list span {
      width: 100%;
      display: block;
      font-size: 16px;
      font-weight: 500;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      padding: 12px 10px;
      border-bottom: 1px solid #d8d8d8;
      line-height: 19px;
      text-decoration: none;
      color: #444444; }
      @media (max-width: 415px) {
        .select-dropdown .drop-list a, .select-dropdown .drop-list span {
          font-size: 15px; } }
      .select-dropdown .drop-list a:hover, .select-dropdown .drop-list span:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: #CC0000; }
    .select-dropdown .drop-list span {
      color: #CCCCCC; }
      .select-dropdown .drop-list span:hover {
        cursor: not-allowed;
        background-color: initial;
        color: #CCCCCC; }
  .select-dropdown .truncate {
    max-width: 93%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    display: block; }

.dd-open .dd-big {
  height: 152px !important;
  overflow-y: scroll;
  overflow-x: hidden; }

.dd-open .drop-list {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.dd-open .drop-btn::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/Icon-pointerdown-black); }

select.styled-dropdown {
  display: none; }

.checkbox input[type="checkbox"] {
  display: none; }

.checkbox span {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 2px solid transparent;
  cursor: pointer;
  margin: 20px 10px;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-transition: border 0.2s linear, background 0.1s ease-in-out;
  -o-transition: border 0.2s linear, background 0.1s ease-in-out;
  -webkit-transition: border 0.2s linear, background 0.1s ease-in-out;
  transition: border 0.2s linear, background 0.1s ease-in-out; }
  .checkbox span:hover {
    border: 2px solid #0070C9; }

.checkbox:hover span {
  border: 2px solid #0070C9; }

.checkbox :checked + span {
  background: #0070C9;
  width: 30px;
  height: 30px;
  border: 2px solid #0070C9; }

.checkbox :checked + span:after, .checkbox-is-valid, .body-content.product.index .product-info .options-menu product-notary-stamp #checkbox_disclaimer:checked + label > span:after {
  width: 14px;
  height: 14px;
  content: '';
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/line-svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

label.checkbox-alert span {
  border: 2px solid #D92D2A;
  -moz-transition: border 0.2s linear, background 0.1s ease-in-out;
  -o-transition: border 0.2s linear, background 0.1s ease-in-out;
  -webkit-transition: border 0.2s linear, background 0.1s ease-in-out;
  transition: border 0.2s linear, background 0.1s ease-in-out; }
  label.checkbox-alert span:hover {
    border: 2px solid #0070C9; }
  label.checkbox-alert span:checked {
    background: #0070C9;
    border: 2px solid #0070C9; }

.size-select-container {
  position: relative;
  z-index: 10; }
  .size-select-container .size {
    border: 3px solid #d7d7d7;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-shadow: 4px 4px 12px 0 rgba(215, 215, 215, 0.5);
    cursor: pointer; }
    .size-select-container .size:hover {
      background-color: rgba(0, 153, 204, 0.1); }
    @media (hover: none) {
      .size-select-container .size:hover {
        background-color: transparent; } }
  .size-select-container #selected {
    border: 3px solid #0099cc;
    pointer-events: none;
    position: absolute;
    z-index: 999; }

.size-select-container-bottom-left .size,
.size-select-container-bottom-left #selected {
  left: 0;
  bottom: 0; }

.size-select-container-top-left .size,
.size-select-container-top-left #selected {
  left: 0;
  top: 0; }

.size-select-container-top-right .size,
.size-select-container-top-right #selected {
  right: 0;
  top: 0; }

.size-select-container-bottom-right .size,
.size-select-container-bottom-right #selected {
  right: 0;
  bottom: 0; }

a[href="#disclaimer"] {
  padding: 5px 10px;
  margin: -5px -8px;
  position: relative;
  z-index: 0;
  font-size: 12px;
  top: -7px;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
  a[href="#disclaimer"]:after {
    content: '';
    height: 1px;
    width: 8px;
    background: #0070C9;
    display: block;
    position: absolute;
    bottom: 5px;
    left: 10px; }
  a[href="#disclaimer"]:hover {
    text-decoration: none; }

#disclaimer {
  margin: 70px auto 0;
  max-width: 1164px;
  clear: both; }
  @media (max-width: 1024px) {
    #disclaimer {
      max-width: 818px; } }
  @media (max-width: 768px) {
    #disclaimer {
      max-width: 596px; } }
  @media (max-width: 767px) {
    #disclaimer {
      padding: 0 15px; } }
  #disclaimer .disclaimer-controls {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 24px;
    padding: 16px;
    position: relative;
    color: #444444;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    @media (max-width: 767px) {
      #disclaimer .disclaimer-controls {
        margin: 24px 15px 0; } }
    #disclaimer .disclaimer-controls h4 {
      font-size: 16px;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-weight: 500; }
      @media (max-width: 768px) {
        #disclaimer .disclaimer-controls h4 {
          font-size: 15px; } }
    #disclaimer .disclaimer-controls button {
      color: #0070C9;
      cursor: pointer;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-weight: 700;
      font-size: 16px;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      @media (max-width: 768px) {
        #disclaimer .disclaimer-controls button {
          font-size: 14px; } }
      #disclaimer .disclaimer-controls button:hover {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        text-decoration: underline; }
      #disclaimer .disclaimer-controls button svg {
        margin-right: 4px; }
  #disclaimer .disclaimer-copy {
    padding: 16px 16px 0; }
    #disclaimer .disclaimer-copy p {
      font-size: 14px;
      line-height: 18px;
      color: #7D7D7D; }
      @media (max-width: 768px) {
        #disclaimer .disclaimer-copy p {
          font-size: 13px; } }
    #disclaimer .disclaimer-copy a {
      color: #0070C9;
      cursor: pointer;
      text-decoration: underline; }
    #disclaimer .disclaimer-copy b {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
  #disclaimer .disclaimer-item {
    margin-bottom: 16px; }

.recommendation-container .spinner-container {
  position: relative;
  height: 100%;
  min-height: 470px;
  width: 100px;
  margin: auto; }

.spinner-ref:not(.spinner-1) {
  display: none; }

.recommendation-container {
  margin-top: 56px; }

.recommendation-title:after {
  margin-bottom: 32px; }
  @media (max-width: 1024px) {
    .recommendation-title:after {
      margin-bottom: 16px; } }
  @media (max-width: 768px) {
    .recommendation-title:after {
      margin-bottom: 32px; } }

.recommendation-div.products-container {
  padding: 0 20px; }
  @media (max-width: 768px) {
    .recommendation-div.products-container {
      padding: 0 25px; } }
  @media (max-width: 767px) {
    .recommendation-div.products-container {
      padding: 0 15px; } }

.recommendation-placement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  @justify-content (space-between); }
  @supports (display: grid) {
    .recommendation-placement {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 16px; } }
  @media (max-width: 1024px) {
    .recommendation-placement {
      grid-gap: 12px; } }
  @media (max-width: 768px) {
    .recommendation-placement {
      grid-gap: 14px; } }
  @media (max-width: 767px) {
    .recommendation-placement {
      grid-gap: 10px;
      grid-template-columns: repeat(2, 1fr); } }
  .recommendation-placement .recommendation-tile {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    max-width: 25%;
    padding: 8px; }
    @media (max-width: 1024px) {
      .recommendation-placement .recommendation-tile {
        width: 50%;
        max-width: 50%; } }
    @media (max-width: 768px) {
      .recommendation-placement .recommendation-tile {
        width: 25%;
        max-width: 25%; } }
    @media (max-width: 767px) {
      .recommendation-placement .recommendation-tile {
        width: 50%;
        max-width: 50%; } }
    @supports (display: grid) {
      .recommendation-placement .recommendation-tile {
        width: 100%;
        max-width: 100%;
        padding: 0; } }
  .recommendation-placement .inner-tile {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.15s ease;
    padding: 16px;
    padding-bottom: 106px; }
    @media (max-width: 1024px) {
      .recommendation-placement .inner-tile {
        padding-bottom: 109px; } }
    @media (max-width: 768px) {
      .recommendation-placement .inner-tile {
        padding: 8px 8px 93px; } }
    @media (max-width: 767px) {
      .recommendation-placement .inner-tile {
        padding: 8px 8px 86px; } }
    @media (min-width: 769px) {
      .recommendation-placement .inner-tile:hover {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2); } }
    .recommendation-placement .inner-tile .promo-flags {
      position: absolute;
      right: 0;
      top: 8px; }
      .recommendation-placement .inner-tile .promo-flags li span {
        padding: 2px 12px;
        display: block;
        color: #FFFFFF;
        line-height: 22px;
        font-size: 13px;
        font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
      .recommendation-placement .inner-tile .promo-flags .promo-flag-red {
        background: #CC0000; }
    .recommendation-placement .inner-tile a {
      text-decoration: none;
      width: 100%; }
    .recommendation-placement .inner-tile .recommended-product-image {
      margin: 0; }
    .recommendation-placement .inner-tile .image-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      height: 150px;
      position: relative;
      margin-bottom: 18px; }
      @media (max-width: 768px) {
        .recommendation-placement .inner-tile .image-wrap {
          height: 95px; } }
      @media (max-width: 767px) {
        .recommendation-placement .inner-tile .image-wrap {
          height: 100px; } }
    .recommendation-placement .inner-tile img {
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.16), 0 0 2px rgba(255, 255, 255, 0.2) inset; }
    .recommendation-placement .inner-tile .recommended-product-title {
      color: #000000;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-size: 18px;
      line-height: 26px;
      text-overflow: ellipsis;
      padding: 28px 0 0; }
      @media (max-width: 768px) {
        .recommendation-placement .inner-tile .recommended-product-title {
          line-height: 22px; } }
    .recommendation-placement .inner-tile .recommended-product-category {
      margin: 4px 0px 16px 0px;
      font-size: 16px;
      line-height: 14px;
      color: #7D7D7D;
      text-overflow: ellipsis;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-weight: 300; }
      @media (max-width: 768px) {
        .recommendation-placement .inner-tile .recommended-product-category {
          font-size: 14px; } }
    .recommendation-placement .inner-tile .recommended-product-price {
      position: absolute;
      bottom: 80px;
      color: #444444;
      font-size: 16px;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-weight: 300; }
      @media (max-width: 1024px) {
        .recommendation-placement .inner-tile .recommended-product-price {
          bottom: 82px; } }
      @media (max-width: 768px) {
        .recommendation-placement .inner-tile .recommended-product-price {
          font-size: 13px;
          bottom: 65px; } }
      @media (max-width: 767px) {
        .recommendation-placement .inner-tile .recommended-product-price {
          bottom: 58px; } }
      .recommendation-placement .inner-tile .recommended-product-price .promo-price {
        display: block;
        color: #CC0000;
        display: none; }
    .recommendation-placement .inner-tile .btn-secondary {
      text-align: center;
      position: absolute;
      bottom: 16px;
      left: 16px;
      right: 16px;
      display: block;
      color: #000000;
      padding-left: 0;
      padding-right: 0;
      margin: 24px 0 0;
      min-width: 0; }
      @media (max-width: 768px) {
        .recommendation-placement .inner-tile .btn-secondary {
          bottom: 8px;
          left: 8px;
          right: 8px; } }

.input-selection-container {
  border-radius: 4px;
  padding: 24px 12px;
  margin-bottom: 12px;
  border: 2px solid #E7E7E7;
  background: #FFFFFF;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  .input-selection-container .title {
    font-size: 16px;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    color: #000000; }
  .input-selection-container .subtext {
    font-size: 14px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    color: #7D7D7D;
    margin-top: 8px; }
  .input-selection-container:not(.disabled):hover {
    cursor: pointer; }
    @media screen and (min-width: 769px) {
      .input-selection-container:not(.disabled):hover {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
        border-color: #FFFFFF;
        box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
        z-index: 1; }
        .input-selection-container:not(.disabled):hover .selection-icon:after {
          background: #CCCCCC; } }
  .input-selection-container.selected {
    border: 2px solid #0070C9;
    background: #f5f9fd; }
    .input-selection-container.selected:hover {
      border-color: #0070C9; }
      .input-selection-container.selected:hover .selection-icon:after {
        background: #0070C9; }
    .input-selection-container.selected .selection-icon {
      border: 2px solid #0070C9; }
      .input-selection-container.selected .selection-icon:after {
        background: #0070C9; }
  .input-selection-container.disabled {
    cursor: default; }
    .input-selection-container.disabled .selection-icon {
      border: none; }
      .input-selection-container.disabled .selection-icon:after {
        height: 20px;
        width: 20px;
        background: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-disabled"); }
    .input-selection-container.disabled .title {
      color: #CCCCCC; }
  .input-selection-container input[type="radio"] {
    display: none !important; }
  .input-selection-container .selection-icon {
    display: block;
    background-color: #FFFFFF;
    border: solid 2px #444444;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 12px 0 0;
    -webkit-transition: border 15s ease;
    -moz-transition: border 15s ease;
    -ms-transition: border 15s ease;
    -o-transition: border 15s ease;
    transition: border 15s ease;
    position: relative;
    margin-top: -2px; }
    .input-selection-container .selection-icon:after {
      position: absolute;
      content: '';
      background-repeat: no-repeat;
      background-position: center;
      margin: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      -webkit-transition: background 0.15s ease;
      -moz-transition: background 0.15s ease;
      -ms-transition: background 0.15s ease;
      -o-transition: background 0.15s ease;
      transition: background 0.15s ease; }
    .input-selection-container .selection-icon:focus {
      outline: none; }
  .input-selection-container.has-image {
    padding-top: 12px; }
    .input-selection-container.has-image .img-container {
      margin-bottom: 24px; }
      .input-selection-container.has-image .img-container img {
        width: 100%;
        border-radius: 4px; }

.input-selection-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap; }
  @media (max-width: 767px) {
    .input-selection-row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .input-selection-row .input-selection-row-item {
    width: 33%; }
    .input-selection-row .input-selection-row-item:nth-child(2n) {
      margin-left: 16px;
      margin-right: 16px; }
    @media (max-width: 767px) {
      .input-selection-row .input-selection-row-item {
        width: 100%; }
        .input-selection-row .input-selection-row-item:nth-child(2n) {
          margin-left: auto;
          margin-right: auto; } }

.widget-carousel {
  margin: 72px auto;
  padding: 0;
  outline: none; }
  @media (max-width: 767px) {
    .widget-carousel {
      margin: 48px 0; } }

.widget-carousel-title {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #000000;
  font-size: 30px;
  line-height: normal;
  text-align: left;
  text-transform: capitalize;
  padding: 0 20px; }
  .widget-carousel-title h2 {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
  @media (max-width: 768px) {
    .widget-carousel-title {
      font-size: 26px;
      line-height: normal;
      padding: 0 25px; } }
  @media (max-width: 767px) {
    .widget-carousel-title {
      font-size: 20px;
      line-height: normal;
      padding: 0 15px; } }
  .widget-carousel-title::after {
    content: '';
    display: block;
    margin: 8px 0 24px;
    height: 4px;
    width: 22px;
    background: #CC0000; }

.widget-carousel-container {
  padding: 0 20px; }
  @media (max-width: 1024px) {
    .widget-carousel-container {
      padding: 0 14px; } }
  @media (max-width: 800px) {
    .widget-carousel-container {
      overflow: hidden; } }
  @media (max-width: 768px) {
    .widget-carousel-container {
      padding: 0 18px; } }
  @media (max-width: 767px) {
    .widget-carousel-container {
      padding: 0 10px; } }
  .widget-carousel-container .slick-list {
    margin-left: -5px;
    overflow: hidden; }
    @media (max-width: 800px) {
      .widget-carousel-container .slick-list {
        overflow: visible; } }
    @media (max-width: 768px) {
      .widget-carousel-container .slick-list {
        padding-right: 40px; } }
    @media (max-width: 767px) {
      .widget-carousel-container .slick-list {
        margin-left: 0;
        padding-right: 16px; } }
    .widget-carousel-container .slick-list:focus {
      border: 2px solid #0070C9; }
  .widget-carousel-container .slick-slide {
    margin: 0 8px 40px 8px; }
    @media (max-width: 1024px) {
      .widget-carousel-container .slick-slide {
        margin: 0 6px 40px 6px; } }
    @media (max-width: 800px) {
      .widget-carousel-container .slick-slide {
        margin: 0 7px 24px 7px; } }
    @media (max-width: 767px) {
      .widget-carousel-container .slick-slide {
        margin: 0 5px 24px 5px;
        width: 190px; } }

.widget-carousel-body {
  width: 100%;
  padding: 0 65px; }
  @media (max-width: 800px) {
    .widget-carousel-body {
      padding: 0; }
      .widget-carousel-body.widget-slick-carousel.slick-slider {
        padding-bottom: 36px; } }
  @media (max-width: 767px) {
    .widget-carousel-body.widget-slick-carousel.slick-slider {
      padding-bottom: 26px; } }
  .widget-carousel-body.widget-slick-carousel.slick-slider {
    margin-bottom: 0; }

.widget-carousel-card {
  padding: 0;
  height: auto;
  margin-top: 8px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(2, 1, 1, 0.05) 0 2px 20px 0;
  -moz-box-shadow: rgba(2, 1, 1, 0.05) 0 2px 20px 0;
  box-shadow: rgba(2, 1, 1, 0.05) 0 2px 20px 0;
  -moz-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, 0.2s ease-out;
  -o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, 0.2s ease-out;
  -webkit-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, 0.2s ease-out;
  transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, 0.2s ease-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
  position: relative;
  transition-delay: 0.1s; }
  .widget-carousel-card:hover {
    -webkit-box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px;
    -moz-box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px;
    box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px;
    opacity: 1;
    -webkit-transform: translate(0, -4px);
    -moz-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    -o-transform: translate(0, -4px);
    transform: translate(0, -4px); }
    .widget-carousel-card:hover .widget-carousel-badge-item.badge-Style2 {
      background-position: -26px; }
    @media (max-width: 768px) {
      .widget-carousel-card:hover {
        -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 2px 20px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 2px 20px 0;
        box-shadow: rgba(0, 0, 0, 0.05) 0 2px 20px 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; } }
  .widget-carousel-card figure {
    margin: 0; }
    .widget-carousel-card figure a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .widget-carousel-card figure a:focus {
        border: 2px solid #0070C9;
        outline: none; }

@media (max-width: 480px) {
  .widget-carousel-tile-image-container {
    position: relative;
    height: 130px; } }

.widget-carousel-tile-image-container img {
  max-width: 100%;
  height: auto; }
  @media (max-width: 480px) {
    .widget-carousel-tile-image-container img {
      max-width: none;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      width: auto;
      height: 100%; } }

.widget-carousel-badge-body {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }
  @media (max-width: 767px) {
    .widget-carousel-badge-body {
      top: 0; } }

.widget-carousel-badge-item {
  margin-bottom: 10px;
  text-align: right;
  font-size: 13px;
  line-height: normal;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  padding: 6px 16px; }
  .widget-carousel-badge-item.badge-NoStyle {
    background-color: #444444;
    color: #FFFFFF; }
  .widget-carousel-badge-item.badge-Style1 {
    background-color: #CC0000;
    color: #FFFFFF; }
  .widget-carousel-badge-item.badge-Style2 {
    color: #000000;
    background-size: 143px;
    -webkit-transition: background-position 0.3s ease-in-out;
    -moz-transition: background-position 0.3s ease-in-out;
    -ms-transition: background-position 0.3s ease-in-out;
    -o-transition: background-position 0.3s ease-in-out;
    transition: background-position 0.3s ease-in-out; }
    @media (max-width: 767px) {
      .widget-carousel-badge-item.badge-Style2 {
        display: none; } }

.widget-carousel-tile-content-container {
  background-color: #FFFFFF;
  padding: 24px; }
  @media (max-width: 767px) {
    .widget-carousel-tile-content-container {
      padding: 16px; } }
  @media (max-width: 414px) {
    .widget-carousel-tile-content-container {
      padding: 24px 16px; } }

.widget-carousel-content-text-wrapper {
  margin-bottom: 24px; }
  @media (max-width: 800px) {
    .widget-carousel-content-text-wrapper {
      margin-bottom: 38px; } }
  @media (max-width: 767px) {
    .widget-carousel-content-text-wrapper {
      margin-bottom: 16px; } }

.widget-carousel-content-text-title {
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .widget-carousel-content-text-title {
      margin-bottom: 0; } }
  .widget-carousel-content-text-title h3 {
    color: #000;
    font-size: 22px;
    line-height: normal;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    @media (max-width: 768px) {
      .widget-carousel-content-text-title h3 {
        font-size: 20px;
        line-height: normal; } }
    @media (max-width: 767px) {
      .widget-carousel-content-text-title h3 {
        font-size: 18px;
        line-height: normal; } }

.widget-carousel-content-text-description {
  min-height: 64px; }
  @media (max-width: 800px) {
    .widget-carousel-content-text-description {
      min-height: 44px; } }
  @media (max-width: 767px) {
    .widget-carousel-content-text-description {
      min-height: 0; } }
  .widget-carousel-content-text-description p {
    font-size: 16px;
    line-height: get-line-height(16px, 20px);
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
    @media (max-width: 767px) {
      .widget-carousel-content-text-description p {
        display: none; } }

.widget-carousel-content-price-prefix {
  font-size: 13px;
  line-height: normal;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .widget-carousel-content-price-prefix {
      font-size: 12px;
      line-height: normal; } }

.carousel-price-prefix-valid {
  color: #7d7d7d;
  min-height: 14px; }
  .carousel-price-prefix-valid:first-letter {
    text-transform: capitalize; }
  @media (max-width: 767px) {
    .carousel-price-prefix-valid {
      min-height: 13px; } }

.widget-carousel-content-price-prefix-price {
  color: #444444; }

.widget-carousel-content-price-discount {
  font-size: 18px;
  line-height: normal;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  font-weight: bold;
  color: #CC0000;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .widget-carousel-content-price-discount {
      font-size: 14px;
      line-height: normal;
      min-height: 18px; } }

.carousel-price-dis-valid {
  min-height: 24px;
  margin-top: 4px; }
  @media (max-width: 800px) {
    .carousel-price-dis-valid {
      margin-top: 4px; } }
  @media (max-width: 767px) {
    .carousel-price-dis-valid {
      min-height: 18px;
      margin-top: 4px; } }

.widget-carousel-content-price-reg {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .widget-carousel-content-price-reg {
      font-size: 14px;
      line-height: normal; } }

.carousel-price-reg-valid {
  min-height: 22px;
  margin-top: 12px; }
  @media (max-width: 767px) {
    .carousel-price-reg-valid {
      margin-top: 12px; } }

.widget-carousel-content-feature-wrapper.features-1 {
  min-height: 22px;
  margin-top: 24px; }
  @media (max-width: 767px) {
    .widget-carousel-content-feature-wrapper.features-1 {
      margin-top: 24px; } }

.widget-carousel-content-feature-wrapper.features-2 {
  min-height: 44px;
  margin-top: 16px; }
  @media (max-width: 767px) {
    .widget-carousel-content-feature-wrapper.features-2 {
      margin-top: 8px; } }

.widget-carousel-content-feature-item {
  min-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

.widget-carousel-content-feature-icon img {
  width: 20px;
  height: 20px;
  margin-right: 8px; }
  @media (max-width: 767px) {
    .widget-carousel-content-feature-icon img {
      width: 16px;
      height: 16px;
      margin-right: 3px; } }

.widget-carousel-content-feature-content {
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
  @media (max-width: 767px) {
    .widget-carousel-content-feature-content {
      font-size: 13px;
      line-height: normal; } }

.widget-carousel-body button.slick-prev, .widget-carousel-body button.slick-next {
  top: calc(50% - 32px);
  height: 48px;
  width: 48px;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 1;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  color: #000000; }
  @media (max-width: 1024px) {
    .widget-carousel-body button.slick-prev, .widget-carousel-body button.slick-next {
      height: 40px;
      width: 40px; } }
  @media (max-width: 767px) {
    .widget-carousel-body button.slick-prev, .widget-carousel-body button.slick-next {
      height: 30px;
      width: 30px; } }
  .widget-carousel-body button.slick-prev:before, .widget-carousel-body button.slick-next:before {
    content: " ";
    position: absolute;
    opacity: 1;
    border-left: 2px solid #444444;
    border-bottom: 2px solid #444444;
    width: 10px;
    height: 10px;
    top: 48%;
    left: 52%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .widget-carousel-body button.slick-prev:before, .widget-carousel-body button.slick-next:before {
        width: 7px;
        height: 7px; } }
  .widget-carousel-body button.slick-prev:active:before, .widget-carousel-body button.slick-next:active:before {
    border-left: 2px solid #CC0000;
    border-bottom: 2px solid #CC0000; }
  .widget-carousel-body button.slick-prev.slick-disabled, .widget-carousel-body button.slick-next.slick-disabled {
    cursor: default; }
    .widget-carousel-body button.slick-prev.slick-disabled:before, .widget-carousel-body button.slick-next.slick-disabled:before {
      content: " ";
      position: absolute;
      opacity: 1;
      border-left: 2px solid #CCCCCC;
      border-bottom: 2px solid #CCCCCC;
      width: 10px;
      height: 10px;
      top: 48%;
      left: 52%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .widget-carousel-body button.slick-prev.slick-disabled:before, .widget-carousel-body button.slick-next.slick-disabled:before {
          width: 7px;
          height: 7px; } }

.widget-carousel-body button.slick-prev {
  left: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
  .widget-carousel-body button.slick-prev:hover {
    -webkit-transform: rotate(45deg) scale(1.2);
    -moz-transform: rotate(45deg) scale(1.2);
    -ms-transform: rotate(45deg) scale(1.2);
    -o-transform: rotate(45deg) scale(1.2);
    transform: rotate(45deg) scale(1.2); }
  .widget-carousel-body button.slick-prev.slick-disabled:hover {
    -webkit-transform: rotate(45deg) scale(1);
    -moz-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    -o-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1); }
  @media (max-width: 1024px) {
    .widget-carousel-body button.slick-prev {
      left: 11px; } }
  @media (max-width: 800px) {
    .widget-carousel-body button.slick-prev {
      left: 35%;
      top: auto;
      margin: 4px; }
      .widget-carousel-body button.slick-prev:hover {
        -webkit-transform: rotate(45deg) scale(1);
        -moz-transform: rotate(45deg) scale(1);
        -ms-transform: rotate(45deg) scale(1);
        -o-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1); } }
  @media (max-width: 767px) {
    .widget-carousel-body button.slick-prev {
      left: 0; } }

.widget-carousel-body button.slick-next {
  right: 2px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.2); }
  .widget-carousel-body button.slick-next:hover {
    -webkit-transform: rotate(-135deg) scale(1.2);
    -moz-transform: rotate(-135deg) scale(1.2);
    -ms-transform: rotate(-135deg) scale(1.2);
    -o-transform: rotate(-135deg) scale(1.2);
    transform: rotate(-135deg) scale(1.2); }
  .widget-carousel-body button.slick-next.slick-disabled:hover {
    -webkit-transform: rotate(-135deg) scale(1);
    -moz-transform: rotate(-135deg) scale(1);
    -ms-transform: rotate(-135deg) scale(1);
    -o-transform: rotate(-135deg) scale(1);
    transform: rotate(-135deg) scale(1); }
  @media (max-width: 1024px) {
    .widget-carousel-body button.slick-next {
      right: 11px; } }
  @media (max-width: 800px) {
    .widget-carousel-body button.slick-next {
      right: 35%;
      top: auto;
      margin: 4px; }
      .widget-carousel-body button.slick-next:hover {
        -webkit-transform: rotate(-135deg) scale(1);
        -moz-transform: rotate(-135deg) scale(1);
        -ms-transform: rotate(-135deg) scale(1);
        -o-transform: rotate(-135deg) scale(1);
        transform: rotate(-135deg) scale(1); } }
  @media (max-width: 767px) {
    .widget-carousel-body button.slick-next {
      right: 0; } }

.widget-carousel-body .slick-dots {
  position: relative;
  bottom: 0;
  width: calc(100% - 4px);
  margin: 0;
  height: 10px; }
  @media (max-width: 1024px) {
    .widget-carousel-body .slick-dots {
      width: calc(100% - 4px); } }
  @media (max-width: 800px) {
    .widget-carousel-body .slick-dots {
      width: 100%;
      bottom: -18px; } }
  @media (max-width: 767px) {
    .widget-carousel-body .slick-dots {
      bottom: -14px; } }
  .widget-carousel-body .slick-dots li {
    margin: 0;
    height: auto;
    padding: 0 8px;
    width: auto;
    vertical-align: top; }
    .widget-carousel-body .slick-dots li.slick-active button,
    .widget-carousel-body .slick-dots li button {
      height: 7px;
      width: 7px;
      padding: 0;
      position: relative; }
      .widget-carousel-body .slick-dots li.slick-active button:before,
      .widget-carousel-body .slick-dots li button:before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    .widget-carousel-body .slick-dots li.slick-active button:before {
      background-color: #CC0000; }
    .widget-carousel-body .slick-dots li button:before {
      background-color: #CCCCCC;
      opacity: 1; }
    .widget-carousel-body .slick-dots li button:hover {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; }

@media (min-width: 769px) {
  .bannerconfigurator #main-content {
    min-height: 94vh;
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%); } }

.configurator-container {
  padding-top: 25px; }
  @media (max-width: 1024px) {
    .configurator-container {
      padding-top: 60px; } }
  .configurator-container:focus {
    outline: none; }

.bannerconfigurator footer.footer-hide {
  display: none; }

.bannerconfigurator header {
  display: none; }

.bannerconfigurator #main-content {
  margin-top: 0;
  padding-top: 0;
  min-height: 100vh; }

.configurator-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .configurator-nav .row-flexbox {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
    @media (min-width: 768px) {
      .configurator-nav .row-flexbox {
        height: 78px; } }
    @media (max-width: 767px) {
      .configurator-nav .row-flexbox {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; } }
  .configurator-nav h1 {
    padding: 30px 0 0;
    margin: 0;
    font-size: 30px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    letter-spacing: normal;
    position: relative; }
    @media (max-width: 768px) {
      .configurator-nav h1 {
        padding: 50px 0 13px; } }
    @media (max-width: 767px) {
      .configurator-nav h1 {
        font-size: 18px;
        padding: 17px 0 22px; } }
    .configurator-nav h1 span.type-disabled {
      color: #e5e5e5; }
  .configurator-nav a:not(.close) {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }
  .configurator-nav a.close {
    position: absolute;
    top: 28px;
    cursor: pointer;
    right: -9%; }
    @media (max-width: 768px) {
      .configurator-nav a.close {
        top: 52px;
        right: 0; } }
    @media (max-width: 767px) {
      .configurator-nav a.close {
        top: 20px; } }
    .configurator-nav a.close:before {
      content: "";
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Banner-Configurator/icon-close-large");
      position: relative;
      display: inline-block;
      width: 25px;
      height: 25px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 0; }
      @media (max-width: 767px) {
        .configurator-nav a.close:before {
          width: 10px;
          height: 10px;
          background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Banner-Configurator/icon-close"); } }
    .configurator-nav a.close:focus {
      outline: none; }
  .configurator-nav li {
    position: relative;
    font-size: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    counter-increment: step-counter;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    border-bottom: none; }
    @media (max-width: 767px) {
      .configurator-nav li {
        padding-bottom: 20px; }
        .configurator-nav li:after {
          height: 3px;
          display: block;
          width: 100%;
          background: #e2e2e2;
          content: '';
          position: absolute;
          top: 9px;
          left: 0;
          z-index: 1; }
        .configurator-nav li:first-child > div {
          margin-left: 0; }
        .configurator-nav li:last-child > div {
          margin-right: 0; }
        .configurator-nav li:last-child:after {
          right: 0; }
        .configurator-nav li.selected:first-child > div {
          margin-left: 0; } }
    .configurator-nav li p {
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      letter-spacing: normal;
      color: #e2e2e2;
      font-size: 12px;
      padding: 2px 0;
      line-height: 0;
      margin-top: 6px; }
      @media (max-width: 767px) {
        .configurator-nav li p {
          font-size: 10px;
          display: none; } }
    .configurator-nav li > div {
      position: relative;
      z-index: 2; }
      .configurator-nav li > div:before {
        content: counter(step-counter);
        display: block;
        padding: 0 0 2px;
        color: #e2e2e2; }
        @media (max-width: 767px) {
          .configurator-nav li > div:before {
            padding-bottom: 0;
            padding-top: 2px;
            font-size: 10px; } }
      @media (max-width: 767px) {
        .configurator-nav li > div {
          height: 21px;
          padding: 1px 0;
          border-radius: 100px;
          border: solid 2px #e2e2e2;
          margin: 0 auto;
          margin-right: 0; } }
    @media (max-width: 767px) {
      .configurator-nav li > div {
        height: 21px;
        position: relative; }
      .configurator-nav li:not(.active) > div {
        width: 21px;
        background-color: #FFFFFF; } }
    .configurator-nav li.active > div, .configurator-nav li.selected > div {
      border-color: #444444;
      margin: 0 auto;
      margin-left: 0; }
      .configurator-nav li.active > div:before,
      .configurator-nav li.active > div p, .configurator-nav li.selected > div:before,
      .configurator-nav li.selected > div p {
        color: #000000;
        display: block; }
        @media (max-width: 767px) {
          .configurator-nav li.active > div:before,
          .configurator-nav li.active > div p, .configurator-nav li.selected > div:before,
          .configurator-nav li.selected > div p {
            display: inline; } }
      @media (max-width: 767px) {
        .configurator-nav li.active > div:before, .configurator-nav li.selected > div:before {
          content: counter(step-counter) "."; } }
    .configurator-nav li.active p.configurator-selection, .configurator-nav li.selected p.configurator-selection {
      color: #0070C9;
      padding: 8px 0 2px; }

@media (max-width: 767px) and (max-width: 767px) {
  .configurator-nav li.active {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2; } }
    @media (max-width: 767px) {
      .configurator-nav li.active > div {
        box-shadow: inset 0 -2px 5px 0 rgba(0, 0, 0, 0.2);
        background-color: #FFFFFF;
        border-color: #0092db; } }
    @media (max-width: 767px) {
      .configurator-nav li.selected > div {
        background-color: #0092db;
        box-shadow: inset 0 -2px 5px 0 rgba(0, 0, 0, 0.2);
        border: 0;
        padding: 4px 0; } }
    .configurator-nav li.selected > div:before {
      content: "";
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-checkmark-line-dark");
      background-repeat: no-repeat;
      position: relative;
      display: inline-block;
      width: 14px;
      height: 12px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
      margin: 0; }
      @media (max-width: 767px) {
        .configurator-nav li.selected > div:before {
          background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-checkmark-line-white"); } }
    @media (max-width: 767px) {
      .configurator-nav li.selected:after {
        background: #0092db; }
      .configurator-nav li.selected > div:before {
        width: 10px;
        height: 10px;
        background-position: 0px 3px; }
      .configurator-nav li.selected > div p {
        display: none; } }
  @media (max-width: 767px) {
    .configurator-nav ol.Finished li.selected {
      padding-right: 10.25%; }
      .configurator-nav ol.Finished li.selected:nth-child(4) {
        padding-right: 0; }
      .configurator-nav ol.Finished li.selected:last-child {
        padding-right: 0; }
        .configurator-nav ol.Finished li.selected:last-child > div {
          float: right; } }

.three-kings-summary {
  display: none; }
  .three-kings-summary a {
    color: #0070C9;
    font-size: 12px;
    line-height: 0.92;
    font-weight: 500;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
  .three-kings-summary ol {
    list-style-type: decimal;
    font-size: 12px;
    line-height: 0.92;
    font-weight: 500;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
    .three-kings-summary ol li {
      color: #0070C9;
      margin-bottom: 9px;
      list-style-position: inside; }
  @media (max-width: 767px) {
    .three-kings-summary {
      display: block; } }

.configurator-progress-bar {
  display: none;
  margin-top: 13px; }

@keyframes slideDown {
  from {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }

@keyframes toType {
  from {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  to {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%); } }

@keyframes toMaterial {
  from {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%); }
  to {
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%); } }

@keyframes toOrientation {
  from {
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%); }
  to {
    -webkit-transform: translateX(60%);
    -moz-transform: translateX(60%);
    -ms-transform: translateX(60%);
    -o-transform: translateX(60%);
    transform: translateX(60%); } }

@keyframes toSize {
  from {
    -webkit-transform: translateX(60%);
    -moz-transform: translateX(60%);
    -ms-transform: translateX(60%);
    -o-transform: translateX(60%);
    transform: translateX(60%); }
  to {
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    transform: translateX(80%); } }

@keyframes toAccessories {
  from {
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    -o-transform: translateX(80%);
    transform: translateX(80%); }
  to {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@media (min-width: 768px) {
  ol.Type, .configurator-progress-bar--slide-down {
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    opacity: 0;
    -webkit-animation: 700ms ease-in-out 200ms slideDown forwards;
    -moz-animation: 700ms ease-in-out 200ms slideDown forwards;
    -ms-animation: 700ms ease-in-out 200ms slideDown forwards;
    -o-animation: 700ms ease-in-out 200ms slideDown forwards;
    animation: 700ms ease-in-out 200ms slideDown forwards; }
  .configurator-nav .Material .selected:nth-child(1) div:before {
    -webkit-animation: 500ms ease-out 0s fadeIn forwards;
    -moz-animation: 500ms ease-out 0s fadeIn forwards;
    -ms-animation: 500ms ease-out 0s fadeIn forwards;
    -o-animation: 500ms ease-out 0s fadeIn forwards;
    animation: 500ms ease-out 0s fadeIn forwards; }
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .configurator-nav .Material .selected:nth-child(1) .configurator-nav-option {
    -webkit-animation: 400ms ease-out 0ms sway forwards;
    -moz-animation: 400ms ease-out 0ms sway forwards;
    -ms-animation: 400ms ease-out 0ms sway forwards;
    -o-animation: 400ms ease-out 0ms sway forwards;
    animation: 400ms ease-out 0ms sway forwards; }
  @keyframes sway {
    0% {
      -webkit-transform: translateY(45%);
      -moz-transform: translateY(45%);
      -ms-transform: translateY(45%);
      -o-transform: translateY(45%);
      transform: translateY(45%); }
    50% {
      -webkit-transform: translateY(-5%);
      -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
      -o-transform: translateY(-5%);
      transform: translateY(-5%); }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .configurator-nav .Material .selected:nth-child(1) .configurator-selection {
    -webkit-animation: 200ms ease-out 0s slideUp forwards;
    -moz-animation: 200ms ease-out 0s slideUp forwards;
    -ms-animation: 200ms ease-out 0s slideUp forwards;
    -o-animation: 200ms ease-out 0s slideUp forwards;
    animation: 200ms ease-out 0s slideUp forwards; }
  @keyframes slideUp {
    0% {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transform: translateZ(0px);
      opacity: 0; }
    60% {
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  .configurator-nav .Orientation .selected:nth-child(2) div:before {
    -webkit-animation: 500ms ease-out 0s fadeIn forwards;
    -moz-animation: 500ms ease-out 0s fadeIn forwards;
    -ms-animation: 500ms ease-out 0s fadeIn forwards;
    -o-animation: 500ms ease-out 0s fadeIn forwards;
    animation: 500ms ease-out 0s fadeIn forwards; }
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .configurator-nav .Orientation .selected:nth-child(2) .configurator-nav-option {
    -webkit-animation: 400ms ease-out 0ms sway forwards;
    -moz-animation: 400ms ease-out 0ms sway forwards;
    -ms-animation: 400ms ease-out 0ms sway forwards;
    -o-animation: 400ms ease-out 0ms sway forwards;
    animation: 400ms ease-out 0ms sway forwards; }
  @keyframes sway {
    0% {
      -webkit-transform: translateY(45%);
      -moz-transform: translateY(45%);
      -ms-transform: translateY(45%);
      -o-transform: translateY(45%);
      transform: translateY(45%); }
    50% {
      -webkit-transform: translateY(-5%);
      -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
      -o-transform: translateY(-5%);
      transform: translateY(-5%); }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .configurator-nav .Orientation .selected:nth-child(2) .configurator-selection {
    -webkit-animation: 200ms ease-out 0s slideUp forwards;
    -moz-animation: 200ms ease-out 0s slideUp forwards;
    -ms-animation: 200ms ease-out 0s slideUp forwards;
    -o-animation: 200ms ease-out 0s slideUp forwards;
    animation: 200ms ease-out 0s slideUp forwards; }
  @keyframes slideUp {
    0% {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transform: translateZ(0px);
      opacity: 0; }
    60% {
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  .configurator-nav .Size .selected:nth-child(3) div:before {
    -webkit-animation: 500ms ease-out 0s fadeIn forwards;
    -moz-animation: 500ms ease-out 0s fadeIn forwards;
    -ms-animation: 500ms ease-out 0s fadeIn forwards;
    -o-animation: 500ms ease-out 0s fadeIn forwards;
    animation: 500ms ease-out 0s fadeIn forwards; }
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .configurator-nav .Size .selected:nth-child(3) .configurator-nav-option {
    -webkit-animation: 400ms ease-out 0ms sway forwards;
    -moz-animation: 400ms ease-out 0ms sway forwards;
    -ms-animation: 400ms ease-out 0ms sway forwards;
    -o-animation: 400ms ease-out 0ms sway forwards;
    animation: 400ms ease-out 0ms sway forwards; }
  @keyframes sway {
    0% {
      -webkit-transform: translateY(45%);
      -moz-transform: translateY(45%);
      -ms-transform: translateY(45%);
      -o-transform: translateY(45%);
      transform: translateY(45%); }
    50% {
      -webkit-transform: translateY(-5%);
      -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
      -o-transform: translateY(-5%);
      transform: translateY(-5%); }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .configurator-nav .Size .selected:nth-child(3) .configurator-selection {
    -webkit-animation: 200ms ease-out 0s slideUp forwards;
    -moz-animation: 200ms ease-out 0s slideUp forwards;
    -ms-animation: 200ms ease-out 0s slideUp forwards;
    -o-animation: 200ms ease-out 0s slideUp forwards;
    animation: 200ms ease-out 0s slideUp forwards; }
  @keyframes slideUp {
    0% {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transform: translateZ(0px);
      opacity: 0; }
    60% {
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  .configurator-nav .Accessories .selected:nth-child(4) div:before {
    -webkit-animation: 500ms ease-out 0s fadeIn forwards;
    -moz-animation: 500ms ease-out 0s fadeIn forwards;
    -ms-animation: 500ms ease-out 0s fadeIn forwards;
    -o-animation: 500ms ease-out 0s fadeIn forwards;
    animation: 500ms ease-out 0s fadeIn forwards; }
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .configurator-nav .Accessories .selected:nth-child(4) .configurator-nav-option {
    -webkit-animation: 400ms ease-out 0ms sway forwards;
    -moz-animation: 400ms ease-out 0ms sway forwards;
    -ms-animation: 400ms ease-out 0ms sway forwards;
    -o-animation: 400ms ease-out 0ms sway forwards;
    animation: 400ms ease-out 0ms sway forwards; }
  @keyframes sway {
    0% {
      -webkit-transform: translateY(45%);
      -moz-transform: translateY(45%);
      -ms-transform: translateY(45%);
      -o-transform: translateY(45%);
      transform: translateY(45%); }
    50% {
      -webkit-transform: translateY(-5%);
      -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
      -o-transform: translateY(-5%);
      transform: translateY(-5%); }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .configurator-nav .Accessories .selected:nth-child(4) .configurator-selection {
    -webkit-animation: 200ms ease-out 0s slideUp forwards;
    -moz-animation: 200ms ease-out 0s slideUp forwards;
    -ms-animation: 200ms ease-out 0s slideUp forwards;
    -o-animation: 200ms ease-out 0s slideUp forwards;
    animation: 200ms ease-out 0s slideUp forwards; }
  @keyframes slideUp {
    0% {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transform: translateZ(0px);
      opacity: 0; }
    60% {
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  .configurator-nav .Finished .selected:nth-child(5) div:before {
    -webkit-animation: 500ms ease-out 0s fadeIn forwards;
    -moz-animation: 500ms ease-out 0s fadeIn forwards;
    -ms-animation: 500ms ease-out 0s fadeIn forwards;
    -o-animation: 500ms ease-out 0s fadeIn forwards;
    animation: 500ms ease-out 0s fadeIn forwards; }
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  .configurator-nav .Finished .selected:nth-child(5) .configurator-nav-option {
    -webkit-animation: 400ms ease-out 0ms sway forwards;
    -moz-animation: 400ms ease-out 0ms sway forwards;
    -ms-animation: 400ms ease-out 0ms sway forwards;
    -o-animation: 400ms ease-out 0ms sway forwards;
    animation: 400ms ease-out 0ms sway forwards; }
  @keyframes sway {
    0% {
      -webkit-transform: translateY(45%);
      -moz-transform: translateY(45%);
      -ms-transform: translateY(45%);
      -o-transform: translateY(45%);
      transform: translateY(45%); }
    50% {
      -webkit-transform: translateY(-5%);
      -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
      -o-transform: translateY(-5%);
      transform: translateY(-5%); }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); } }
  .configurator-nav .Finished .selected:nth-child(5) .configurator-selection {
    -webkit-animation: 200ms ease-out 0s slideUp forwards;
    -moz-animation: 200ms ease-out 0s slideUp forwards;
    -ms-animation: 200ms ease-out 0s slideUp forwards;
    -o-animation: 200ms ease-out 0s slideUp forwards;
    animation: 200ms ease-out 0s slideUp forwards; }
  @keyframes slideUp {
    0% {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      -o-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transform: translateZ(0px);
      opacity: 0; }
    60% {
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  li.selected {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 350ms ease-in-out;
    -moz-transition: -moz-transform 350ms ease-in-out;
    -ms-transition: -ms-transform 350ms ease-in-out;
    -o-transition: -o-transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out; }
  li.selected:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  .configurator-progress-bar {
    display: block; }
    .configurator-progress-bar > div {
      position: relative;
      background-color: #444444;
      width: 100%;
      height: 3px;
      overflow: hidden; }
    .configurator-progress-bar .configurator-progress-bar__bar {
      position: absolute;
      background-color: #e2e2e2;
      bottom: 0;
      left: 0;
      top: 0;
      right: 0; }
  .configurator-progress-bar__bar.Finished {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .configurator-progress-bar__bar.Type {
    -webkit-animation: 500ms ease-out 700ms toType forwards;
    -moz-animation: 500ms ease-out 700ms toType forwards;
    -ms-animation: 500ms ease-out 700ms toType forwards;
    -o-animation: 500ms ease-out 700ms toType forwards;
    animation: 500ms ease-out 700ms toType forwards; }
  .configurator-progress-bar__bar.Material {
    -webkit-animation: 500ms ease-out 0s toMaterial forwards;
    -moz-animation: 500ms ease-out 0s toMaterial forwards;
    -ms-animation: 500ms ease-out 0s toMaterial forwards;
    -o-animation: 500ms ease-out 0s toMaterial forwards;
    animation: 500ms ease-out 0s toMaterial forwards; }
  .configurator-progress-bar__bar.Orientation {
    -webkit-animation: 500ms ease-out 0s toOrientation forwards;
    -moz-animation: 500ms ease-out 0s toOrientation forwards;
    -ms-animation: 500ms ease-out 0s toOrientation forwards;
    -o-animation: 500ms ease-out 0s toOrientation forwards;
    animation: 500ms ease-out 0s toOrientation forwards; }
  .configurator-progress-bar__bar.Size {
    -webkit-animation: 500ms ease-out 0s toSize forwards;
    -moz-animation: 500ms ease-out 0s toSize forwards;
    -ms-animation: 500ms ease-out 0s toSize forwards;
    -o-animation: 500ms ease-out 0s toSize forwards;
    animation: 500ms ease-out 0s toSize forwards; }
  .configurator-progress-bar__bar.Accessories {
    -webkit-animation: 500ms ease-out 0s toAccessories forwards;
    -moz-animation: 500ms ease-out 0s toAccessories forwards;
    -ms-animation: 500ms ease-out 0s toAccessories forwards;
    -o-animation: 500ms ease-out 0s toAccessories forwards;
    animation: 500ms ease-out 0s toAccessories forwards; } }

body.bannerconfigurator.lock:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1024;
  top: 0;
  left: 0;
  background: rgba(29, 29, 29, 0.7); }

body.bannerconfigurator.lock .exit-pop-up {
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  z-index: 2048;
  width: 365px;
  left: 0;
  right: 0;
  top: 32%;
  padding: 15px 20px;
  margin: 0 auto;
  color: #444444; }
  @media (max-width: 414px) {
    body.bannerconfigurator.lock .exit-pop-up {
      width: 290px; } }
  body.bannerconfigurator.lock .exit-pop-up h1 {
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 16px; }
  body.bannerconfigurator.lock .exit-pop-up p {
    font-size: 14px;
    line-height: 1.36; }
  body.bannerconfigurator.lock .exit-pop-up #banner-exit-popup > div {
    margin-top: 5px; }
    body.bannerconfigurator.lock .exit-pop-up #banner-exit-popup > div button {
      min-width: 48%;
      height: 30px;
      font-size: 13px;
      padding: unset;
      margin-bottom: 0; }
      body.bannerconfigurator.lock .exit-pop-up #banner-exit-popup > div button:active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); }
    body.bannerconfigurator.lock .exit-pop-up #banner-exit-popup > div button:nth-of-type(2) {
      float: right; }

.configurator-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 8px 0;
  background-color: #f7f7f7; }
  @media (max-width: 767px) {
    .configurator-footer {
      padding: 5px 15px; } }
  .configurator-footer p {
    font-size: 12px;
    line-height: 1.17; }
    @media (max-width: 767px) {
      .configurator-footer p {
        font-size: 9px;
        line-height: 1.22; } }
  .configurator-footer .nowrap {
    white-space: nowrap; }

.bannerconfigurator .banner-card-container:focus, .bannerconfigurator .banner-card:focus {
  outline: none; }

.bannerconfigurator .banner-card-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px; }
  @media screen and (max-width: 1024px) {
    .bannerconfigurator .banner-card-container {
      margin-top: 83px; } }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .banner-card-container {
      margin-top: 161px; } }
  @media screen and (max-width: 767px) {
    .bannerconfigurator .banner-card-container {
      margin-top: 35px; } }
  .bannerconfigurator .banner-card-container .banner-card {
    cursor: pointer;
    width: 100%;
    position: relative;
    background: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    padding: 30px;
    min-height: 375px;
    margin: 0 6px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .banner-card-container .banner-card {
        padding: 12px; } }
    @media screen and (max-width: 1024px) {
      .bannerconfigurator .banner-card-container .banner-card {
        min-height: 365px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .banner-card-container .banner-card {
        min-height: 316px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .banner-card-container .banner-card {
        margin: 0 5px; } }
    .bannerconfigurator .banner-card-container .banner-card h2 {
      display: block;
      margin-top: 20px; }
      @media screen and (max-width: 1024px) {
        .bannerconfigurator .banner-card-container .banner-card h2 {
          margin-top: 15px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card h2 {
          margin-top: 33px; } }
      .bannerconfigurator .banner-card-container .banner-card h2.title, .bannerconfigurator .banner-card-container .banner-card h2 .title {
        font-size: 16px;
        color: #000000;
        font-weight: 700; }
        @media screen and (max-width: 580px) {
          .bannerconfigurator .banner-card-container .banner-card h2.title, .bannerconfigurator .banner-card-container .banner-card h2 .title {
            font-size: 12px; } }
        @media screen and (max-width: 580px) {
          .bannerconfigurator .banner-card-container .banner-card h2.title, .bannerconfigurator .banner-card-container .banner-card h2 .title {
            line-height: 14px; } }
      .bannerconfigurator .banner-card-container .banner-card h2 span.title {
        float: left; }
        @media screen and (max-width: 580px) {
          .bannerconfigurator .banner-card-container .banner-card h2 span.title {
            float: none; } }
      .bannerconfigurator .banner-card-container .banner-card h2 img {
        display: inline;
        height: auto; }
      .bannerconfigurator .banner-card-container .banner-card h2 .cost {
        float: right;
        font-size: 12px; }
        .bannerconfigurator .banner-card-container .banner-card h2 .cost .price {
          font-size: 16px;
          font-weight: 700; }
          @media screen and (max-width: 580px) {
            .bannerconfigurator .banner-card-container .banner-card h2 .cost .price {
              font-size: 12px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card h2 .title, .bannerconfigurator .banner-card-container .banner-card h2 .cost {
          float: none;
          display: block;
          text-align: center;
          font-size: 12px;
          line-height: 17px; } }
      .bannerconfigurator .banner-card-container .banner-card h2:after {
        clear: both;
        content: '';
        display: block; }
    .bannerconfigurator .banner-card-container .banner-card .sla-container {
      margin-top: 12px; }
    .bannerconfigurator .banner-card-container .banner-card .sla {
      font-size: 13px;
      line-height: 16px;
      color: #444444; }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .sla {
          font-size: 12px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .sla {
          margin-top: 14px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .sla {
          text-align: center; } }
    .bannerconfigurator .banner-card-container .banner-card .desc {
      margin-top: 28px;
      margin-top: 18px;
      font-size: 14px;
      line-height: 16px; }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .desc {
          margin-top: 12px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .desc {
          font-size: 9px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .desc {
          line-height: 11px; } }
      @media screen and (max-width: 580px) {
        .bannerconfigurator .banner-card-container .banner-card .desc {
          text-align: center; } }
    @media screen and (min-width: 1025px) {
      .bannerconfigurator .banner-card-container .banner-card:hover {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2); } }
    @media screen and (min-width: 1025px) {
      .bannerconfigurator .banner-card-container .banner-card:active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; } }

.bannerconfigurator .select-type .banner-card img {
  object-position: center;
  object-fit: cover;
  width: auto;
  height: 203px; }
  @media screen and (max-width: 1024px) {
    .bannerconfigurator .select-type .banner-card img {
      height: 182px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .select-type .banner-card img {
      height: 116px; } }

.bannerconfigurator .select-material .banner-card-container {
  max-width: 320px; }
  @media screen and (max-width: 1024px) {
    .bannerconfigurator .select-material .banner-card-container {
      margin-top: 48px; } }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .select-material .banner-card-container {
      max-width: 240px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .select-material .banner-card-container {
      max-width: 190px; } }

.bannerconfigurator .select-material .banner-card {
  min-height: 427px; }
  @media screen and (max-width: 1024px) {
    .bannerconfigurator .select-material .banner-card {
      min-height: 390px; } }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .select-material .banner-card {
      min-height: 375px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .select-material .banner-card {
      min-height: 320px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .select-material .banner-card {
      padding: 25px; } }
  .bannerconfigurator .select-material .banner-card h2.title {
    margin-top: 26px; }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .select-material .banner-card h2.title {
        margin-top: 18px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .select-material .banner-card h2.title span {
        display: block; } }
  .bannerconfigurator .select-material .banner-card .sla {
    margin-top: 12px; }
  .bannerconfigurator .select-material .banner-card .desc {
    font-size: 15px;
    line-height: 20px; }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .select-material .banner-card .desc {
        font-size: 9px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .select-material .banner-card .desc {
        line-height: 12px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .select-material .banner-card .desc {
        margin-top: 30px; } }
  .bannerconfigurator .select-material .banner-card img {
    height: auto;
    width: auto;
    object-fit: cover;
    object-position: center; }
    @media screen and (max-width: 1024px) {
      .bannerconfigurator .select-material .banner-card img {
        height: 199px; } }
    @media screen and (max-width: 768px) {
      .bannerconfigurator .select-material .banner-card img {
        height: 167px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .select-material .banner-card img {
        height: 139px; } }

.bannerconfigurator .orientation .banner-card-container .banner-card {
  min-height: 411px; }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .orientation .banner-card-container .banner-card {
      min-height: 346px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .orientation .banner-card-container .banner-card {
      min-height: 290px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .orientation .banner-card-container .banner-card {
      padding-top: 42px; } }

.bannerconfigurator .orientation .banner-card-container .img-container {
  position: relative;
  height: 300px; }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .orientation .banner-card-container .img-container {
      height: 249px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .orientation .banner-card-container .img-container {
      height: 178px; } }
  .bannerconfigurator .orientation .banner-card-container .img-container img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%; }

.bannerconfigurator .orientation .banner-card-container h2 {
  margin-top: 28px; }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .orientation .banner-card-container h2 {
      margin-top: 21px; } }

.bannerconfigurator .banner-sizing-grid {
  justify-content: center;
  margin-top: 30px; }

.bannerconfigurator .select-accessories .banner-card-container {
  max-width: 308px;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .bannerconfigurator .select-accessories .banner-card-container {
      max-width: 275px; } }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .select-accessories .banner-card-container {
      max-width: 270px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .select-accessories .banner-card-container {
      max-width: 205px; } }
  @media screen and (max-width: 1024px) {
    .bannerconfigurator .select-accessories .banner-card-container {
      margin-top: 48px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .select-accessories .banner-card-container .banner-card {
      padding: 25px; } }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title {
      font-size: 14px;
      margin-top: 30px; } }
  @media screen and (max-width: 768px) and (max-width: 580px) {
    .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title {
      font-size: 12px; } }
  @media screen and (max-width: 768px) and (max-width: 580px) {
    .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title {
      margin-top: 18px; } }
  @media screen and (max-width: 768px) {
      .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title span, .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title .plus-icon {
        display: inline; } }
  @media screen and (max-width: 768px) and (max-width: 580px) {
    .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title.span, .bannerconfigurator .select-accessories .banner-card-container .banner-card h2.title span {
      display: block; } }

.bannerconfigurator .three-kings .option-container {
  margin-top: 25px; }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .three-kings .option-container {
      margin-top: 102px; } }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .three-kings .option-container {
      margin-top: 102px; } }
  @media screen and (max-width: 580px) {
    .bannerconfigurator .three-kings .option-container {
      margin-top: 0; } }
  .bannerconfigurator .three-kings .option-container .option-icon {
    max-width: 220px;
    width: 100%;
    height: unset; }
  .bannerconfigurator .three-kings .option-container .img-container {
    width: 170px;
    height: 170px; }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container .img-container {
        width: 96px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container .img-container {
        height: 96px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container .img-container img {
        max-height: 40px; } }
  .bannerconfigurator .three-kings .option-container h3, .bannerconfigurator .three-kings .option-container h3 a {
    color: #000000;
    margin: 27px auto 20px; }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container h3, .bannerconfigurator .three-kings .option-container h3 a {
        margin-bottom: 10px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container h3, .bannerconfigurator .three-kings .option-container h3 a {
        font-size: 12px; } }
    .bannerconfigurator .three-kings .option-container h3:hover, .bannerconfigurator .three-kings .option-container h3 a:hover {
      text-decoration: none; }
  .bannerconfigurator .three-kings .option-container p {
    margin: 30px auto 0;
    font-size: 15px;
    line-height: 22px; }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container p {
        margin-top: 0; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container p {
        font-size: 11px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .three-kings .option-container p {
        line-height: 18px; } }

.bannerconfigurator .three-kings .hide-bt {
  display: block; }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .three-kings .hide-bt {
      display: none; } }

@keyframes mainEntrance {
  0% {
    -webkit-transform: translateX(15%);
    -moz-transform: translateX(15%);
    -ms-transform: translateX(15%);
    -o-transform: translateX(15%);
    transform: translateX(15%);
    opacity: 0; }
  10% {
    -webkit-transform: translateX(15%);
    -moz-transform: translateX(15%);
    -ms-transform: translateX(15%);
    -o-transform: translateX(15%);
    transform: translateX(15%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; } }

.configurator-step {
  -webkit-animation: 700ms ease-in-out 0ms mainEntrance forwards;
  -moz-animation: 700ms ease-in-out 0ms mainEntrance forwards;
  -ms-animation: 700ms ease-in-out 0ms mainEntrance forwards;
  -o-animation: 700ms ease-in-out 0ms mainEntrance forwards;
  animation: 700ms ease-in-out 0ms mainEntrance forwards; }

.bannerconfigurator .configurator-carousel {
  justify-content: center;
  margin-top: 0;
  max-width: 922px; }
  @media screen and (max-width: 768px) {
    .bannerconfigurator .configurator-carousel {
      max-width: 592px; } }

.configurator-step.select-accessories, .configurator-step.select-material {
  padding-top: 25px; }
  @media (max-width: 1024px) {
    .configurator-step.select-accessories, .configurator-step.select-material {
      padding-top: 33px; } }
  @media (max-width: 768px) {
    .configurator-step.select-accessories, .configurator-step.select-material {
      padding-top: 76px; } }
  @media (max-width: 767px) {
    .configurator-step.select-accessories, .configurator-step.select-material {
      padding-top: 0; } }
  .configurator-step.select-accessories .banner-card-container, .configurator-step.select-material .banner-card-container {
    margin-top: 31px; }
    @media (max-width: 1024px) {
      .configurator-step.select-accessories .banner-card-container, .configurator-step.select-material .banner-card-container {
        margin-top: 50px; } }
    @media (max-width: 768px) {
      .configurator-step.select-accessories .banner-card-container, .configurator-step.select-material .banner-card-container {
        margin-top: 85px; } }
    @media (max-width: 767px) {
      .configurator-step.select-accessories .banner-card-container, .configurator-step.select-material .banner-card-container {
        margin-top: 35px; } }

@media (max-width: 767px) {
  .configurator-step .configurator-carousel {
    display: block; } }

.configurator-step .slick-dots {
  top: -3px;
  bottom: auto; }
  .configurator-step .slick-dots li button:before {
    font-size: 25px; }
  .configurator-step .slick-dots li button:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .configurator-step .slick-dots li.slick-active button:before {
    color: #0070C9;
    opacity: 1; }

.configurator-step .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px; }
  .configurator-step .slick-track .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: auto; }
    .configurator-step .slick-track .slick-slide:focus {
      outline: none; }

.configurator-step button.slick-next,
.configurator-step button.slick-prev {
  width: 25px;
  height: 25px;
  top: 60%; }
  .configurator-step button.slick-next:before,
  .configurator-step button.slick-prev:before {
    background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Banner-Configurator/carousel-arrows-blue");
    content: "";
    position: relative;
    display: inline-block;
    width: 18px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat; }
  .configurator-step button.slick-next.slick-disabled:before,
  .configurator-step button.slick-prev.slick-disabled:before {
    background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Banner-Configurator/carousel-arrows");
    opacity: 1; }

.configurator-step .slick-next {
  right: -70px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
  .configurator-step .slick-next:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.configurator-step .slick-prev {
  left: -70px; }
  .configurator-step .slick-prev:hover {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

/*//MAJORITY OF STYLES ARE INHERITED FROM _BANNER_SIZES.SCSS FROM THE LANDING PAGE*/
.bannerconfigurator .banner-sizing {
  padding-top: 50px; }
  .bannerconfigurator .banner-sizing .noUi-target {
    background: #d7d7d7;
    background: -webkit-linear-gradient(-90deg, transparent 36%, #D7D7D7 37%, #D7D7D7 47%, #D7D7D7 57%, transparent 58%);
    background: linear-gradient(180deg, transparent 36%, #D7D7D7 37%, #D7D7D7 47%, #D7D7D7 57%, transparent 58%); }
  .bannerconfigurator .banner-sizing .noUi-marker {
    z-index: 1; }
  .bannerconfigurator .banner-sizing .noUi-origin {
    top: 0; }
  .bannerconfigurator .banner-sizing .noUi-horizontal {
    height: 25px; }
  .bannerconfigurator .banner-sizing .noUi-connect {
    background: transparent; }
  .bannerconfigurator .banner-sizing .noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-top: 9px; }
  .bannerconfigurator .banner-sizing .noUi-horizontal .noUi-handle {
    top: -1px; }
  .bannerconfigurator .banner-sizing .noUi-handle {
    border-color: #f5f5f5; }
  .bannerconfigurator .banner-sizing .noUi-connect {
    box-shadow: none; }
  .bannerconfigurator .banner-sizing img {
    margin-bottom: 0; }
  .bannerconfigurator .banner-sizing padding {
    padding-bottom: 6px; }
  .bannerconfigurator .banner-sizing .banner-sizing-grid {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .bannerconfigurator .banner-sizing .banner-sizing-grid {
        margin-top: 70px; } }
    @media screen and (max-width: 580px) {
      .bannerconfigurator .banner-sizing .banner-sizing-grid {
        margin-top: 0; } }
    .bannerconfigurator .banner-sizing .banner-sizing-grid .img-container {
      max-width: 118px; }
      @media screen and (max-width: 768px) {
        .bannerconfigurator .banner-sizing .banner-sizing-grid .img-container {
          max-width: unset; } }
    .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap {
      cursor: pointer; }
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap .size-preview {
        background-color: #0070C9;
        opacity: 0.1;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0; }
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span {
        border: 3px solid #D7D7D7;
        transition-property: none; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s16x3 {
          z-index: 70; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s2x4 {
          z-index: 60; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s2x6 {
          z-index: 50; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s2x8 {
          z-index: 40; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s3x4 {
          z-index: 30; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s3x6 {
          z-index: 20; }
        .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap span.s3x8 {
          z-index: 10;
          -webkit-box-shadow: -4px -4px 12px 0 rgba(0, 0, 0, 0.05);
          -moz-box-shadow: -4px -4px 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: -4px -4px 12px 0 rgba(0, 0, 0, 0.05); }
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s16x3 span.s16x3,
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s2x4 span.s2x4,
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s2x6 span.s2x6,
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s2x8 span.s2x8,
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s3x4 span.s3x4,
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s3x6 span.s3x6,
      .bannerconfigurator .banner-sizing .banner-sizing-grid .banner-preview-wrap.s3x8 span.s3x8 {
        border: 3px solid #0070C9; }
  .bannerconfigurator .banner-sizing .preview-for-scale {
    padding-right: 15px; }
    @media screen and (max-width: 768px) {
      .bannerconfigurator .banner-sizing .preview-for-scale {
        height: 281px; } }
  .bannerconfigurator .banner-sizing:not(.portrait).configurator-step {
    padding-top: 100px; }
    @media (max-width: 1024px) {
      .bannerconfigurator .banner-sizing:not(.portrait).configurator-step {
        padding-top: 85px; } }
    @media (max-width: 767px) {
      .bannerconfigurator .banner-sizing:not(.portrait).configurator-step {
        padding-top: 60px; } }
  .bannerconfigurator .banner-sizing:not(.portrait) .product-preview {
    max-width: 327px; }
    @media (max-width: 768px) {
      .bannerconfigurator .banner-sizing:not(.portrait) .product-preview {
        max-width: 340px; } }
  .bannerconfigurator .banner-sizing:not(.portrait) .banner-preview-wrap {
    max-height: 122px; }
    @media (max-width: 768px) {
      .bannerconfigurator .banner-sizing:not(.portrait) .banner-preview-wrap {
        height: 126px; } }
    @media (max-width: 414px) {
      .bannerconfigurator .banner-sizing:not(.portrait) .banner-preview-wrap {
        max-width: 100%;
        height: 71px; } }
  @media (max-width: 767px) {
    .bannerconfigurator .banner-sizing.portrait.configurator-step {
      padding-top: 0; } }
  @media (max-width: 767px) {
    .bannerconfigurator .banner-sizing.portrait {
      padding-top: 0; } }
  .bannerconfigurator .banner-sizing.portrait .banner-sizing-grid {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .bannerconfigurator .banner-sizing.portrait .product-preview,
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap {
    max-width: 147px; }
    @media (min-width: 768px) {
      .bannerconfigurator .banner-sizing.portrait .product-preview,
      .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap {
        height: 372px; } }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s16x3 {
    width: 51.97%;
    height: 36.59%; }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s2x4 {
    width: 65.35%;
    height: 49.125%; }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s2x6 {
    width: 65.35%;
    height: 74.05%; }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s2x8 {
    width: 65.35%;
    height: 100%; }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s3x4 {
    width: 100%;
    height: 49.125%; }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s3x6 {
    width: 100%;
    height: 74.05%; }
  .bannerconfigurator .banner-sizing.portrait .banner-preview-wrap span.s3x8 {
    width: 100%;
    height: 100%; }
  .bannerconfigurator .banner-sizing .noUi-tooltip {
    display: none;
    z-index: -1; }
    @media (max-width: 767px) {
      .bannerconfigurator .banner-sizing .noUi-tooltip {
        display: block;
        position: relative;
        top: -30px;
        right: 17px;
        z-index: 1;
        box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
        font-size: 10px;
        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
        background: #FFFFFF;
        font-weight: 700;
        width: 52px;
        line-height: 20px;
        min-height: 20px; }
        .bannerconfigurator .banner-sizing .noUi-tooltip:before, .bannerconfigurator .banner-sizing .noUi-tooltip:after {
          content: '';
          position: absolute;
          bottom: -6px;
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid rgba(0, 0, 0, 0.08);
          clear: both;
          margin: 0 auto;
          left: 0;
          right: 0; }
        .bannerconfigurator .banner-sizing .noUi-tooltip:after {
          bottom: -4px;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #FFF; } }
  .bannerconfigurator .banner-sizing .product-slider-container,
  .bannerconfigurator .banner-sizing .product-info-container {
    margin-top: 0;
    text-align: center; }
  .bannerconfigurator .banner-sizing .product-slider-container {
    margin-top: -10px; }
    @media screen and (max-width: 767px) {
      .bannerconfigurator .banner-sizing .product-slider-container {
        max-width: 85%;
        padding: 0; } }
  .bannerconfigurator .banner-sizing .product-info-container p {
    font-size: 16px;
    width: 165px; }
    @media (max-width: 1024px) {
      .bannerconfigurator .banner-sizing .product-info-container p {
        width: 151px; } }
  .bannerconfigurator .banner-sizing .product-info-container span {
    padding: 0 5px; }
  .bannerconfigurator .banner-sizing .product-info-container > * {
    float: left; }
  .bannerconfigurator .banner-sizing .banner-sizing-cta {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 12px; }
    @media screen and (max-width: 1024px) {
      .bannerconfigurator .banner-sizing .banner-sizing-cta {
        padding-top: 20px; } }
    .bannerconfigurator .banner-sizing .banner-sizing-cta .btn-primary, .bannerconfigurator .banner-sizing .banner-sizing-cta .btn-tertiary, .bannerconfigurator .banner-sizing .banner-sizing-cta .btn-cart {
      position: relative;
      width: 170px; }
  @media (max-width: 767px) {
    .bannerconfigurator .banner-sizing .product-info-cta {
      padding-top: 25px; } }

#size {
  background: transparent; }
  #size .btn-secondary {
    margin-top: 0;
    min-width: 170px;
    padding: 13px 11px 11px; }
    @media screen and (max-width: 768px) {
      #size .btn-secondary {
        min-width: 165px; } }
    @media screen and (max-width: 580px) {
      #size .btn-secondary {
        width: 85%; } }
    @media (max-width: 1025px) {
      #size .btn-secondary:active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0); } }

#banner-container, .landscape #banner-sizer {
  background: #FFFFFF;
  -webkit-transform: rotate(180deg) scaleX(-1);
  -moz-transform: rotate(180deg) scaleX(-1);
  -ms-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1); }

div[style="left: 100.00000%"], div[style="left: 0.00000%"] {
  display: none; }

.register #main-content, .login #main-content {
  background: #000000;
  padding-bottom: 49px; }
  @media screen and (max-width: 580px) {
    .register #main-content, .login #main-content {
      padding-bottom: 23px; } }

.account-container {
  padding: 101px 0 0; }
  @media screen and (max-width: 768px) {
    .account-container {
      padding-top: 38px; } }
  @media screen and (max-width: 767px) {
    .account-container {
      padding-top: 61px; } }
  @media screen and (min-width: 860px) {
    .account-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }
  .account-container .login-header {
    color: #FFFFFF;
    position: relative;
    -webkit-align-content: bottom;
    -moz-align-content: bottom;
    -ms-flex-line-pack: bottom;
    align-content: bottom; }
    @media screen and (max-width: 860px) {
      .account-container .login-header {
        display: none; } }
    .account-container .login-header .container {
      position: absolute;
      top: 361px;
      left: 50px; }
      .account-container .login-header .container p {
        font-size: 15px; }
      .account-container .login-header .container h1 {
        text-transform: uppercase;
        font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
        font-size: 34px;
        line-height: 32px;
        letter-spacing: -1px;
        margin-top: 10px;
        max-width: 575px; }
        @media screen and (max-width: 1025px) {
          .account-container .login-header .container h1 {
            max-width: 370px; } }
        @media screen and (max-width: 1025px) {
          .account-container .login-header .container h1 {
            margin-bottom: 5px; } }
  .account-container .sign-in-up {
    padding-left: 8px; }
    @media screen and (max-width: 860px) {
      .account-container .sign-in-up {
        padding-left: 0; } }

.sign-up-box {
  min-height: 460px; }
  @media screen and (max-width: 580px) {
    .sign-up-box {
      min-height: 499px; } }

.sign-in-box {
  min-height: 460px; }
  @media screen and (max-width: 580px) {
    .sign-in-box {
      min-height: 420px; } }

.sign-up-box, .sign-in-box {
  background: #FFFFFF;
  max-width: 456px;
  padding: 25px 35px;
  border-radius: 6px;
  position: relative;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 1025px) {
    .sign-up-box, .sign-in-box {
      max-width: 484px; } }
  @media screen and (max-width: 860px) {
    .sign-up-box, .sign-in-box {
      max-width: 474px; } }
  @media screen and (max-width: 580px) {
    .sign-up-box, .sign-in-box {
      max-width: 95%; } }
  @media screen and (max-width: 1025px) {
    .sign-up-box, .sign-in-box {
      padding: 25px; } }
  @media screen and (max-width: 860px) {
    .sign-up-box, .sign-in-box {
      padding: 20px; } }
  @media screen and (max-width: 580px) {
    .sign-up-box, .sign-in-box {
      padding: 15px 4px; } }
  @media screen and (max-width: 860px) {
    .sign-up-box, .sign-in-box {
      margin: 0 auto; } }
  @media screen and (min-width: 860px) and (max-width: 1023px) {
    .sign-up-box, .sign-in-box {
      margin-right: 10px; } }
  .sign-up-box .sign-in-toggle, .sign-in-box .sign-in-toggle {
    margin-bottom: 20px; }
  .sign-up-box .sign-up-toggle, .sign-in-box .sign-up-toggle {
    margin-bottom: 42px; }
  .sign-up-box .sign-up-toggle, .sign-up-box .sign-in-toggle, .sign-in-box .sign-up-toggle, .sign-in-box .sign-in-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #A1A1A1; }
    @media screen and (max-width: 768px) {
      .sign-up-box .sign-up-toggle, .sign-up-box .sign-in-toggle, .sign-in-box .sign-up-toggle, .sign-in-box .sign-in-toggle {
        margin-bottom: 12px; } }
    @media screen and (max-width: 580px) {
      .sign-up-box .sign-up-toggle, .sign-up-box .sign-in-toggle, .sign-in-box .sign-up-toggle, .sign-in-box .sign-in-toggle {
        margin-bottom: 17px; } }
    @media screen and (max-width: 580px) {
      .sign-up-box .sign-up-toggle, .sign-up-box .sign-in-toggle, .sign-in-box .sign-up-toggle, .sign-in-box .sign-in-toggle {
        margin-left: -15px;
        margin-right: -15px; } }
    .sign-up-box .sign-up-toggle a, .sign-up-box .sign-in-toggle a, .sign-in-box .sign-up-toggle a, .sign-in-box .sign-in-toggle a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 16px;
      padding-top: 26px;
      padding-bottom: 18px;
      text-decoration: none;
      -webkit-transition: all 0.15s ease;
      -moz-transition: all 0.15s ease;
      -ms-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      transition: all 0.15s ease;
      cursor: pointer;
      margin-bottom: -1px; }
      .sign-up-box .sign-up-toggle a:not(.active-tab), .sign-up-box .sign-in-toggle a:not(.active-tab), .sign-in-box .sign-up-toggle a:not(.active-tab), .sign-in-box .sign-in-toggle a:not(.active-tab) {
        color: #909090; }
        .sign-up-box .sign-up-toggle a:not(.active-tab):hover, .sign-up-box .sign-in-toggle a:not(.active-tab):hover, .sign-in-box .sign-up-toggle a:not(.active-tab):hover, .sign-in-box .sign-in-toggle a:not(.active-tab):hover {
          border-bottom: 3px solid #444444;
          color: #444444; }
      .sign-up-box .sign-up-toggle a.active-tab, .sign-up-box .sign-in-toggle a.active-tab, .sign-in-box .sign-up-toggle a.active-tab, .sign-in-box .sign-in-toggle a.active-tab {
        color: #000000;
        height: 100%;
        border-bottom: 3px solid #CC0000; }
  .sign-up-box form#registerForm .sign-in-msg, .sign-up-box form#sign-in-form .sign-in-msg, .sign-in-box form#registerForm .sign-in-msg, .sign-in-box form#sign-in-form .sign-in-msg {
    color: #909090;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 45px;
    margin-top: 21px; }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .sign-in-msg, .sign-up-box form#sign-in-form .sign-in-msg, .sign-in-box form#registerForm .sign-in-msg, .sign-in-box form#sign-in-form .sign-in-msg {
        margin-bottom: 24px; } }
  .sign-up-box form#registerForm .input-container, .sign-up-box form#sign-in-form .input-container, .sign-in-box form#registerForm .input-container, .sign-in-box form#sign-in-form .input-container {
    position: relative;
    min-height: 52px; }
    .sign-up-box form#registerForm .input-container .sign-in-ctrl, .sign-up-box form#sign-in-form .input-container .sign-in-ctrl, .sign-in-box form#registerForm .input-container .sign-in-ctrl, .sign-in-box form#sign-in-form .input-container .sign-in-ctrl {
      position: relative; }
    .sign-up-box form#registerForm .input-container label, .sign-up-box form#sign-in-form .input-container label, .sign-in-box form#registerForm .input-container label, .sign-in-box form#sign-in-form .input-container label {
      position: absolute;
      top: 22px;
      left: 2px;
      font-size: 13px;
      line-height: 16px;
      color: #A1A1A1;
      cursor: text;
      -webkit-transition: all 0.06s ease;
      -moz-transition: all 0.06s ease;
      -ms-transition: all 0.06s ease;
      -o-transition: all 0.06s ease;
      transition: all 0.06s ease;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      z-index: 1; }
      .sign-up-box form#registerForm .input-container label.focus, .sign-up-box form#sign-in-form .input-container label.focus, .sign-in-box form#registerForm .input-container label.focus, .sign-in-box form#sign-in-form .input-container label.focus {
        color: #CCCCCC; }
        .sign-up-box form#registerForm .input-container label.focus + span input, .sign-up-box form#sign-in-form .input-container label.focus + span input, .sign-in-box form#registerForm .input-container label.focus + span input, .sign-in-box form#sign-in-form .input-container label.focus + span input {
          border-bottom: 3px solid #A1A1A1; }
      .sign-up-box form#registerForm .input-container label.filled, .sign-up-box form#sign-in-form .input-container label.filled, .sign-in-box form#registerForm .input-container label.filled, .sign-in-box form#sign-in-form .input-container label.filled {
        top: 0;
        left: 0;
        font-size: 12px; }
        .sign-up-box form#registerForm .input-container label.filled + span input, .sign-up-box form#sign-in-form .input-container label.filled + span input, .sign-in-box form#registerForm .input-container label.filled + span input, .sign-in-box form#sign-in-form .input-container label.filled + span input {
          border-bottom: 1px solid #A1A1A1; }
      .sign-up-box form#registerForm .input-container label.active, .sign-up-box form#sign-in-form .input-container label.active, .sign-in-box form#registerForm .input-container label.active, .sign-in-box form#sign-in-form .input-container label.active {
        top: 0;
        left: 0;
        font-size: 12px; }
        .sign-up-box form#registerForm .input-container label.active + span input, .sign-up-box form#sign-in-form .input-container label.active + span input, .sign-in-box form#registerForm .input-container label.active + span input, .sign-in-box form#sign-in-form .input-container label.active + span input {
          border-bottom: 3px solid #0070C9; }
      .sign-up-box form#registerForm .input-container label.invalid, .sign-up-box form#sign-in-form .input-container label.invalid, .sign-in-box form#registerForm .input-container label.invalid, .sign-in-box form#sign-in-form .input-container label.invalid {
        color: #CC0000; }
        .sign-up-box form#registerForm .input-container label.invalid + span input, .sign-up-box form#sign-in-form .input-container label.invalid + span input, .sign-in-box form#registerForm .input-container label.invalid + span input, .sign-in-box form#sign-in-form .input-container label.invalid + span input {
          border-bottom: 3px solid #CC0000; }
    .sign-up-box form#registerForm .input-container input, .sign-up-box form#sign-in-form .input-container input, .sign-in-box form#registerForm .input-container input, .sign-in-box form#sign-in-form .input-container input {
      width: 100%;
      border: none;
      border-bottom: 1px solid #A1A1A1;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      -o-transition: all 0.1s ease;
      transition: all 0.1s ease;
      caret-color: #CC0000;
      height: 40px;
      margin-top: 0;
      padding: 20px 0 0; }
      .sign-up-box form#registerForm .input-container input#Password, .sign-up-box form#sign-in-form .input-container input#Password, .sign-in-box form#registerForm .input-container input#Password, .sign-in-box form#sign-in-form .input-container input#Password {
        padding-right: 42px; }
  .sign-up-box form#registerForm .sign-in-submit, .sign-up-box form#sign-in-form .sign-in-submit, .sign-in-box form#registerForm .sign-in-submit, .sign-in-box form#sign-in-form .sign-in-submit {
    position: absolute;
    bottom: 20px;
    left: 38px;
    right: 38px; }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .sign-in-submit, .sign-up-box form#sign-in-form .sign-in-submit, .sign-in-box form#registerForm .sign-in-submit, .sign-in-box form#sign-in-form .sign-in-submit {
        bottom: 0; } }
    @media screen and (max-width: 1025px) {
      .sign-up-box form#registerForm .sign-in-submit, .sign-up-box form#sign-in-form .sign-in-submit, .sign-in-box form#registerForm .sign-in-submit, .sign-in-box form#sign-in-form .sign-in-submit {
        left: 53px;
        right: 53px; } }
    @media screen and (max-width: 860px) {
      .sign-up-box form#registerForm .sign-in-submit, .sign-up-box form#sign-in-form .sign-in-submit, .sign-in-box form#registerForm .sign-in-submit, .sign-in-box form#sign-in-form .sign-in-submit {
        left: 45px;
        right: 45px; } }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .sign-in-submit, .sign-up-box form#sign-in-form .sign-in-submit, .sign-in-box form#registerForm .sign-in-submit, .sign-in-box form#sign-in-form .sign-in-submit {
        left: 15px;
        right: 15px; } }
    .sign-up-box form#registerForm .sign-in-submit button, .sign-up-box form#sign-in-form .sign-in-submit button, .sign-in-box form#registerForm .sign-in-submit button, .sign-in-box form#sign-in-form .sign-in-submit button {
      width: 100%; }
  .sign-up-box form#registerForm ::-webkit-input-placeholder, .sign-up-box form#sign-in-form ::-webkit-input-placeholder, .sign-in-box form#registerForm ::-webkit-input-placeholder, .sign-in-box form#sign-in-form ::-webkit-input-placeholder {
    color: transparent; }
  .sign-up-box form#registerForm :-moz-placeholder, .sign-up-box form#sign-in-form :-moz-placeholder, .sign-in-box form#registerForm :-moz-placeholder, .sign-in-box form#sign-in-form :-moz-placeholder {
    color: transparent; }
  .sign-up-box form#registerForm ::-moz-placeholder, .sign-up-box form#sign-in-form ::-moz-placeholder, .sign-in-box form#registerForm ::-moz-placeholder, .sign-in-box form#sign-in-form ::-moz-placeholder {
    color: transparent; }
  .sign-up-box form#registerForm :-ms-input-placeholder, .sign-up-box form#sign-in-form :-ms-input-placeholder, .sign-in-box form#registerForm :-ms-input-placeholder, .sign-in-box form#sign-in-form :-ms-input-placeholder {
    color: transparent; }
  .sign-up-box form#registerForm input::-ms-clear, .sign-up-box form#registerForm input::-ms-reveal, .sign-up-box form#sign-in-form input::-ms-clear, .sign-up-box form#sign-in-form input::-ms-reveal, .sign-in-box form#registerForm input::-ms-clear, .sign-in-box form#registerForm input::-ms-reveal, .sign-in-box form#sign-in-form input::-ms-clear, .sign-in-box form#sign-in-form input::-ms-reveal {
    display: none; }
  .sign-up-box form#registerForm .email-subscribe, .sign-up-box form#sign-in-form .email-subscribe, .sign-in-box form#registerForm .email-subscribe, .sign-in-box form#sign-in-form .email-subscribe {
    margin-top: 43px; }
    @media screen and (max-width: 768px) {
      .sign-up-box form#registerForm .email-subscribe, .sign-up-box form#sign-in-form .email-subscribe, .sign-in-box form#registerForm .email-subscribe, .sign-in-box form#sign-in-form .email-subscribe {
        margin-top: 77px; } }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .email-subscribe, .sign-up-box form#sign-in-form .email-subscribe, .sign-in-box form#registerForm .email-subscribe, .sign-in-box form#sign-in-form .email-subscribe {
        margin-top: 51px; } }
    @media screen and (max-width: 1024px) {
      .sign-up-box form#registerForm .email-subscribe, .sign-up-box form#sign-in-form .email-subscribe, .sign-in-box form#registerForm .email-subscribe, .sign-in-box form#sign-in-form .email-subscribe {
        margin-bottom: 10px; } }
  .sign-up-box form#registerForm .accept-terms, .sign-up-box form#sign-in-form .accept-terms, .sign-in-box form#registerForm .accept-terms, .sign-in-box form#sign-in-form .accept-terms {
    margin-bottom: 45px; }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .accept-terms, .sign-up-box form#sign-in-form .accept-terms, .sign-in-box form#registerForm .accept-terms, .sign-in-box form#sign-in-form .accept-terms {
        margin-top: 10px; } }
  .sign-up-box form#registerForm .remember-me, .sign-up-box form#sign-in-form .remember-me, .sign-in-box form#registerForm .remember-me, .sign-in-box form#sign-in-form .remember-me {
    padding-bottom: 62px; }
  .sign-up-box form#registerForm .checkbox span, .sign-up-box form#sign-in-form .checkbox span, .sign-in-box form#registerForm .checkbox span, .sign-in-box form#sign-in-form .checkbox span {
    margin: 10px 7px 10px 0;
    outline: none; }
  .sign-up-box form#registerForm .checkbox .checkbox-copy, .sign-up-box form#sign-in-form .checkbox .checkbox-copy, .sign-in-box form#registerForm .checkbox .checkbox-copy, .sign-in-box form#sign-in-form .checkbox .checkbox-copy {
    width: 80%;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 5px 0 0;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    color: #444444;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .checkbox .checkbox-copy, .sign-up-box form#sign-in-form .checkbox .checkbox-copy, .sign-in-box form#registerForm .checkbox .checkbox-copy, .sign-in-box form#sign-in-form .checkbox .checkbox-copy {
        width: 83%; } }
    @media screen and (max-width: 580px) {
      .sign-up-box form#registerForm .checkbox .checkbox-copy, .sign-up-box form#sign-in-form .checkbox .checkbox-copy, .sign-in-box form#registerForm .checkbox .checkbox-copy, .sign-in-box form#sign-in-form .checkbox .checkbox-copy {
        font-size: 13px;
        line-height: 17px; } }
    .sign-up-box form#registerForm .checkbox .checkbox-copy.contains-link, .sign-up-box form#sign-in-form .checkbox .checkbox-copy.contains-link, .sign-in-box form#registerForm .checkbox .checkbox-copy.contains-link, .sign-in-box form#sign-in-form .checkbox .checkbox-copy.contains-link {
      padding-top: 0; }
    .sign-up-box form#registerForm .checkbox .checkbox-copy a, .sign-up-box form#sign-in-form .checkbox .checkbox-copy a, .sign-in-box form#registerForm .checkbox .checkbox-copy a, .sign-in-box form#sign-in-form .checkbox .checkbox-copy a {
      margin-left: 3px;
      word-wrap: break-word;
      overflow-wrap: break-word; }
  .sign-up-box form#registerForm .forgot-user, .sign-up-box form#sign-in-form .forgot-user, .sign-in-box form#registerForm .forgot-user, .sign-in-box form#sign-in-form .forgot-user {
    text-align: right;
    margin-bottom: 30px;
    font-size: 12px; }

#divErrorList {
  display: none;
  position: relative; }
  #divErrorList.server-error, #divErrorList:not(.validation-summary-valid) {
    background: #444444;
    min-height: 52px;
    border-radius: 4px;
    width: 100%;
    border: none; }
    #divErrorList.server-error h4, #divErrorList:not(.validation-summary-valid) h4 {
      display: none; }
    #divErrorList.server-error ul, #divErrorList:not(.validation-summary-valid) ul {
      margin-left: 40px;
      max-width: 80%; }
      #divErrorList.server-error ul li, #divErrorList:not(.validation-summary-valid) ul li {
        list-style: none;
        color: #FFFFFF;
        font-size: 13px;
        line-height: 16px; }
        #divErrorList.server-error ul li:not(.field-validation-server-error), #divErrorList:not(.validation-summary-valid) ul li:not(.field-validation-server-error) {
          display: none; }
  #divErrorList.alert {
    padding: 19px 16px 8px; }
  #divErrorList:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 16px;
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/server-error-icon);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

#sign-in-form #divErrorList {
  margin-top: 14px;
  margin-bottom: 32px; }

#registerForm #divErrorList {
  margin-top: -28px; }
  @media screen and (max-width: 768px) {
    #registerForm #divErrorList {
      margin-top: 14px; } }

span.field-validation-error {
  display: none; }

@-webkit-keyframes onAutoFillStart {
  from { }
  to { } }

@-webkit-keyframes onAutoFillCancel {
  from { }
  to { } }

@keyframes onAutoFillStart {
  from { }
  to { } }

@keyframes onAutoFillCancel {
  from { }
  to { } }

input:-webkit-autofill {
  -webkit-animation-name: onAutoFillStart;
  animation-name: onAutoFillStart; }

input:not(:-webkit-autofill) {
  -webkit-animation-name: onAutoFillStart;
  animation-name: onAutoFillCancel; }

#showPassword {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 1px;
  width: 25px;
  height: 25px;
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/passwordToggle/icon-eyeclosed-hover);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out; }
  @media screen and (min-width: 1025px) {
    #showPassword:hover {
      opacity: 1; } }
  #showPassword.toggled {
    opacity: 0.5;
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/passwordToggle/icon-eyeopen-hover); }
    @media screen and (min-width: 1025px) {
      #showPassword.toggled:hover {
        opacity: 1; } }
  #showPassword:focus {
    outline: none; }

#passwordHintWindow {
  display: none;
  background: #FFFFFF;
  border-radius: 6px;
  position: absolute;
  left: -314px;
  top: 80px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 308px;
  height: 198px; }
  #passwordHintWindow > div {
    padding: 21px 30px 28px 20px; }
    #passwordHintWindow > div p, #passwordHintWindow > div li {
      font-size: 12px;
      line-height: 15px; }
    #passwordHintWindow > div ul {
      margin: 15px 0; }
      #passwordHintWindow > div ul li {
        margin-left: 14px;
        position: relative; }
  #passwordHintWindow:after {
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    border-radius: 0 20px 20px 0;
    background: #FFFFFF;
    position: absolute;
    right: -8px;
    top: 93px; }
    @media screen and (max-width: 860px) {
      #passwordHintWindow:after {
        display: none; } }

.pw-valid {
  color: #40C922;
  font-weight: bold; }
  .pw-valid:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -13px;
    top: 2px;
    background: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/passwordHint/green-checkmark) center center no-repeat;
    background-size: contain; }

.pw-invalid {
  color: #CC0000;
  font-weight: bold; }
  .pw-invalid:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -13px;
    top: 2px;
    background: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/passwordHint/red-x) center center no-repeat;
    background-size: contain; }

#mobileTipHint {
  display: none;
  margin-top: 10px; }
  @media screen and (max-width: 860px) {
    #mobileTipHint {
      display: block; } }
  #mobileTipHint p {
    color: #909090;
    font-size: 12px;
    line-height: 16px; }
  #mobileTipHint .pw-invalid:before, #mobileTipHint .pw-valid:before {
    display: none;
    content: ''; }

.sign-up-box form#registerForm .input-container label.valid {
  color: #40C922; }
  .sign-up-box form#registerForm .input-container label.valid + span input {
    border-bottom: 3px solid #40C922; }

#accountGallery {
  position: absolute;
  height: 100%;
  min-height: 750px;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1.4s ease;
  -moz-transition: opacity 1.4s ease;
  -ms-transition: opacity 1.4s ease;
  -o-transition: opacity 1.4s ease;
  transition: opacity 1.4s ease; }
  #accountGallery.slick-initialized {
    visibility: visible;
    opacity: 0.5; }
  #accountGallery .slick-slide {
    height: 100%;
    min-height: 750px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  #accountGallery img {
    width: 100%;
    max-width: 100%; }

@media (max-width: 768px) {
  .account #_elev_io {
    display: none; } }

.register-gallery-1 {
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/backgroundImages/image1); }

.register-gallery-2 {
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/backgroundImages/image2); }

.register-gallery-3 {
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/backgroundImages/image3); }

.register-gallery-4 {
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/backgroundImages/image4); }

.register-gallery-5 {
  background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Account/backgroundImages/image5); }

.sign-in-box .login-iframe,
.sign-up-box .login-iframe {
  width: 100%;
  height: 430px; }

.categories .subheader-container .headline-underline-title, .categories .subheader-container .landing-page .related-products p, .landing-page .related-products .categories .subheader-container p {
  padding-top: 50px; }
  @media (max-width: 1024px) {
    .categories .subheader-container .headline-underline-title, .categories .subheader-container .landing-page .related-products p, .landing-page .related-products .categories .subheader-container p {
      padding-top: 20px; } }
  @media (max-width: 768px) {
    .categories .subheader-container .headline-underline-title, .categories .subheader-container .landing-page .related-products p, .landing-page .related-products .categories .subheader-container p {
      font-size: 22px; } }
  .categories .subheader-container .headline-underline-title:after, .categories .subheader-container .landing-page .related-products p:after, .landing-page .related-products .categories .subheader-container p:after {
    margin-bottom: 60px; }
    @media (max-width: 768px) {
      .categories .subheader-container .headline-underline-title:after, .categories .subheader-container .landing-page .related-products p:after, .landing-page .related-products .categories .subheader-container p:after {
        margin-bottom: 40px; } }

.categories .breadcrumbs + ul {
  padding-top: 57px; }

@media (min-width: 769px) {
  .categories #breadcrumbs-category ~ .pricing-container {
    width: 50%;
    margin-left: 50%;
    display: block;
    -webkit-transform: translateY(-21px);
    -moz-transform: translateY(-21px);
    -ms-transform: translateY(-21px);
    -o-transform: translateY(-21px);
    transform: translateY(-21px); }
    .categories #breadcrumbs-category ~ .pricing-container ~ .category-tiles {
      -webkit-transform: translateY(-15px);
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -o-transform: translateY(-15px);
      transform: translateY(-15px); } }

.categories .pricing-container {
  text-align: right; }
  @media (max-width: 767px) {
    .categories .pricing-container {
      text-align: center;
      padding-bottom: 20px; } }

.categories .short-name {
  display: none; }

.categories .short-name + .long-name {
  display: block; }

@media (max-width: 767px) {
  .categories .short-name {
    display: block; }
  .categories .short-name + .long-name {
    display: none; } }

.categories .category-pricing-info {
  margin-top: 20px; }

.categories .marketing-block {
  margin-top: 60px; }

.filter-container {
  padding-right: 4px;
  padding-top: 16px; }
  @media (max-width: 1024px) {
    .filter-container {
      padding-right: 6px; } }
  @media (max-width: 768px) {
    .filter-container {
      padding-right: 0; } }

.attribute-filter {
  padding: 0 30px 40px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  height: 100%; }
  @media (max-width: 768px) {
    .attribute-filter {
      margin: 0 25px 30px 25px;
      padding-bottom: 0;
      border-radius: 4px; } }
  @media (max-width: 767px) {
    .attribute-filter {
      margin: 0 15px 30px 15px; } }
  .attribute-filter .header {
    padding: 19px 0 15px;
    border-bottom: solid 2px rgba(204, 204, 204, 0.4); }
    .attribute-filter .header a {
      line-height: 1.65;
      float: right;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
      @media (max-width: 768px) {
        .attribute-filter .header a.clear-all {
          padding-right: 25px; }
        .attribute-filter .header a.close:before {
          content: "";
          background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-close-grey");
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          background-position: 0 0;
          background-repeat: no-repeat;
          background-size: contain;
          padding: 0;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); } }
  .attribute-filter h2 {
    font-size: 22px;
    color: #3D4146;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    padding: 0; }
  .attribute-filter h3 {
    padding-bottom: 18px;
    font-size: 18px;
    position: relative;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
    .attribute-filter h3 span {
      max-width: 85%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      line-height: 1.25; }
    .attribute-filter h3:before {
      display: block;
      content: '';
      padding: 10px 0;
      border-top: 1px solid rgba(151, 151, 151, 0.2); }
    .attribute-filter h3:after {
      display: inline;
      content: '';
      width: 0;
      height: 0;
      border-top: 4px solid #000000;
      border-bottom: 4px solid transparent;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      position: absolute;
      top: 50%;
      bottom: 50%;
      right: 20px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: transform 0.4s ease-out;
      -moz-transition: transform 0.4s ease-out;
      -ms-transition: transform 0.4s ease-out;
      -o-transition: transform 0.4s ease-out;
      transition: transform 0.4s ease-out; }
  .attribute-filter li {
    padding: 7px 0; }
  .attribute-filter .expandable,
  .attribute-filter .collapsible {
    cursor: pointer; }
  .attribute-filter .attribute {
    padding-bottom: 19px;
    max-height: 2500px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }
    .attribute-filter .attribute ul {
      opacity: 1;
      -webkit-transition: opacity 0.45s ease-in;
      -moz-transition: opacity 0.45s ease-in;
      -ms-transition: opacity 0.45s ease-in;
      -o-transition: opacity 0.45s ease-in;
      transition: opacity 0.45s ease-in; }
    .attribute-filter .attribute h3:after {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
      -webkit-transform-origin: 50% 2px;
      -moz-transform-origin: 50% 2px;
      -ms-transform-origin: 50% 2px;
      -o-transform-origin: 50% 2px;
      transform-origin: 50% 2px; }
    @media (min-width: 769px) {
      .attribute-filter .attribute.collapsible {
        overflow: hidden;
        max-height: 60px;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
        .attribute-filter .attribute.collapsible ul {
          opacity: 0;
          -webkit-transition: opacity 0.45s ease-out;
          -moz-transition: opacity 0.45s ease-out;
          -ms-transition: opacity 0.45s ease-out;
          -o-transition: opacity 0.45s ease-out;
          transition: opacity 0.45s ease-out; }
        .attribute-filter .attribute.collapsible h3:after {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); } }
    @media (max-width: 768px) {
      .attribute-filter .attribute.expandable {
        overflow: hidden;
        max-height: 60px;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
        .attribute-filter .attribute.expandable ul {
          opacity: 0;
          -webkit-transition: opacity 0.45s ease-out;
          -moz-transition: opacity 0.45s ease-out;
          -ms-transition: opacity 0.45s ease-out;
          -o-transition: opacity 0.45s ease-out;
          transition: opacity 0.45s ease-out; }
        .attribute-filter .attribute.expandable h3:after {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-transform-origin: center;
          -moz-transform-origin: center;
          -ms-transform-origin: center;
          -o-transform-origin: center;
          transform-origin: center; } }

.checkbox-solid {
  position: absolute;
  opacity: 0; }
  .checkbox-solid + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    clear: none;
    font-size: 14px;
    display: block;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  .checkbox-solid + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 2px solid #000000;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
  .checkbox-solid:checked + label:before {
    background-color: #0070C9;
    border-color: #0070C9; }
  .checkbox-solid:hover + label:before {
    border-color: #0070C9; }
  .checkbox-solid:hover + label {
    color: #0070C9; }
  .checkbox-solid:checked + label {
    color: #0070C9;
    font-weight: bold; }
  .checkbox-solid:disabled + label {
    color: #CCCCCC;
    cursor: auto; }

.search .results-container,
.categories .results-container {
  padding-right: 12px; }
  @media screen and (max-width: 768px) {
    .search .results-container,
    .categories .results-container {
      padding: 0 25px; } }
  @media screen and (max-width: 767px) {
    .search .results-container,
    .categories .results-container {
      padding: 0 15px; } }

.results .pageSize a {
  color: #444444;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  font-weight: 300; }
  .results .pageSize a:hover {
    text-decoration: none; }
  .results .pageSize a.active {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
  .results .pageSize a:after {
    content: "|";
    padding-left: 6px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }

.results .pageSize span {
  padding-left: 3px; }
  .results .pageSize span:last-child a:after {
    display: none; }

.results .drop-active::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.results .dropdown-wrapper {
  position: relative;
  width: auto;
  display: block; }
  .results .dropdown-wrapper::before {
    content: '';
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/Icon-pointerdown-black);
    width: 10px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 10px;
    top: -1px;
    pointer-events: none; }
  .results .dropdown-wrapper .label-dd,
  .results .dropdown-wrapper .select-dd {
    display: inline-block;
    position: relative; }
  .results .dropdown-wrapper .label-dd {
    margin-right: 6px; }
  .results .dropdown-wrapper .select-dd {
    padding-right: 30px;
    width: 100px;
    text-align: left;
    cursor: pointer; }
  .results .dropdown-wrapper ul.drop-list {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .results .dropdown-wrapper .dropdown-transparent-list {
    visibility: hidden;
    opacity: 0;
    background: silver;
    position: absolute;
    top: 22px;
    width: 95%;
    border-radius: 4px;
    background-color: #FFFFFF;
    z-index: 80;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    max-height: 152px;
    -webkit-transform: translateY(-1em);
    -moz-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    -o-transform: translateY(-1em);
    transform: translateY(-1em);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .results .dropdown-wrapper .dropdown-transparent-list::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px; }
    .results .dropdown-wrapper .dropdown-transparent-list::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    .results .dropdown-wrapper .dropdown-transparent-list a {
      width: 100%;
      display: block;
      font-size: 13px;
      font-weight: 500;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      padding: 12px 10px;
      border-bottom: 1px solid #d8d8d8;
      line-height: 19px;
      text-decoration: none;
      color: #444444; }
      @media (max-width: 415px) {
        .results .dropdown-wrapper .dropdown-transparent-list a {
          font-size: 15px; } }
      .results .dropdown-wrapper .dropdown-transparent-list a:hover {
        background-color: rgba(0, 0, 0, 0.03);
        color: #CC0000; }

.pagination-below .bottom-pagination {
  padding-top: 52px;
  margin-bottom: 20px; }
  .pagination-below .bottom-pagination .pagination--links {
    display: table;
    margin-left: auto;
    margin-right: auto; }

.bottom-pagination {
  font-size: 15px;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
  @media (min-width: 769px) {
    .bottom-pagination {
      text-align: center; } }
  .bottom-pagination div > a {
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    color: #000000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    @media screen and (min-width: 769px) {
      .bottom-pagination div > a:not(.inactive):hover {
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px); } }
    .bottom-pagination div > a:not(.inactive):active {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      transform: translateY(0);
      box-shadow: none; }
    .bottom-pagination div > a.inactive {
      color: #CCCCCC;
      cursor: default; }
    .bottom-pagination div > a.first, .bottom-pagination div > a.last {
      width: 80px;
      font-size: 13px; }
  .bottom-pagination a {
    border-radius: 4px;
    margin-right: 0.6px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    line-height: 40px;
    height: 44px;
    color: #444444;
    cursor: pointer; }
    .bottom-pagination a:hover, .bottom-pagination a:active, .bottom-pagination a:active:focus {
      text-decoration: none; }
  .bottom-pagination .dots {
    margin: 5px 5px 0; }
  .bottom-pagination span > a {
    border: 2px solid #444444;
    width: 44px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    .bottom-pagination span > a:not(.inactive):hover {
      color: #000000;
      background: #FFFFFF;
      border-color: #FFFFFF;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
    .bottom-pagination span > a.inactive {
      background: #444444;
      color: #FFFFFF; }
  .bottom-pagination .next,
  .bottom-pagination .prev {
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/pagination-arrow-right-active);
    background-color: #FFFFFF;
    background-size: 12px auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease; }
  .bottom-pagination .prev {
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/pagination-arrow-left-active); }
  .bottom-pagination .next.inactive-arrow {
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/pagination-arrow-right-inactive); }
  .bottom-pagination .prev.inactive-arrow {
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/pagination-arrow-left-inactive); }
  @media screen and (max-width: 768px) {
    .bottom-pagination .pageNum {
      display: none; }
    .bottom-pagination .prev {
      margin-right: 5px; } }

.mobile-filter-show,
.mobile-filter-hide {
  display: none; }

@media screen and (max-width: 768px) {
  .clear-all,
  .page-size-sort-by {
    display: none; }
  .mobile-filter-show {
    display: block; }
  .mobile-filter-active-hide,
  .mobile-filter-hide {
    display: none; }
  .attribute-list {
    max-height: 0;
    visibility: hidden;
    opacity: 0; }
    .attribute-list.search-open {
      max-height: 9999px;
      visibility: visible;
      opacity: 1; } }

@media screen and (max-width: 768px) {
  .attribute-filter {
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in; }
    .attribute-filter .header {
      border-bottom: none; } }

@media screen and (max-width: 768px) {
  .search-filter-open .clear-all {
    display: block; }
  .search-filter-open #main-content {
    background-color: #FFFFFF; } }

.search-filter-open .header-search.header-container {
  max-height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 180ms ease-out;
  -moz-transition: all 180ms ease-out;
  -ms-transition: all 180ms ease-out;
  -o-transition: all 180ms ease-out;
  transition: all 180ms ease-out; }
  @media (max-width: 767px) {
    .search-filter-open .header-search.header-container {
      margin-bottom: 46px; } }

.search-filter-open .filter-container {
  padding-top: 0; }

.search-filter-open .attribute-filter {
  margin: 0;
  -webkit-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
  -ms-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  transition: all 150ms ease-in; }
  .search-filter-open .attribute-filter .header {
    border-bottom: solid 1px rgba(204, 204, 204, 0.4); }

.no-results {
  padding-top: 90px; }
  @media screen and (max-width: 768px) {
    .no-results {
      padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    .no-results {
      padding-top: 5px; } }
  .no-results .empty-search {
    width: 78px;
    height: 78px; }
  .no-results h2 {
    font-size: 40px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
    @media screen and (max-width: 767px) {
      .no-results h2 {
        font-size: 30px; } }
  .no-results p {
    font-size: 20px;
    line-height: 1.2; }
    .no-results p span {
      font-weight: 700; }

.no-results-redirect {
  padding-top: 130px; }
  @media screen and (max-width: 768px) {
    .no-results-redirect {
      padding-top: 110px; } }
  @media screen and (max-width: 767px) {
    .no-results-redirect {
      padding-top: 86px; } }
  .no-results-redirect .headline-underline-title, .no-results-redirect .landing-page .related-products p, .landing-page .related-products .no-results-redirect p {
    padding-bottom: 9px;
    text-transform: none; }
    .no-results-redirect .headline-underline-title:after, .no-results-redirect .landing-page .related-products p:after, .landing-page .related-products .no-results-redirect p:after {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .no-results-redirect .headline-underline-title, .no-results-redirect .landing-page .related-products p, .landing-page .related-products .no-results-redirect p {
        font-size: 22px;
        line-height: 1.22; } }

.color-themes.hide-themes .color-theme, .color-themes.hide-themes color-theme {
  display: none; }

.header-search p {
  line-height: 1.61;
  font-size: 13px; }
  @media (max-width: 768px) {
    .header-search p {
      padding-right: 25px; } }

.header-search.seo {
  max-height: 275px;
  min-height: 275px;
  height: auto;
  height: unset;
  overflow: hidden;
  padding-top: 50px; }
  @media (max-width: 768px) {
    .header-search.seo {
      padding-top: 40px; } }
  @media (max-width: 320px) {
    .header-search.seo {
      min-height: 250px; } }
  .header-search.seo .header-content {
    padding-top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    overflow: hidden;
    position: relative; }
    .header-search.seo .header-content h1 {
      margin-bottom: 12px; }
      @media (min-width: 769px) and (max-width: 1024px) {
        .header-search.seo .header-content h1 {
          font-size: 5.4955555vw;
          margin-bottom: 0; } }
    @media (max-width: 768px) {
      .header-search.seo .header-content {
        top: 50%; } }
    @media (max-width: 767px) {
      .header-search.seo .header-content {
        padding-left: 15px;
        padding-right: 15px; } }
  .header-search.seo h2 {
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 1.61; }
  .header-search.seo .category-description-more {
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    opacity: 0; }

.header-search.has-list {
  background: transparent;
  max-height: initial;
  min-height: 318px;
  height: auto;
  box-shadow: initial;
  padding-bottom: 40px; }
  @media (max-width: 768px) {
    .header-search.has-list {
      background: #FFFFFF;
      min-height: 200px; } }
  @media (max-width: 767px) {
    .header-search.has-list {
      padding-bottom: 24px;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } }
  @media (max-width: 767px) {
    .header-search.has-list .hide-on-mobile {
      display: none; } }
  .header-search.has-list .header-content {
    margin-left: 45px;
    width: 685px;
    z-index: 100;
    position: relative; }
    @media (max-width: 1024px) {
      .header-search.has-list .header-content {
        padding: 0; } }
    @media (max-width: 767px) {
      .header-search.has-list .header-content {
        width: 100%;
        padding: 0 15px;
        margin-left: 0px; } }
    .header-search.has-list .header-content h1 {
      margin-bottom: 8px; }
      @media (max-width: 768px) {
        .header-search.has-list .header-content h1 {
          margin-top: 0px; } }
      @media (max-width: 767px) {
        .header-search.has-list .header-content h1 {
          margin-top: 24px; } }
    .header-search.has-list .header-content .category-description-more {
      display: none; }
  .header-search.has-list picture {
    z-index: 1; }
    @media (max-width: 768px) {
      .header-search.has-list picture {
        display: none; } }
  .header-search.has-list .headline-subheading {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px; }
    @media (max-width: 767px) {
      .header-search.has-list .headline-subheading {
        font-size: 16px;
        line-height: 22px; } }
  .header-search.has-list .headline-promotion {
    margin-bottom: 8px;
    font-size: 18px; }
    @media (max-width: 767px) {
      .header-search.has-list .headline-promotion {
        font-size: 16px; } }

.header-search .list-marketing {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px; }
  .header-search .list-marketing:after {
    content: "";
    display: table;
    clear: both; }
  .header-search .list-marketing li {
    margin-bottom: 16px;
    font-size: 13px;
    width: 310px;
    line-height: 1.5; }
  .header-search .list-marketing .list-icon {
    position: initial;
    filter: initial;
    top: auto;
    left: auto;
    transform: none;
    margin-right: 8px;
    width: 14px;
    position: relative;
    top: 2px; }

.header-search.seo-expanded {
  max-height: 2000px;
  height: unset;
  padding-bottom: 50px; }
  .header-search.seo-expanded .category-description-more {
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    opacity: 1; }
  .header-search.seo-expanded .read-more {
    visibility: hidden;
    opacity: 0;
    display: none; }

.header-search.seo + .header-search {
  display: none;
  speak: none; }

.review .footer-hide {
  display: none; }

.review-content-approval {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .review-content-approval {
      display: block;
      position: relative;
      width: 100%;
      padding: 0;
      margin: 0 auto; } }
  .review-content-approval .bold-link {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-weight: 700;
    color: #0070C9;
    font-size: 14px;
    cursor: pointer; }
  .review-content-approval .approval-items {
    padding: 0 16px 10px 20px;
    margin-bottom: 20px;
    z-index: 10; }
    @media (min-width: 769px) {
      .review-content-approval .approval-items {
        margin-bottom: 0;
        background-color: #F2F2F2;
        min-height: calc(100vh - 74px);
        height: 100%; } }
    @media (max-width: 768px) {
      .review-content-approval .approval-items {
        padding: 0 20px; } }
  .review-content-approval .fixify {
    position: fixed;
    margin: 0 auto;
    width: 100%;
    top: 0;
    right: 0;
    max-width: 1440px;
    left: 0;
    z-index: 0; }
    @media (min-width: 769px) {
      .review-content-approval .fixify {
        height: 100%;
        background-color: #FFF; } }
    @media (max-width: 768px) {
      .review-content-approval .fixify {
        position: relative; } }
    @media (max-height: 660px) and (min-width: 769px) {
      .review-content-approval .fixify {
        position: absolute; } }
  .review-content-approval .review-item-option-wrapper {
    float: right;
    width: 25%;
    overflow-y: auto;
    margin-top: 105px;
    padding: 59px 20px 20px; }
    @media (max-width: 1024px) {
      .review-content-approval .review-item-option-wrapper {
        width: 30%; } }
    @media (max-width: 768px) {
      .review-content-approval .review-item-option-wrapper {
        width: 100%;
        margin-top: 20px;
        padding-top: 0; } }
    @media (max-height: 660px) and (min-width: 768px) {
      .review-content-approval .review-item-option-wrapper {
        width: 100%;
        margin-top: 60px; } }
  .review-content-approval .review-item-option-container {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin-top: -10px; }
    @media (max-width: 768px) {
      .review-content-approval .review-item-option-container {
        margin-top: 20px;
        -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2); } }
    .review-content-approval .review-item-option-container .invalid {
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-weight: 500;
      color: #CC0000;
      padding: 10px 0 20px;
      line-height: 19px; }
    .review-content-approval .review-item-option-container h3 {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 20px; }
      @media (max-width: 768px) {
        .review-content-approval .review-item-option-container h3 {
          display: none; } }
    .review-content-approval .review-item-option-container a {
      cursor: pointer;
      font-size: 14px;
      margin-bottom: 32px;
      display: block; }
      @media (max-width: 768px) {
        .review-content-approval .review-item-option-container a {
          display: none; } }
    .review-content-approval .review-item-option-container .shutterstock a {
      margin-bottom: 25px; }
    .review-content-approval .review-item-option-container .checkbox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 19px;
      padding-bottom: 0;
      border-bottom: 2px solid rgba(151, 151, 151, 0.2);
      cursor: pointer; }
      @media (max-width: 768px) {
        .review-content-approval .review-item-option-container .checkbox {
          -webkit-box-pack: left;
          -ms-flex-pack: left;
          -webkit-justify-content: left;
          -moz-justify-content: left;
          justify-content: left; } }
      .review-content-approval .review-item-option-container .checkbox span {
        min-width: 30px;
        margin-left: 0; }
    .review-content-approval .review-item-option-container .review-finish-subtotal {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      -webkit-align-items: baseline;
      -moz-align-items: baseline;
      align-items: baseline;
      padding: 30px 0 40px; }
      @media (max-width: 768px) {
        .review-content-approval .review-item-option-container .review-finish-subtotal {
          padding-bottom: 30px; } }
      .review-content-approval .review-item-option-container .review-finish-subtotal .subtotal-header p {
        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
        font-weight: 500;
        font-size: 15px; }
      .review-content-approval .review-item-option-container .review-finish-subtotal .subtotal-value p {
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        font-weight: 100;
        text-align: right;
        font-size: 30px; }
    .review-content-approval .review-item-option-container .review-product-total {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      -webkit-align-items: baseline;
      -moz-align-items: baseline;
      align-items: baseline;
      padding-top: 20px; }
      @media (max-width: 768px) {
        .review-content-approval .review-item-option-container .review-product-total {
          padding-bottom: 10px; } }
      .review-content-approval .review-item-option-container .review-product-total .total-header p {
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        font-weight: 100;
        font-size: 15px; }
      .review-content-approval .review-item-option-container .review-product-total .total-value p {
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        font-weight: 100;
        text-align: right;
        font-size: 15px; }
    .review-content-approval .review-item-option-container .review-total-border {
      border-bottom: 2px solid rgba(151, 151, 151, 0.2);
      padding-bottom: 20px; }
    .review-content-approval .review-item-option-container .review-finish-continue {
      width: 100%; }
  @media (max-width: 768px) {
    .review-content-approval .banner {
      margin-bottom: 20px; } }
  .review-content-approval .banner h3 {
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
    display: none; }
    @media (max-width: 768px) {
      .review-content-approval .banner h3 {
        display: inline-block;
        vertical-align: middle; } }
  .review-content-approval .banner .headline-underline-title::after, .review-content-approval .banner .landing-page .related-products p::after, .landing-page .related-products .review-content-approval .banner p::after {
    margin-bottom: 20px; }
  @media (max-width: 768px) {
    .review-content-approval .banner .headline-underline-title, .review-content-approval .banner .landing-page .related-products p, .landing-page .related-products .review-content-approval .banner p {
      font-size: 22px;
      padding-bottom: 10px; } }
  @media (max-width: 580px) {
    .review-content-approval .banner .headline-underline-title, .review-content-approval .banner .landing-page .related-products p, .landing-page .related-products .review-content-approval .banner p {
      padding-bottom: 0; } }
  @media (max-width: 768px) {
    .review-content-approval .banner .watermark-link {
      margin-right: 20px;
      margin-top: 0px; } }
  @media (max-width: 580px) {
    .review-content-approval .banner .watermark-link {
      margin-top: 10px; } }
  .review-content-approval .banner a {
    display: none; }
    @media (max-width: 768px) {
      .review-content-approval .banner a {
        display: inline-block;
        vertical-align: middle;
        float: right; } }
    @media (max-width: 580px) {
      .review-content-approval .banner a {
        display: block;
        float: unset; } }
  .review-content-approval .approval-thumbnails-container {
    background-color: #FFFFFF;
    padding: 22px 40px 12px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
    @media (max-width: 1024px) {
      .review-content-approval .approval-thumbnails-container {
        padding: 22px 20px 12px; } }
    @media (max-width: 580px) {
      .review-content-approval .approval-thumbnails-container {
        padding: 22px 15px 12px; } }
    .review-content-approval .approval-thumbnails-container .border-disclaimer {
      display: flex;
      flex-wrap: nowrap; }
      .review-content-approval .approval-thumbnails-container .border-disclaimer p,
      .review-content-approval .approval-thumbnails-container .border-disclaimer button {
        font-size: 16px; }
        @media (max-width: 1024px) {
          .review-content-approval .approval-thumbnails-container .border-disclaimer p,
          .review-content-approval .approval-thumbnails-container .border-disclaimer button {
            font-size: 14px; } }
      .review-content-approval .approval-thumbnails-container .border-disclaimer .info-icon {
        margin-right: 8px; }
      .review-content-approval .approval-thumbnails-container .border-disclaimer .info-icon,
      .review-content-approval .approval-thumbnails-container .border-disclaimer p {
        padding: 16px 0 9px; }
      .review-content-approval .approval-thumbnails-container .border-disclaimer p {
        color: #000;
        position: relative;
        line-height: 1.28; }
      .review-content-approval .approval-thumbnails-container .border-disclaimer a {
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        text-decoration: underline;
        font-weight: normal; }
        .review-content-approval .approval-thumbnails-container .border-disclaimer a:hover {
          text-decoration: underline; }
    .review-content-approval .approval-thumbnails-container .approval-thumbnails-header {
      border-bottom: 2px solid rgba(151, 151, 151, 0.2);
      padding-bottom: 20px; }
      .review-content-approval .approval-thumbnails-container .approval-thumbnails-header p {
        color: #444444;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px; }
      .review-content-approval .approval-thumbnails-container .approval-thumbnails-header a {
        display: inline-block;
        vertical-align: middle;
        float: right; }
        @media (max-width: 580px) {
          .review-content-approval .approval-thumbnails-container .approval-thumbnails-header a {
            display: block;
            margin-bottom: 20px; } }
        .review-content-approval .approval-thumbnails-container .approval-thumbnails-header a::before {
          content: '';
          background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/pencil);
          width: 15px;
          height: 17px;
          display: inline-block;
          background-repeat: no-repeat;
          vertical-align: middle;
          margin-right: 7px; }
  .review-content-approval .review-item-thumbs {
    min-height: 540px;
    align-items: center;
    justify-content: center;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Review/approval-bg.jpg");
    background-repeat: repeat; }
    @media (max-width: 1024px) {
      .review-content-approval .review-item-thumbs {
        min-height: 400px; } }
    @media (max-width: 580px) {
      .review-content-approval .review-item-thumbs {
        min-height: 215px; } }
    .review-content-approval .review-item-thumbs li {
      min-height: inherit;
      text-align: center;
      position: relative; }
      @media (max-width: 580px) {
        .review-content-approval .review-item-thumbs li {
          min-height: 230px; } }
    .review-content-approval .review-item-thumbs li:first-of-type {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .review-content-approval .review-item-thumbs p {
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-weight: 500;
      position: absolute;
      width: 100%;
      bottom: 0;
      font-size: 15px;
      color: #FFFFFF; }
    .review-content-approval .review-item-thumbs .review-item-thumb-container {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      padding-bottom: 20px; }
      .review-content-approval .review-item-thumbs .review-item-thumb-container .img-container {
        position: relative;
        display: inline-block;
        width: 100%; }
      .review-content-approval .review-item-thumbs .review-item-thumb-container img {
        max-height: 500px;
        width: auto;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
        .review-content-approval .review-item-thumbs .review-item-thumb-container img.rounded-corner {
          border: none;
          box-shadow: none; }
        @media (max-width: 1024px) {
          .review-content-approval .review-item-thumbs .review-item-thumb-container img {
            max-height: 370px; } }
        @media (max-width: 580px) {
          .review-content-approval .review-item-thumbs .review-item-thumb-container img {
            max-height: 175px; } }

.watermark-modal-container {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear; }
  @media screen and (max-width: 1024px) {
    .watermark-modal-container {
      background: #FFFFFF; } }
  .watermark-modal-container.isOpened {
    opacity: 1;
    visibility: visible; }
  .watermark-modal-container.hide {
    display: none; }
  .watermark-modal-container .modal-contents {
    width: 1024px;
    margin: 0 auto;
    background: #FFFFFF; }
    @media screen and (max-width: 1024px) {
      .watermark-modal-container .modal-contents {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; } }
  .watermark-modal-container .modal-header {
    text-align: center;
    border-bottom: 1px solid #000;
    position: relative; }
    .watermark-modal-container .modal-header p {
      font-size: 22px;
      padding: 16px 0;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
      @media screen and (max-width: 767px) {
        .watermark-modal-container .modal-header p {
          font-size: 18px; } }
    .watermark-modal-container .modal-header a {
      display: block;
      cursor: pointer;
      position: absolute;
      top: 13px;
      right: 16px; }
      @media screen and (max-width: 767px) {
        .watermark-modal-container .modal-header a {
          top: 10px; } }
  .watermark-modal-container .modal-information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 32px;
    text-align: left; }
    @media screen and (max-width: 1024px) {
      .watermark-modal-container .modal-information {
        display: block;
        width: 500px;
        margin: 0 auto;
        padding: 32px 0; } }
    @media screen and (max-width: 767px) {
      .watermark-modal-container .modal-information {
        width: 290px;
        margin: 0 auto;
        padding: 32px 0; } }
    .watermark-modal-container .modal-information p.bold {
      font-size: 18px;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        .watermark-modal-container .modal-information p.bold {
          font-size: 16px; } }
    .watermark-modal-container .modal-information p {
      margin-bottom: 32px;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      line-height: 20px; }
      @media screen and (max-width: 767px) {
        .watermark-modal-container .modal-information p {
          font-size: 14px; } }
  .watermark-modal-container .modal-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-right: 24px;
    flex: 0 0 50%; }
    @media screen and (max-width: 1024px) {
      .watermark-modal-container .modal-image {
        margin-right: 0;
        margin-bottom: 32px; } }
    .watermark-modal-container .modal-image img {
      width: 100%; }

.review-content-approval .warnings-container {
  padding-bottom: 24px;
  border-bottom: 2px solid rgba(151, 151, 151, 0.2); }

.review-content-approval h3.warnings-title {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  font-size: 16px;
  margin-bottom: 8px; }
  @media (max-width: 768px) {
    .review-content-approval h3.warnings-title.warnings-title {
      padding-top: 20px;
      display: block; } }
  @media (max-width: 414px) {
    .review-content-approval h3.warnings-title.warnings-title {
      padding-top: 4px; } }

.review-content-approval .warning-list {
  display: grid;
  gap: 8px;
  white-space: nowrap;
  grid-template-columns: repeat(auto-fill, minmax(97px, 97px)); }
  .review-content-approval .warning-list button {
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    color: #190F00;
    line-height: 1;
    display: inline-flex;
    background: #F2F2F2;
    border-radius: 50px;
    font-size: 13px;
    align-items: center;
    height: 32px;
    padding-left: 12px;
    border: 1px solid #F2F2F2;
    gap: 4px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    justify-content: center; }
    .review-content-approval .warning-list button.selected {
      border: 1px solid #FF9900;
      background-color: #FFF5E6;
      color: #444; }
      .review-content-approval .warning-list button.selected .warning-amount {
        background: #FF9900;
        color: #190F00; }
    .review-content-approval .warning-list button .warning-amount {
      background-color: #444;
      color: #FFF; }
    .review-content-approval .warning-list button:hover {
      transform: none; }

.review-content-approval .warning-amount {
  width: 16px;
  height: 16px;
  background: #FFF;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px; }

.review-content-approval .warning-description p {
  font-size: 14px;
  line-height: 1.28;
  padding-top: 8px; }

.review-content-approval .warning-description a {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  font-weight: normal;
  color: #0170C8;
  text-decoration: underline;
  margin-bottom: 0;
  display: inline; }

.splus-validation-error, .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name label.validation, .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-validation {
  color: #CC0000;
  font-size: 14px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 11px; }
  .splus-validation-error:before, .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name label.validation:before, .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-validation:before {
    content: '';
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 5px;
    background: url(/dynamic/Content/images/RetailerSpecific/SPLUS/sku/validation-error-icon);
    background-size: cover; }

.drop-list li:first-child {
  display: block; }

.mobile {
  display: none; }

.body-content.product.index #main-content {
  overflow: visible; }

.body-content.product.index .inspiration-wrapper {
  overflow: hidden; }

.body-content.product.index .mobile-get-started {
  display: none; }

.body-content.product.index .stickify {
  position: fixed;
  bottom: 0;
  transition: opacity 0.35s ease-in-out; }

.body-content.product.index .relativize {
  position: relative;
  top: auto;
  bottom: auto;
  transition: max-height 0.35s ease; }

.body-content.product.index .details-container {
  padding-top: 46px; }
  @media screen and (max-width: 768px) {
    .body-content.product.index .details-container {
      padding-top: 31px; } }
  @media screen and (max-width: 767px) {
    .body-content.product.index .details-container {
      padding-top: 50px; } }
  @media screen and (min-width: 1025px) {
    .body-content.product.index .details-container > .row > .grid-60 {
      width: 58.5%; } }
  .body-content.product.index .details-container > .row > .grid-60 .foil-preview {
    width: 510px;
    height: 510px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media screen and (max-width: 1024px) {
      .body-content.product.index .details-container > .row > .grid-60 .foil-preview {
        width: 420px;
        height: 420px;
        margin-top: -15px; } }
    @media screen and (max-width: 860px) {
      .body-content.product.index .details-container > .row > .grid-60 .foil-preview {
        width: 390px;
        height: 390px;
        margin-top: -25px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .details-container > .row > .grid-60 .foil-preview {
        width: 300px;
        height: 300px; } }
    .body-content.product.index .details-container > .row > .grid-60 .foil-preview:hover button, .body-content.product.index .details-container > .row > .grid-60 .foil-preview:focus button {
      opacity: 1;
      visibility: visible; }
    .body-content.product.index .details-container > .row > .grid-60 .foil-preview button {
      width: 65px;
      height: 65px;
      opacity: 0;
      visibility: hidden; }
      @media screen and (max-width: 767px) {
        .body-content.product.index .details-container > .row > .grid-60 .foil-preview button {
          width: 55px;
          height: 55px; } }
      .body-content.product.index .details-container > .row > .grid-60 .foil-preview button:focus {
        outline: none; }
    .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls .play {
        background: #ecedee;
        border-radius: 50%;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
        .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls .play:after {
          content: "";
          display: block;
          border-left: 25px solid #444444;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          margin-left: 10px;
          height: 0;
          width: 0; }
          @media screen and (max-width: 767px) {
            .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls .play:after {
              border-left: 20px solid #444444;
              border-top: 13px solid transparent;
              border-bottom: 13px solid transparent;
              margin-left: 7px; } }
      .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls .pause {
        background: #ecedee;
        border-radius: 50%;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
        .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls .pause:after {
          content: "";
          display: block;
          border-left: 9px solid #444444;
          border-right: 9px solid #444444;
          margin-left: 7px;
          height: 28px;
          width: 23px; }
          @media screen and (max-width: 767px) {
            .body-content.product.index .details-container > .row > .grid-60 .foil-preview .foil-preview-controls .pause:after {
              border-left: 8px solid #444444;
              border-right: 8px solid #444444;
              margin-left: 3px;
              height: 24px;
              width: 21px; } }
    .body-content.product.index .details-container > .row > .grid-60 .foil-preview .container3d {
      width: 100%;
      height: 100%;
      pointer-events: none; }
  .body-content.product.index .details-container .preview-column {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 110px; }
    @media screen and (max-width: 1024px) {
      .body-content.product.index .details-container .preview-column {
        top: 130px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .details-container .preview-column {
        position: relative;
        top: auto; } }
    @media screen and (min-width: 1025px) and (max-height: 730px) {
      .body-content.product.index .details-container .preview-column {
        position: relative;
        top: 0; } }

.body-content.product.index .product-preview {
  padding-top: 25px; }
  @media screen and (max-width: 768px) {
    .body-content.product.index .product-preview {
      padding-top: 0; } }
  @media screen and (max-width: 767px) {
    .body-content.product.index .product-preview {
      padding: 14px 5px 0; } }
  @media screen and (max-width: 767px) {
    .body-content.product.index .product-preview {
      float: none; } }
  .body-content.product.index .product-preview .thumb-wrap .img-container {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: 480px;
    height: 480px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .body-content.product.index .product-preview .thumb-wrap .img-container {
        width: 415px;
        height: 415px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-preview .thumb-wrap .img-container {
        width: 300px;
        height: 300px; } }
  .body-content.product.index .product-preview .thumb-wrap .img-container img {
    max-width: 480px;
    max-height: 480px; }
    @media screen and (max-width: 1024px) {
      .body-content.product.index .product-preview .thumb-wrap .img-container img {
        max-width: 400px;
        max-height: 400px; } }
    @media screen and (max-width: 860px) {
      .body-content.product.index .product-preview .thumb-wrap .img-container img {
        max-width: 370px;
        max-height: 370px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-preview .thumb-wrap .img-container img {
        max-width: 300px;
        max-height: 300px; } }
  .body-content.product.index .product-preview *.card-views {
    text-align: center;
    margin-top: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .body-content.product.index .product-preview *.card-views {
        margin-top: 10px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-preview *.card-views {
        margin-top: 16px; } }
    @media screen and (min-width: 1025px) and (max-height: 740px) {
      .body-content.product.index .product-preview *.card-views {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        bottom: 20px;
        z-index: 97; } }
    .body-content.product.index .product-preview *.card-views ul {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .body-content.product.index .product-preview *.card-views li {
      float: none;
      display: inline-block;
      list-style-type: none;
      padding-bottom: 5px; }
      .body-content.product.index .product-preview *.card-views li:not(:last-of-type) {
        margin-right: 6px; }
      .body-content.product.index .product-preview *.card-views li .label {
        width: 120px;
        height: 30px;
        border: 1px solid #E7E7E7;
        border-radius: 4px;
        background-color: #FFFFFF;
        color: #A1A1A1;
        cursor: pointer;
        text-align: center;
        line-height: 30px;
        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
        letter-spacing: normal;
        font-size: 13px; }
        @media screen and (max-width: 1024px) {
          .body-content.product.index .product-preview *.card-views li .label {
            width: 100px; } }
        @media screen and (max-width: 767px) {
          .body-content.product.index .product-preview *.card-views li .label {
            width: 90px; } }
      .body-content.product.index .product-preview *.card-views li.active .label {
        color: #444444;
        font-weight: 700; }

.body-content.product.index .product-info {
  padding-top: 23px; }
  @media screen and (max-width: 1025px) {
    .body-content.product.index .product-info {
      padding-right: 17px; } }
  @media screen and (max-width: 768px) {
    .body-content.product.index .product-info {
      padding-top: 0; } }
  @media screen and (max-width: 767px) {
    .body-content.product.index .product-info {
      padding: 0 25px; } }
  .body-content.product.index .product-info > a {
    display: block;
    text-align: right;
    font-size: 14px;
    letter-spacing: 0.1px;
    margin-bottom: 32px;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info > a {
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info > a {
        margin-bottom: 52px; } }
    @media screen and (max-width: 768px) {
      .body-content.product.index .product-info > a {
        padding-right: 10px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info > a {
        padding: 40px 0 0; } }
  .body-content.product.index .product-info h2 {
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    line-height: 28px;
    margin-bottom: 36px; }
  .body-content.product.index .product-info small {
    color: #444444;
    font-size: 15px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px; }
  .body-content.product.index .product-info label {
    color: #000000;
    font-size: 14px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    margin-bottom: 20px; }
  .body-content.product.index .product-info .product-info--note {
    color: #000000;
    letter-spacing: 0;
    font-size: 1.1rem; }
    .body-content.product.index .product-info .product-info--note a {
      color: #0070C9;
      text-decoration: underline;
      line-height: 1.5; }
  .body-content.product.index .product-info .product-info-delivery .delivery-option {
    height: 100px;
    max-width: 227px;
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 4px;
    width: 49%;
    float: left;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    @media screen and (max-width: 768px) {
      .body-content.product.index .product-info .product-info-delivery .delivery-option {
        max-width: 169px; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info .product-info-delivery .delivery-option {
        max-width: 100%; } }
    @media screen and (max-width: 414px) {
      .body-content.product.index .product-info .product-info-delivery .delivery-option {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info .product-info-delivery .delivery-option {
        margin-bottom: 13px; }
        .body-content.product.index .product-info .product-info-delivery .delivery-option:last-of-type {
          margin-bottom: 45px; } }
    .body-content.product.index .product-info .product-info-delivery .delivery-option:first-of-type {
      float: left; }
    .body-content.product.index .product-info .product-info-delivery .delivery-option:last-of-type {
      float: right; }
    @media screen and (min-width: 1025px) {
      .body-content.product.index .product-info .product-info-delivery .delivery-option:hover {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px); } }
    @media screen and (min-width: 1025px) {
      .body-content.product.index .product-info .product-info-delivery .delivery-option:active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; } }
    .body-content.product.index .product-info .product-info-delivery .delivery-option h3 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 7px;
      color: #A1A1A1; }
    .body-content.product.index .product-info .product-info-delivery .delivery-option p {
      color: #A1A1A1;
      font-size: 13px;
      padding: 0 5px; }
      @media screen and (max-width: 768px) {
        .body-content.product.index .product-info .product-info-delivery .delivery-option p {
          font-size: 12px; } }
    .body-content.product.index .product-info .product-info-delivery .delivery-option.selected {
      border: 3px solid #0070C9; }
      .body-content.product.index .product-info .product-info-delivery .delivery-option.selected h3 {
        color: #000000; }
      .body-content.product.index .product-info .product-info-delivery .delivery-option.selected p {
        color: #444444; }
    .body-content.product.index .product-info .product-info-delivery .delivery-option.disabled {
      cursor: not-allowed !important; }
      .body-content.product.index .product-info .product-info-delivery .delivery-option.disabled .inner {
        cursor: not-allowed !important; }
  .body-content.product.index .product-info .product-info-delivery .delivery-icon img {
    display: none; }
  .body-content.product.index .product-info .product-info-delivery.foil-available-wrapper .delivery-option {
    min-height: 160px; }
    .body-content.product.index .product-info .product-info-delivery.foil-available-wrapper .delivery-option .grid-100 {
      position: initial; }
    .body-content.product.index .product-info .product-info-delivery.foil-available-wrapper .delivery-option .foil-available {
      position: absolute;
      right: 0;
      top: 15px;
      background: -webkit-linear-gradient(90deg, #DBB06E 0%, #E7CD7A 24.39%, #C89648 55.49%, #CA994E 82.71%, #E6C97F 100%);
      background: linear-gradient(90deg, #DBB06E 0%, #E7CD7A 24.39%, #C89648 55.49%, #CA994E 82.71%, #E6C97F 100%);
      background-size: calc(100% + 30px);
      color: #000000;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      padding: 6px 10px;
      opacity: 0.5;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
    .body-content.product.index .product-info .product-info-delivery.foil-available-wrapper .delivery-option.selected .foil-available {
      opacity: 1; }
    @media screen and (min-width: 1025px) {
      .body-content.product.index .product-info .product-info-delivery.foil-available-wrapper .delivery-option:hover .foil-available {
        background-position: -30px; } }
  .body-content.product.index .product-info .additional-note {
    font-size: 15px;
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info .additional-note {
        padding-top: 0; } }
  .body-content.product.index .product-info color-theme-picker ul:after, .body-content.product.index .product-info foil-picker ul:after {
    display: block;
    clear: both;
    content: ''; }
  .body-content.product.index .product-info color-theme-picker ul li, .body-content.product.index .product-info foil-picker ul li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border: 2px solid #7d7d7d;
    overflow: hidden; }
    .body-content.product.index .product-info color-theme-picker ul li div, .body-content.product.index .product-info foil-picker ul li div {
      height: 100%; }
    .body-content.product.index .product-info color-theme-picker ul li.active, .body-content.product.index .product-info foil-picker ul li.active {
      box-shadow: 0 0 0 3px #0070c9;
      border: 2px solid #F2F2F2; }
  .body-content.product.index .product-info color-theme-picker ul.two-tone, .body-content.product.index .product-info foil-picker ul.two-tone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-height: 120px;
    -webkit-transition: max-height 0.5s ease-in-out !important;
    -moz-transition: max-height 0.5s ease-in-out !important;
    -ms-transition: max-height 0.5s ease-in-out !important;
    -o-transition: max-height 0.5s ease-in-out !important;
    transition: max-height 0.5s ease-in-out !important;
    overflow: hidden;
    margin: -9px -10px 0; }
    .body-content.product.index .product-info color-theme-picker ul.two-tone li, .body-content.product.index .product-info foil-picker ul.two-tone li {
      border-radius: 4px;
      margin: 9px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
      .body-content.product.index .product-info color-theme-picker ul.two-tone li span, .body-content.product.index .product-info foil-picker ul.two-tone li span {
        font-size: 24px;
        top: 10px;
        display: block;
        text-align: center;
        position: relative;
        font-weight: 100; }
      .body-content.product.index .product-info color-theme-picker ul.two-tone li.active, .body-content.product.index .product-info foil-picker ul.two-tone li.active {
        border: none;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); }
        .body-content.product.index .product-info color-theme-picker ul.two-tone li.active div, .body-content.product.index .product-info foil-picker ul.two-tone li.active div {
          border-radius: inherit;
          box-shadow: inset 0 0 0 2px #FFFFFF; }
    .body-content.product.index .product-info color-theme-picker ul.two-tone.active, .body-content.product.index .product-info foil-picker ul.two-tone.active {
      max-height: 1000px; }
    .body-content.product.index .product-info color-theme-picker ul.two-tone:after, .body-content.product.index .product-info foil-picker ul.two-tone:after {
      content: '';
      -webkit-box-flex: auto;
      -webkit-flex: auto;
      -moz-box-flex: auto;
      -moz-flex: auto;
      -ms-flex: auto;
      flex: auto;
      flex: auto; }
  .body-content.product.index .product-info color-theme-picker #showMoreColors, .body-content.product.index .product-info foil-picker #showMoreColors {
    display: block;
    width: 100%;
    text-align: center;
    color: #0070C9;
    font-size: 14px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-weight: 700;
    padding-bottom: 0; }
    .body-content.product.index .product-info color-theme-picker #showMoreColors:hover, .body-content.product.index .product-info foil-picker #showMoreColors:hover {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .body-content.product.index .product-info color-theme-picker #showMoreColors:focus, .body-content.product.index .product-info color-theme-picker #showMoreColors:active, .body-content.product.index .product-info foil-picker #showMoreColors:focus, .body-content.product.index .product-info foil-picker #showMoreColors:active {
      border: none;
      outline: none; }
  .body-content.product.index .product-info color-theme-picker .Process1None, .body-content.product.index .product-info foil-picker .Process1None {
    border: none; }
    .body-content.product.index .product-info color-theme-picker .Process1None .color-swatch, .body-content.product.index .product-info foil-picker .Process1None .color-swatch {
      border: 3px solid #cc0000;
      border-radius: 50%;
      position: relative; }
      .body-content.product.index .product-info color-theme-picker .Process1None .color-swatch:after, .body-content.product.index .product-info foil-picker .Process1None .color-swatch:after {
        background: #cc0000;
        content: '';
        display: block;
        height: 3px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        width: 100%; }
  .body-content.product.index .product-info color-theme-picker .Process1Gold .color-swatch, .body-content.product.index .product-info color-theme-picker .Process1Silver .color-swatch, .body-content.product.index .product-info color-theme-picker .Process1RoseGold .color-swatch, .body-content.product.index .product-info foil-picker .Process1Gold .color-swatch, .body-content.product.index .product-info foil-picker .Process1Silver .color-swatch, .body-content.product.index .product-info foil-picker .Process1RoseGold .color-swatch {
    -webkit-transition: background-position ease-in-out .3s;
    -o-transition: background-position ease-in-out .3s;
    transition: background-position ease-in-out .3s; }
    .body-content.product.index .product-info color-theme-picker .Process1Gold .color-swatch:hover, .body-content.product.index .product-info color-theme-picker .Process1Silver .color-swatch:hover, .body-content.product.index .product-info color-theme-picker .Process1RoseGold .color-swatch:hover, .body-content.product.index .product-info foil-picker .Process1Gold .color-swatch:hover, .body-content.product.index .product-info foil-picker .Process1Silver .color-swatch:hover, .body-content.product.index .product-info foil-picker .Process1RoseGold .color-swatch:hover {
      background-position: -30px; }
  .body-content.product.index .product-info color-theme-picker .Process1Gold .color-swatch, .body-content.product.index .product-info foil-picker .Process1Gold .color-swatch {
    background: -webkit-linear-gradient(127.4deg, #EDCB87 0%, #DFB457 17.61%, #C79F4E 34.95%, #C5A153 49.1%, #DBC275 63.3%, #FBEFA5 81.62%, #FFF9D3 100%);
    background: -o-linear-gradient(127.4deg, #EDCB87 0%, #DFB457 17.61%, #C79F4E 34.95%, #C5A153 49.1%, #DBC275 63.3%, #FBEFA5 81.62%, #FFF9D3 100%);
    background: linear-gradient(322.6deg, #EDCB87 0%, #DFB457 17.61%, #C79F4E 34.95%, #C5A153 49.1%, #DBC275 63.3%, #FBEFA5 81.62%, #FFF9D3 100%);
    background-size: calc(100% + 30px); }
  .body-content.product.index .product-info color-theme-picker .Process1Silver .color-swatch, .body-content.product.index .product-info foil-picker .Process1Silver .color-swatch {
    background: -webkit-linear-gradient(131.33deg, #CECECE 0%, #C3C3C3 17.22%, #A9A9A9 36.95%, #B3B1B1 49.99%, #CECECE 64.87%, #EEEDEE 81.62%, #FFF9D3 100%);
    background: -o-linear-gradient(131.33deg, #CECECE 0%, #C3C3C3 17.22%, #A9A9A9 36.95%, #B3B1B1 49.99%, #CECECE 64.87%, #EEEDEE 81.62%, #FFF9D3 100%);
    background: linear-gradient(318.67deg, #CECECE 0%, #C3C3C3 17.22%, #A9A9A9 36.95%, #B3B1B1 49.99%, #CECECE 64.87%, #EEEDEE 81.62%, #FFF9D3 100%);
    background-size: calc(100% + 30px); }
  .body-content.product.index .product-info color-theme-picker .Process1RoseGold .color-swatch, .body-content.product.index .product-info foil-picker .Process1RoseGold .color-swatch {
    background: -webkit-linear-gradient(130.95deg, #DDA59B 0%, #CD9380 15.96%, #B97C5F 37.46%, #B2745A 49.99%, #BE7F5C 64.87%, #FEDFB6 100%);
    background: -o-linear-gradient(130.95deg, #DDA59B 0%, #CD9380 15.96%, #B97C5F 37.46%, #B2745A 49.99%, #BE7F5C 64.87%, #FEDFB6 100%);
    background: linear-gradient(319.05deg, #DDA59B 0%, #CD9380 15.96%, #B97C5F 37.46%, #B2745A 49.99%, #BE7F5C 64.87%, #FEDFB6 100%);
    background-size: calc(100% + 30px); }
  .body-content.product.index .product-info color-theme-picker .Process1Gold.disabled, .body-content.product.index .product-info color-theme-picker .Process1Silver.disabled, .body-content.product.index .product-info color-theme-picker .Process1RoseGold.disabled, .body-content.product.index .product-info foil-picker .Process1Gold.disabled, .body-content.product.index .product-info foil-picker .Process1Silver.disabled, .body-content.product.index .product-info foil-picker .Process1RoseGold.disabled {
    cursor: default; }
    .body-content.product.index .product-info color-theme-picker .Process1Gold.disabled .color-swatch, .body-content.product.index .product-info color-theme-picker .Process1Silver.disabled .color-swatch, .body-content.product.index .product-info color-theme-picker .Process1RoseGold.disabled .color-swatch, .body-content.product.index .product-info foil-picker .Process1Gold.disabled .color-swatch, .body-content.product.index .product-info foil-picker .Process1Silver.disabled .color-swatch, .body-content.product.index .product-info foil-picker .Process1RoseGold.disabled .color-swatch {
      background: #e8e8e8; }
  .body-content.product.index .product-info foil-picker ul li:focus {
    outline: none; }
  .body-content.product.index .product-info .option-types label {
    margin-top: 40px; }
  .body-content.product.index .product-info .option-types a.disabled {
    color: #CCCCCC;
    cursor: not-allowed !important; }
    .body-content.product.index .product-info .option-types a.disabled:hover {
      background-color: #FFFFFF; }
  .body-content.product.index .product-info .product-details-checklist ul li {
    font-size: 15px;
    padding-left: 25px;
    padding-bottom: 10px;
    position: relative; }
    .body-content.product.index .product-info .product-details-checklist ul li:before {
      content: '';
      display: block;
      height: 10px;
      width: 6px;
      border-right: 2px solid #444;
      border-bottom: 2px solid #444;
      position: absolute;
      left: 5px;
      top: 0;
      -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
      transform: rotate(35deg); }
  .body-content.product.index .product-info .select-dropdown {
    margin: 30px 0; }
    .body-content.product.index .product-info .select-dropdown .drop-btn,
    .body-content.product.index .product-info .select-dropdown .drop-list {
      width: 354px; }
    .body-content.product.index .product-info .select-dropdown .drop-list {
      top: 100px; }
  .body-content.product.index .product-info .dd-open .drop-list {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  .body-content.product.index .product-info .call-to-action {
    margin-top: 40px; }
    .body-content.product.index .product-info .call-to-action .starting-at {
      font-size: 12px;
      color: #444444;
      font-weight: 700; }
    .body-content.product.index .product-info .call-to-action .cost {
      font-size: 30px;
      line-height: 1.6;
      color: #000000; }
    .body-content.product.index .product-info .call-to-action .price .cost,
    .body-content.product.index .product-info .call-to-action .price .set,
    .body-content.product.index .product-info .call-to-action .price .quant {
      color: #000000; }
    .body-content.product.index .product-info .call-to-action .price .set, .body-content.product.index .product-info .call-to-action .price .quant {
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
    .body-content.product.index .product-info .call-to-action .btn-primary, .body-content.product.index .product-info .call-to-action .btn-tertiary, .body-content.product.index .product-info .call-to-action .btn-cart {
      margin-top: 5px;
      margin-bottom: 0; }
      @media screen and (max-width: 414px) {
        .body-content.product.index .product-info .call-to-action .btn-primary, .body-content.product.index .product-info .call-to-action .btn-tertiary, .body-content.product.index .product-info .call-to-action .btn-cart {
          display: none;
          width: 100%;
          max-width: 290px; } }
  .body-content.product.index .product-info .options-menu product-notary-stamp label.fill-in {
    display: none; }
  .body-content.product.index .product-info .options-menu product-notary-stamp label.notary-name {
    margin: 10px 0 2px;
    padding-bottom: 5px;
    border-bottom: none; }
    @media screen and (max-width: 768px) {
      .body-content.product.index .product-info .options-menu product-notary-stamp label.notary-name {
        margin-top: 23px; } }
  .body-content.product.index .product-info .options-menu product-notary-stamp label.upload-info {
    border-bottom: none;
    font-weight: 300;
    color: #444444;
    margin: 35px 0 11px;
    padding-bottom: 0; }
  .body-content.product.index .product-info .options-menu product-notary-stamp label.checkbox span {
    margin: 0; }
  .body-content.product.index .product-info .options-menu product-notary-stamp label.upload-validation {
    margin-top: 0;
    border-bottom: none; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name input {
    max-width: 354px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    border-radius: 63px;
    background: rgba(0, 0, 0, 0.05);
    border: none;
    padding-left: 20px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 14px;
    color: #444444;
    -webkit-transition: border-color 0.25s ease-in;
    -moz-transition: border-color 0.25s ease-in;
    -ms-transition: border-color 0.25s ease-in;
    -o-transition: border-color 0.25s ease-in;
    transition: border-color 0.25s ease-in; }
    @media screen and (max-width: 767px) {
      .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name input {
        max-width: 100%; } }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name input::-webkit-input-placeholder {
    color: #A1A1A1;
    font-weight: 300; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name label.validation {
    display: none;
    color: #CC0000;
    opacity: 0;
    border-bottom: 0;
    margin-top: 10px; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name .active-validation input {
    border: 2px solid #CC0000;
    color: #CC0000; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name .active-validation input::-webkit-input-placeholder {
      color: #CC0000; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name .active-validation input.has-field {
      border: none;
      color: #444444; }
      .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name .active-validation input.has-field + label {
        opacity: 0;
        display: none; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name .active-validation #disclaimerCheckbox span {
    border: 2px solid #CC0000; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-name .active-validation label.validation {
    opacity: 1;
    display: block; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn {
    background: #FFFFFF;
    width: 141px;
    min-width: 141px;
    border: 1px solid #E7E7E7;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 14px;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn {
        width: 100%; } }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn:after {
      display: none; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn input {
      cursor: pointer; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn span {
      display: block;
      text-align: center;
      cursor: pointer; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn:active {
      box-shadow: inset 0px 0px 80px 0px #E7E7E7; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn:hover {
      cursor: pointer;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-btn:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      color: #CCCCCC; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation {
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -ms-transition: opacity 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    color: #CC0000;
    opacity: 0;
    position: absolute;
    top: 80px; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation-file-encrypted-pdf, .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation-file-type, .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation-file-size {
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -ms-transition: opacity 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
    color: #CC0000;
    display: none;
    border-bottom: none;
    margin: 0; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation-file-encrypted-pdf.active, .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation-file-type.active, .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container .upload-validation-file-size.active {
      display: block; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-btn {
    border: 2px solid #CC0000; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-btn.has-url {
      border: 1px solid #E7E7E7; }
      .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-btn.has-url ~ label {
        display: none; }
      .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-btn.has-url span {
        color: #000000; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .upload-container.active-validation .upload-validation {
    opacity: 1; }
  .body-content.product.index .product-info .options-menu product-notary-stamp #disclaimerCheckboxLabel {
    display: none; }
  .body-content.product.index .product-info .options-menu product-notary-stamp #disclaimerCheckbox {
    margin-top: 10px;
    width: 100%;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .body-content.product.index .product-info .options-menu product-notary-stamp #disclaimerCheckbox p {
      display: -webkit-inline-box !important;
      display: -webkit-inline-flex !important;
      display: -moz-inline-flex !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
      margin-left: 10px;
      margin-bottom: 0;
      color: #444444;
      font-size: 14px;
      line-height: 17px;
      vertical-align: middle;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: calc(100% - 60px); }
  .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-checkbox-style .icon:before {
    content: ''; }
  .body-content.product.index .product-info .options-menu product-notary-stamp #validation_disclaimer.active-validation span.icon-check-1 {
    border: 2px solid #CC0000; }
  .body-content.product.index .product-info .options-menu product-notary-stamp #checkbox_disclaimer:checked + label > span {
    background: #0070C9;
    display: inline-block;
    -webkit-transition: background 0.1s ease-in;
    -moz-transition: background 0.1s ease-in;
    -ms-transition: background 0.1s ease-in;
    -o-transition: background 0.1s ease-in;
    transition: background 0.1s ease-in; }
    .body-content.product.index .product-info .options-menu product-notary-stamp #checkbox_disclaimer:checked + label > span:after {
      display: block;
      margin-top: 5px;
      margin-left: 6px; }
    .body-content.product.index .product-info .options-menu product-notary-stamp #checkbox_disclaimer:checked + label > span:before {
      content: ''; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-text p {
    font-size: 14px;
    line-height: 20px; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-text p span.disclaimer-more-details {
      color: #0070C9;
      font-weight: 700;
      text-decoration: none; }
      .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-text p span.disclaimer-more-details:hover {
        cursor: pointer; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-text .disclaimer-full {
    overflow: hidden; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-text .disclaimer-full.disclaimer-more-closed {
      max-height: 0;
      -webkit-transition: max-height 0.75s ease-out;
      -moz-transition: max-height 0.75s ease-out;
      -ms-transition: max-height 0.75s ease-out;
      -o-transition: max-height 0.75s ease-out;
      transition: max-height 0.75s ease-out; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .disclaimer-text .disclaimer-full.disclaimer-more-open {
      max-height: 500px;
      -webkit-transition: max-height 0.5s ease-in;
      -moz-transition: max-height 0.5s ease-in;
      -ms-transition: max-height 0.5s ease-in;
      -o-transition: max-height 0.5s ease-in;
      transition: max-height 0.5s ease-in; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp input[type="checkbox"] {
    display: none; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp p {
    margin-bottom: 6px; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp input[type=file] {
    display: block;
    font-size: 1rem;
    width: 145px;
    height: 45px;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)'; }
    @media screen and (max-width: 768px) {
      .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp input[type=file] {
        width: 100%; } }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right {
    height: auto; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.upload-initial {
      display: none; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active {
      display: block;
      height: 400px;
      position: fixed;
      top: 20%;
      width: 500px;
      z-index: 10;
      margin: 0 auto;
      left: 50%;
      margin-left: -250px; }
      .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .progress-container {
        background: #fff;
        z-index: 111;
        width: 100%;
        height: 100%;
        position: relative; }
        .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .progress-container h2 {
          color: #CC0000;
          text-align: center;
          padding-top: 2rem; }
        .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .progress-container .progress {
          text-align: center;
          width: 100%;
          width: 200px;
          height: 200px;
          position: relative;
          margin: 0 auto;
          top: 50px; }
          .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .progress-container .progress .semi {
            width: 200px;
            height: 200px;
            position: absolute;
            top: 0; }
            .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .progress-container .progress .semi.left-half {
              left: 0;
              border: 10px solid;
              border-color: #CC0000 #CC0000 #ebebeb #ebebeb;
              border-radius: 50%;
              -webkit-transform: rotateZ(45deg);
              -moz-transform: rotateZ(45deg);
              -ms-transform: rotateZ(45deg);
              -o-transform: rotateZ(45deg);
              transform: rotateZ(45deg); }
          .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .progress-container .progress .icon-file-upload {
            font-size: 4rem;
            color: #959595;
            position: absolute;
            top: 70px;
            left: 80px; }
      .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .upload-right.active .mask {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: -1;
        width: 100%;
        height: 100%; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .progress {
    text-align: center;
    width: 100%; }
  .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .progress-bar {
    background-color: #CC0000;
    position: relative;
    height: 1em;
    border-radius: 4px; }
    .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .progress-bar:before, .body-content.product.index .product-info .options-menu product-notary-stamp .notary-stamp .progress-bar:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }

.body-content.product.index #pricing-table {
  max-width: 1400px;
  margin: 30px auto 60px;
  min-height: 440px; }
  @media screen and (max-width: 768px) {
    .body-content.product.index #pricing-table {
      max-width: 718px; } }
  @media screen and (max-width: 1024px) {
    .body-content.product.index #pricing-table {
      max-width: 984px; } }
  @media screen and (max-width: 768px) {
    .body-content.product.index #pricing-table {
      margin-top: 40px; } }
  @media screen and (max-width: 414px) {
    .body-content.product.index #pricing-table {
      margin-top: 35px; } }
  @media screen and (max-width: 1025px) {
    .body-content.product.index #pricing-table {
      padding-bottom: 0px; } }
  .body-content.product.index #pricing-table .pricing-info-breakdown.breakdown-table {
    margin-top: 0; }

@media (max-width: 414px) {
  .body-content.product.index .mobile-get-started {
    display: block;
    position: relative;
    bottom: 0;
    border-top: none;
    width: 100%;
    padding: 5px;
    z-index: 2;
    text-align: center; }
    .body-content.product.index .mobile-get-started p {
      font-size: 1.25rem;
      padding: 0.5em 0;
      text-align: center; }
      .body-content.product.index .mobile-get-started p .starting-at {
        font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
        font-size: 0.85em; }
    .body-content.product.index .mobile-get-started.stick {
      position: fixed;
      bottom: 0;
      background-color: #DFDFDF;
      z-index: 1; }
    .body-content.product.index .mobile-get-started.unstick {
      position: relative;
      border-top: none;
      padding: 5px; }
    .body-content.product.index .mobile-get-started .btn-primary, .body-content.product.index .mobile-get-started .btn-tertiary, .body-content.product.index .mobile-get-started .btn-cart {
      width: 100%;
      max-width: 320px;
      margin-top: -7px;
      height: 44px; } }

#inset {
  border: 7px inset #007AFF; }

#inside_liveChatTab {
  display: none; }

@keyframes loader {
  from {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(-180deg);
    -moz-transform: perspective(500px) rotate(-180deg);
    -ms-transform: perspective(500px) rotate(-180deg);
    -o-transform: perspective(500px) rotate(-180deg);
    transform: perspective(500px) rotate(-180deg); }
  to {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(180deg);
    -moz-transform: perspective(500px) rotate(180deg);
    -ms-transform: perspective(500px) rotate(180deg);
    -o-transform: perspective(500px) rotate(180deg);
    transform: perspective(500px) rotate(180deg); } }

@-webkit-keyframes loader {
  from {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(-180deg);
    -moz-transform: perspective(500px) rotate(-180deg);
    -ms-transform: perspective(500px) rotate(-180deg);
    -o-transform: perspective(500px) rotate(-180deg);
    transform: perspective(500px) rotate(-180deg); }
  to {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(180deg);
    -moz-transform: perspective(500px) rotate(180deg);
    -ms-transform: perspective(500px) rotate(180deg);
    -o-transform: perspective(500px) rotate(180deg);
    transform: perspective(500px) rotate(180deg); } }

@-moz-keyframes loader {
  from {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(-180deg);
    -moz-transform: perspective(500px) rotate(-180deg);
    -ms-transform: perspective(500px) rotate(-180deg);
    -o-transform: perspective(500px) rotate(-180deg);
    transform: perspective(500px) rotate(-180deg); }
  to {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(180deg);
    -moz-transform: perspective(500px) rotate(180deg);
    -ms-transform: perspective(500px) rotate(180deg);
    -o-transform: perspective(500px) rotate(180deg);
    transform: perspective(500px) rotate(180deg); } }

@-o-keyframes loader {
  from {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(-180deg);
    -moz-transform: perspective(500px) rotate(-180deg);
    -ms-transform: perspective(500px) rotate(-180deg);
    -o-transform: perspective(500px) rotate(-180deg);
    transform: perspective(500px) rotate(-180deg); }
  to {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: perspective(500px) rotate(180deg);
    -moz-transform: perspective(500px) rotate(180deg);
    -ms-transform: perspective(500px) rotate(180deg);
    -o-transform: perspective(500px) rotate(180deg);
    transform: perspective(500px) rotate(180deg); } }

.create-icon-spinner {
  background: none !important;
  margin: 0 auto; }

/* IE11 override */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .body-content.product.index .product-info color-theme-picker .Process1Gold .color-swatch, .body-content.product.index .product-info color-theme-picker .Process1Silver .color-swatch, .body-content.product.index .product-info color-theme-picker .Process1RoseGold .color-swatch, .body-content.product.index .product-info foil-picker .Process1Gold .color-swatch, .body-content.product.index .product-info foil-picker .Process1Silver .color-swatch, .body-content.product.index .product-info foil-picker .Process1RoseGold .color-swatch {
    background-size: 69px; } }

.myprojects #main-content {
  padding-top: 135px; }
  @media (max-width: 769px) {
    .myprojects #main-content {
      padding-top: 110px; } }

.myprojects .projects-nav {
  margin-bottom: 30px; }

.myprojects .hide {
  display: none; }

.myprojects .my-projects-content {
  background-color: unset; }

.projects-header .headline-underline-title, .projects-header .landing-page .related-products p, .landing-page .related-products .projects-header p {
  display: inline-block;
  vertical-align: middle; }
  .projects-header .headline-underline-title::after, .projects-header .landing-page .related-products p::after, .landing-page .related-products .projects-header p::after {
    margin-bottom: 0px; }

.projects-header .myprojects-delete-btn {
  position: absolute;
  right: 0;
  top: 0; }
  @media (max-width: 767px) {
    .projects-header .myprojects-delete-btn {
      background-color: #FFFFFF;
      top: unset;
      position: fixed;
      right: 0;
      bottom: 0;
      width: 100%;
      z-index: 99;
      text-align: center;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; } }

.projects-header .btn-primary, .projects-header .btn-tertiary, .projects-header .btn-cart {
  background-color: #003763; }
  @media (max-width: 767px) {
    .projects-header .btn-primary, .projects-header .btn-tertiary, .projects-header .btn-cart {
      width: 85%; } }
  .projects-header .btn-primary::after, .projects-header .btn-tertiary::after, .projects-header .btn-cart::after {
    background-color: #0070C9; }

.projects-header .btn-disabled {
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  @media (max-width: 767px) {
    .projects-header .btn-disabled {
      width: 60%; } }

.projects-header .btn-delete-projects {
  opacity: 1; }
  @media (max-width: 767px) {
    .projects-header .btn-delete-projects {
      width: 60%; } }

.projects-nav .hideAll {
  display: none; }

.projects-nav .projects-number-page li {
  float: left;
  border-right: 1px solid #444444;
  padding: 0 10px; }
  .projects-nav .projects-number-page li:first-child {
    border-right: 0;
    padding: 0; }
  .projects-nav .projects-number-page li:last-child {
    border-right: 0; }
  .projects-nav .projects-number-page li a:link,
  .projects-nav .projects-number-page li a:visited {
    color: #444444;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none; }
    .projects-nav .projects-number-page li a:link.active,
    .projects-nav .projects-number-page li a:visited.active {
      font-weight: 700; }

@media (max-width: 580px) {
  .projects-nav {
    display: none; } }

.projects-nav .projects-sort-by {
  float: right; }

.projects-nav .projects-number-page {
  padding-top: 10px; }

.projects-nav .drop-active::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.projects-nav .dropdown-wrapper {
  position: relative;
  width: auto;
  display: block; }
  .projects-nav .dropdown-wrapper::before {
    content: '';
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/Icon-pointerdown-black);
    width: 10px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 10px;
    top: -1px;
    pointer-events: none; }

.projects-nav .label-dd,
.projects-nav .select-dd {
  display: inline-block;
  position: relative; }

.projects-nav ul.drop-list {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.projects-nav .dropdown-transparent-list {
  visibility: hidden;
  opacity: 0;
  background: silver;
  position: absolute;
  top: 25px;
  width: 95%;
  border-radius: 4px;
  background-color: #FFFFFF;
  z-index: 80;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  max-height: 152px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-transform: translateY(-1em);
  -moz-transform: translateY(-1em);
  -ms-transform: translateY(-1em);
  -o-transform: translateY(-1em);
  transform: translateY(-1em);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .projects-nav .dropdown-transparent-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px; }
  .projects-nav .dropdown-transparent-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  .projects-nav .dropdown-transparent-list a {
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 500;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    padding: 12px 10px;
    border-bottom: 1px solid #d8d8d8;
    line-height: 19px;
    text-decoration: none;
    color: #444444; }
    @media (max-width: 415px) {
      .projects-nav .dropdown-transparent-list a {
        font-size: 15px; } }
    .projects-nav .dropdown-transparent-list a:hover {
      background-color: rgba(0, 0, 0, 0.03);
      color: #CC0000; }

.projects-nav .label-dd {
  margin-right: 6px; }

.projects-nav .select-dd {
  padding-right: 30px;
  width: 190px;
  text-align: left;
  cursor: pointer; }

.myprojects-product {
  margin-bottom: 60px; }
  .myprojects-product .product .myprojects-trash {
    height: 26px;
    width: 26px;
    position: absolute;
    right: 20px;
    top: 22px;
    opacity: 0.6;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
    @media (max-width: 768px) {
      .myprojects-product .product .myprojects-trash {
        visibility: visible;
        opacity: 0.6;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); } }
    .myprojects-product .product .myprojects-trash img {
      width: 100%; }
  .myprojects-product .product:hover .myprojects-trash {
    visibility: visible;
    opacity: 0.6;
    transition: opacity 0.1s linear;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
    .myprojects-product .product:hover .myprojects-trash:hover {
      opacity: 1; }
  .myprojects-product div.product label.checkbox span {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99;
    left: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  @media (max-width: 768px) {
    .myprojects-product div.product label.checkbox span {
      visibility: visible;
      opacity: 0.6;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); } }
  .myprojects-product div.product .checkbox:hover span {
    border: 2px solid transparent; }
  .myprojects-product div.product .checkbox span:hover {
    border: 2px solid #0070C9; }
  .myprojects-product div.product:hover label.checkbox span {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  .myprojects-product div.product label.checkbox :checked + span {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  .myprojects-product div.product label.checkbox :checked ~ a.myprojects-trash {
    visibility: hidden;
    opacity: 0; }
  .myprojects-product div.product:hover .product-bottom-info .action-panel {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  .myprojects-product div.product .product-bottom-info .action-panel a {
    width: 100%;
    text-decoration: none; }
    @media (max-width: 767px) {
      .myprojects-product div.product .product-bottom-info .action-panel a {
        visibility: hidden;
        display: none; } }
    .myprojects-product div.product .product-bottom-info .action-panel a:active {
      color: #FFFFFF; }
  .myprojects-product div.product:hover .product-bottom-info .action-panel button {
    margin: 30px 0 15px 0; }
  .myprojects-product .product div.thumbs {
    height: 320px;
    cursor: default; }
    @media (max-width: 768px) {
      .myprojects-product .product div.thumbs {
        height: 370px; } }
    .myprojects-product .product div.thumbs .thumb-wrap {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .myprojects-product div.product .product-bottom-info .product-description {
    margin-top: 4px;
    color: #A1A1A1; }

.myprojects-pagination {
  margin-bottom: 60px; }

div.myprojects-popup-open {
  display: flex; }

.myprojects-popup {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 100;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .myprojects-popup .myprojects-popup-container {
    background-color: #FFFFFF;
    height: 160px;
    width: 372px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    padding: 20px; }
    @media (max-width: 767px) {
      .myprojects-popup .myprojects-popup-container {
        width: 90%;
        height: auto; } }
  .myprojects-popup .button-padding {
    padding-right: 10px; }
  .myprojects-popup .btn {
    min-width: 100%;
    height: 30px;
    margin: 20px 0 0 0;
    padding: unset;
    line-height: 30px;
    font-size: 13px; }
    .myprojects-popup .btn:first-child {
      padding-left: 0px; }
  .myprojects-popup h3 {
    font-weight: bold;
    margin-bottom: 20px; }
  .myprojects-popup p {
    line-height: 19px; }

.calendar-lp {
  margin-top: 35px; }
  .calendar-lp .headline-underline-title, .calendar-lp .landing-page .related-products p, .landing-page .related-products .calendar-lp p {
    margin-bottom: 37px; }
    @media (max-width: 767px) {
      .calendar-lp .headline-underline-title, .calendar-lp .landing-page .related-products p, .landing-page .related-products .calendar-lp p {
        margin-bottom: 12px; } }
    @media (max-width: 767px) {
      .calendar-lp .headline-underline-title, .calendar-lp .landing-page .related-products p, .landing-page .related-products .calendar-lp p {
        font-size: 22px; } }
    .calendar-lp .headline-underline-title:after, .calendar-lp .landing-page .related-products p:after, .landing-page .related-products .calendar-lp p:after {
      margin-bottom: 0; }
  .calendar-lp .calendar-how-to {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 23px; }
  .calendar-lp ul {
    clear: both; }
  .calendar-lp .how-to-card {
    background: #FFFFFF;
    border-radius: 6px;
    min-height: 100px;
    margin: 0 auto;
    padding: 25px 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    @media (max-width: 767px) {
      .calendar-lp .how-to-card {
        padding: 25px; } }
    @media (max-width: 767px) {
      .calendar-lp .how-to-card {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
    @media (max-width: 767px) {
      .calendar-lp .how-to-card {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start; } }
    .calendar-lp .how-to-card picture {
      width: 50px;
      height: auto;
      margin-right: 30px; }
      @media (max-width: 768px) {
        .calendar-lp .how-to-card picture {
          width: 65px; } }
      @media (max-width: 767px) {
        .calendar-lp .how-to-card picture {
          width: 33px;
          min-width: 33px; } }
      @media (max-width: 768px) {
        .calendar-lp .how-to-card picture {
          margin-right: 10px; } }
      @media (max-width: 767px) {
        .calendar-lp .how-to-card picture {
          margin-right: 20px; } }
      .calendar-lp .how-to-card picture img {
        width: 100%; }
    .calendar-lp .how-to-card p {
      color: #444444;
      font-size: 18px;
      line-height: 23px;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-weight: 700;
      position: relative;
      margin-left: 20px; }
      @media (max-width: 1023px) {
        .calendar-lp .how-to-card p {
          font-size: 14px; } }
      @media (max-width: 1023px) {
        .calendar-lp .how-to-card p {
          line-height: 17px; } }
      @media (max-width: 1024px) {
        .calendar-lp .how-to-card p {
          max-width: 160px; } }
      @media (max-width: 768px) {
        .calendar-lp .how-to-card p {
          max-width: unset; } }
      .calendar-lp .how-to-card p:before {
        content: '';
        display: block;
        width: 20px;
        position: absolute;
        left: -20px; }
    .calendar-lp .how-to-card:nth-child(1) p:before {
      content: '1.'; }
    .calendar-lp .how-to-card:nth-child(2) {
      margin: 0 16px; }
      @media (max-width: 1024px) {
        .calendar-lp .how-to-card:nth-child(2) {
          margin: 0 12px; } }
      @media (max-width: 767px) {
        .calendar-lp .how-to-card:nth-child(2) {
          margin: 10px auto; } }
      .calendar-lp .how-to-card:nth-child(2) p:before {
        content: '2.'; }
    .calendar-lp .how-to-card:last-of-type picture {
      width: 60px; }
      @media (max-width: 768px) {
        .calendar-lp .how-to-card:last-of-type picture {
          width: 100px; } }
      @media (max-width: 767px) {
        .calendar-lp .how-to-card:last-of-type picture {
          width: 33px; } }
      @media (max-width: 768px) {
        .calendar-lp .how-to-card:last-of-type picture {
          margin-left: -12px; } }
      @media (max-width: 767px) {
        .calendar-lp .how-to-card:last-of-type picture {
          margin-left: 0px; } }
    .calendar-lp .how-to-card:last-of-type p:before {
      content: '3.'; }
  .calendar-lp figure.image-wrapper.disabled a {
    cursor: initial; }
  .calendar-lp figure.image-wrapper.disabled:before, .calendar-lp figure.image-wrapper.disabled:after {
    width: 100%;
    height: 100%;
    position: absolute; }
  .calendar-lp figure.image-wrapper.disabled:before {
    content: '';
    top: 0;
    left: 0;
    background-color: #d4d4d4d9;
    z-index: 1; }
  .calendar-lp figure.image-wrapper.disabled:after {
    content: 'Express Calendars cannot be ordered with Courier Delivery items. To create an Express Calendar, please place your Courier Delivery order or change the shipping method.';
    position: absolute;
    max-width: 450px;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.57;
    text-align: center;
    z-index: 2; }

@media (max-width: 768px) {
  .envelopes-landing-page .header-container.collapsed-header {
    max-height: 2024px;
    min-height: 480px;
    height: unset; } }

@media (max-width: 580px) {
  .envelopes-landing-page .header-container.collapsed-header {
    max-height: 2024px;
    min-height: 442px;
    height: unset; } }

@media (max-width: 768px) {
  .envelopes-landing-page .header-container {
    min-height: 480px; } }

@media (max-width: 580px) {
  .envelopes-landing-page .header-container {
    min-height: 442px; } }

.envelopes-landing-page .header-container img {
  width: 100%; }
  @media (max-width: 1024px) {
    .envelopes-landing-page .header-container img {
      width: 120%; } }
  @media (max-width: 580px) {
    .envelopes-landing-page .header-container img {
      width: 100%; } }

.envelopes-landing-page .header-container picture {
  top: -20px; }
  @media (max-width: 1024px) {
    .envelopes-landing-page .header-container picture {
      top: 0px; } }
  @media (max-width: 580px) {
    .envelopes-landing-page .header-container picture {
      top: 20px; } }
  @media (max-width: 425px) {
    .envelopes-landing-page .header-container picture {
      top: 10px; } }

.envelopes-landing-page .header-container .header-content-home {
  pointer-events: all; }

.envelopes-landing-page .envelopes-bg {
  background: linear-gradient(to bottom, #f2f2f2, #ffffff);
  padding: 25px 20px 55px; }
  @media (max-width: 767px) {
    .envelopes-landing-page .envelopes-bg {
      padding-top: 0; } }
  @media (max-width: 580px) {
    .envelopes-landing-page .envelopes-bg {
      padding: 0 0 10px 0; } }

.envelopes-landing-page .envelopes-container {
  max-width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
  padding: 45px 42px;
  position: relative; }
  @media (max-width: 960px) {
    .envelopes-landing-page .envelopes-container {
      padding: 45px 12px; } }
  @media (max-width: 736px) {
    .envelopes-landing-page .envelopes-container {
      width: 100%;
      margin: 0 0 55px;
      padding: 20px 12px; } }
  @media (max-width: 580px) {
    .envelopes-landing-page .envelopes-container {
      margin-top: 55px;
      margin-bottom: 10px;
      box-shadow: none; } }
  .envelopes-landing-page .envelopes-container .slick-slide {
    outline: 0; }
  .envelopes-landing-page .envelopes-container .main-nav {
    margin-bottom: 45px; }
    @media (max-width: 736px) {
      .envelopes-landing-page .envelopes-container .main-nav {
        margin-bottom: 25px; } }
    .envelopes-landing-page .envelopes-container .main-nav .slick-arrow {
      background: #FFFFFF;
      top: 23px;
      height: 100%; }
    .envelopes-landing-page .envelopes-container .main-nav .slick-prev {
      left: 0px; }
    .envelopes-landing-page .envelopes-container .main-nav .slick-next {
      right: -10px; }
    .envelopes-landing-page .envelopes-container .main-nav .slick-arrow:before {
      content: '';
      height: 18px;
      width: 11px;
      display: block;
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/red-arrow);
      background-size: cover;
      background-repeat: no-repeat; }
    .envelopes-landing-page .envelopes-container .main-nav .slick-prev:before {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg); }
    .envelopes-landing-page .envelopes-container .main-nav .slick-track {
      left: -55px; }
      @media (max-width: 736px) {
        .envelopes-landing-page .envelopes-container .main-nav .slick-track {
          left: 25px; } }
    .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn {
      min-width: 102px;
      margin-right: 16px;
      cursor: pointer;
      outline: 0px; }
      @media (max-width: 767px) {
        .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn {
          min-width: 96px;
          margin-right: 5px; } }
      .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn span {
        display: block;
        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
        border-radius: 4px;
        width: 100%;
        text-align: center;
        background-color: #F9F9F9;
        padding: 15px;
        margin-top: 12px;
        color: #7D7D7D;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear; }
        @media (max-width: 767px) {
          .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn span {
            padding: 7px;
            font-size: 12px; } }
        .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn span:hover {
          background: #EFEFEF; }
      .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn.slick-current span {
        background-color: #444444;
        color: #FFFFFF; }
        .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn.slick-current span:hover {
          background-color: #444444; }
      .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn .envelope-img-container {
        height: 90px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end; }
        @media (max-width: 767px) {
          .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn .envelope-img-container {
            display: none; } }
        .envelopes-landing-page .envelopes-container .main-nav div.envelope-btn .envelope-img-container img {
          margin: 0 auto; }
  .envelopes-landing-page .envelopes-container ul.img-list {
    display: inline-block;
    width: 70px;
    vertical-align: top; }
    @media (max-width: 767px) {
      .envelopes-landing-page .envelopes-container ul.img-list {
        display: none; } }
    .envelopes-landing-page .envelopes-container ul.img-list li.slick-current {
      border: 2px solid #0070C9; }
    @media (min-width: 769px) {
      .envelopes-landing-page .envelopes-container ul.img-list li.slick-slide:not(.slick-current):hover {
        border: 2px solid rgba(0, 112, 201, 0.5);
        overflow: visible; } }
    .envelopes-landing-page .envelopes-container ul.img-list li {
      width: 60px !important;
      height: 60px;
      margin: 8px 0;
      border: 2px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear;
      outline: 0px;
      cursor: pointer; }
      .envelopes-landing-page .envelopes-container ul.img-list li:first-of-type {
        margin-top: 0px; }
    .envelopes-landing-page .envelopes-container ul.img-list img {
      width: 99%; }
  .envelopes-landing-page .envelopes-container ul.big-images {
    display: inline-block;
    width: calc(100% - 75px);
    vertical-align: top; }
    @media (max-width: 960px) {
      .envelopes-landing-page .envelopes-container ul.big-images {
        width: 84%; } }
    @media (max-width: 767px) {
      .envelopes-landing-page .envelopes-container ul.big-images {
        width: 100%; } }
    .envelopes-landing-page .envelopes-container ul.big-images img {
      width: 100%; }
    .envelopes-landing-page .envelopes-container ul.big-images .slick-dots {
      bottom: -33px; }
    .envelopes-landing-page .envelopes-container ul.big-images .slick-dots li button:before {
      font-size: 25px; }
    .envelopes-landing-page .envelopes-container ul.big-images .slick-dots li.slick-active button:before {
      color: #0070C9; }
  .envelopes-landing-page .envelopes-container div.images {
    width: 65%;
    min-height: 500px;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1280px) {
      .envelopes-landing-page .envelopes-container div.images {
        width: 60%; } }
    @media (max-width: 1024px) {
      .envelopes-landing-page .envelopes-container div.images {
        width: 50%; } }
    @media (max-width: 960px) {
      .envelopes-landing-page .envelopes-container div.images {
        width: 100%;
        float: unset;
        clear: both;
        min-height: unset; } }
    .envelopes-landing-page .envelopes-container div.images .big-images {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
  .envelopes-landing-page .envelopes-container div.description-container {
    width: 35%;
    float: left;
    border: solid 2px rgba(151, 151, 151, 0.2);
    border-radius: 6px;
    padding: 37px 32px 25px;
    display: inline-block; }
    @media (max-width: 1280px) {
      .envelopes-landing-page .envelopes-container div.description-container {
        width: 40%; } }
    @media (max-width: 1024px) {
      .envelopes-landing-page .envelopes-container div.description-container {
        width: 50%; } }
    @media (max-width: 960px) {
      .envelopes-landing-page .envelopes-container div.description-container {
        width: 500px;
        float: unset;
        display: block;
        margin: 45px auto 0px;
        clear: both;
        min-height: 490px; } }
    @media (max-width: 768px) {
      .envelopes-landing-page .envelopes-container div.description-container {
        width: 456px; } }
    @media (max-width: 736px) {
      .envelopes-landing-page .envelopes-container div.description-container {
        width: 95%;
        padding: 21px 17px 5px;
        position: relative;
        margin-top: 15px; } }
    .envelopes-landing-page .envelopes-container div.description-container .select-dropdown {
      display: none; }
      @media (max-width: 736px) {
        .envelopes-landing-page .envelopes-container div.description-container .select-dropdown {
          display: block;
          position: absolute;
          width: 100%;
          top: 220px;
          padding-right: 30px; } }
      .envelopes-landing-page .envelopes-container div.description-container .select-dropdown p {
        color: #7D7D7D;
        padding-top: 14px;
        font-size: 14px; }
    .envelopes-landing-page .envelopes-container div.description-container .no10 {
      display: none; }
      .envelopes-landing-page .envelopes-container div.description-container .no10.active {
        display: block; }
      .envelopes-landing-page .envelopes-container div.description-container .no10 .tabs {
        display: block; }
        @media (max-width: 736px) {
          .envelopes-landing-page .envelopes-container div.description-container .no10 .tabs {
            display: none; } }
      @media (max-width: 736px) {
        .envelopes-landing-page .envelopes-container div.description-container .no10 .description-body {
          padding-top: 232px;
          margin-top: 20px; } }
    .envelopes-landing-page .envelopes-container div.description-container .tabs ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      .envelopes-landing-page .envelopes-container div.description-container .tabs ul li {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        text-align: center;
        padding: 35px 0 22px 0;
        margin-bottom: -25px;
        font-size: 16px;
        font-weight: 700;
        color: #A1A1A1;
        cursor: pointer;
        -moz-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease; }
        .envelopes-landing-page .envelopes-container div.description-container .tabs ul li.highlight {
          color: #000000;
          border-bottom: 3px solid #CC0000; }
        @media (min-width: 769px) {
          .envelopes-landing-page .envelopes-container div.description-container .tabs ul li:not(.highlight):hover {
            border-bottom: 3px solid #444444;
            color: #444444; } }
    .envelopes-landing-page .envelopes-container div.description-container .description-header {
      position: relative; }
      .envelopes-landing-page .envelopes-container div.description-container .description-header h3 {
        font-size: 28px; }
        @media (min-width: 1025px) and (max-width: 1280px) {
          .envelopes-landing-page .envelopes-container div.description-container .description-header h3 {
            font-size: 24px; } }
        @media (max-width: 736px) {
          .envelopes-landing-page .envelopes-container div.description-container .description-header h3 {
            font-size: 20px; } }
      .envelopes-landing-page .envelopes-container div.description-container .description-header p {
        color: #7D7D7D;
        margin: 5px 0;
        font-size: 17px;
        display: inline-block; }
        @media (max-width: 736px) {
          .envelopes-landing-page .envelopes-container div.description-container .description-header p {
            font-size: 15px; } }
        @media (max-width: 767px) {
          .envelopes-landing-page .envelopes-container div.description-container .description-header p {
            display: block; } }
        .envelopes-landing-page .envelopes-container div.description-container .description-header p.starting-at {
          float: right;
          font-size: 15px;
          color: #444444;
          margin: 3px 0; }
          @media (max-width: 767px) {
            .envelopes-landing-page .envelopes-container div.description-container .description-header p.starting-at {
              float: none;
              margin-top: 25px; } }
          .envelopes-landing-page .envelopes-container div.description-container .description-header p.starting-at span {
            font-size: 20px; }
      .envelopes-landing-page .envelopes-container div.description-container .description-header a {
        position: absolute;
        right: 0px;
        top: 12px;
        font-size: 14px;
        cursor: pointer; }
        @media (max-width: 736px) {
          .envelopes-landing-page .envelopes-container div.description-container .description-header a {
            position: unset;
            right: unset;
            top: unset;
            display: block;
            margin-top: 12px; } }
    .envelopes-landing-page .envelopes-container div.description-container .description-body {
      padding: 20px 0 15px;
      margin: 24px 0 30px;
      border-top: 2px solid rgba(151, 151, 151, 0.2);
      border-bottom: 2px solid rgba(151, 151, 151, 0.2); }
      @media (max-width: 736px) {
        .envelopes-landing-page .envelopes-container div.description-container .description-body {
          border-bottom: 0;
          padding: 130px 0 0;
          margin: 15px 0; } }
      .envelopes-landing-page .envelopes-container div.description-container .description-body ul li {
        color: #7D7D7D;
        font-size: 15px;
        line-height: 18px;
        margin: 10px 0;
        font-weight: 500; }
        .envelopes-landing-page .envelopes-container div.description-container .description-body ul li span {
          float: right;
          color: #444444;
          font-weight: bold; }
          @media (max-width: 736px) {
            .envelopes-landing-page .envelopes-container div.description-container .description-body ul li span {
              display: block;
              margin-bottom: 10px;
              float: unset; } }
    @media (max-width: 736px) {
      .envelopes-landing-page .envelopes-container div.description-container .description-cta {
        position: absolute;
        top: 118px;
        width: 100%;
        padding-right: 30px; } }
    .envelopes-landing-page .envelopes-container div.description-container .description-cta p {
      font-size: 15px;
      color: #444444;
      float: left; }
      @media (max-width: 736px) {
        .envelopes-landing-page .envelopes-container div.description-container .description-cta p {
          display: block;
          float: unset; } }
      .envelopes-landing-page .envelopes-container div.description-container .description-cta p span {
        font-size: 20px;
        line-height: 30px; }
    .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-primary, .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-tertiary, .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-cart {
      float: right;
      text-align: center;
      text-decoration: none;
      margin: unset;
      min-width: 45%;
      outline: 0; }
      @media (max-width: 736px) {
        .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-primary, .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-tertiary, .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-cart {
          display: block;
          float: unset;
          width: 100%;
          margin-top: 8px; } }
      .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-primary:active, .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-tertiary:active, .envelopes-landing-page .envelopes-container div.description-container .description-cta a.btn-cart:active {
        color: #FFFFFF; }
    .envelopes-landing-page .envelopes-container div.description-container .description-cta:after {
      content: '';
      clear: both;
      display: block; }

@media (max-width: 768px) {
  .envelopes-landing-page #details h2 {
    padding-left: 15px; } }

@media (min-width: 769px) and (pointer: fine) {
  .envelopes-landing-page .accessories-container .gradient-left:before, .envelopes-landing-page .accessories-container .gradient-right:after {
    margin-top: 113px; } }

.envelopes-landing-page .accessories-container .scroll-tile {
  height: 480px; }

#no10Container .images {
  display: none; }
  #no10Container .images.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }

.header-container.custom-posters-header {
  min-height: 473px; }
  @media (min-width: 767px) and (max-width: 960px) {
    .header-container.custom-posters-header picture {
      left: -20%; } }
  @media (max-width: 768px) {
    .header-container.custom-posters-header picture {
      left: -32%; } }
  @media (max-width: 425px) {
    .header-container.custom-posters-header picture {
      left: -60%; } }

.header-container.adhesive-header {
  min-height: 473px; }
  @media (min-width: 767px) and (max-width: 768px) {
    .header-container.adhesive-header picture {
      left: -28%; } }
  @media (max-width: 425px) {
    .header-container.adhesive-header picture {
      left: -60%; } }

.header-container.custom-foam-header {
  min-height: 483px; }

.header-container.custom-paper-header {
  min-height: 533px; }

.posters-bg {
  background: linear-gradient(to bottom, #F2F2F2, #FFFFFF);
  padding: 25px 20px 55px; }
  @media (max-width: 768px) {
    .posters-bg {
      padding: 25px 26px 60px; } }
  @media (max-width: 767px) {
    .posters-bg {
      padding-top: 0; } }
  @media (max-width: 580px) {
    .posters-bg {
      padding: 0 0 10px 0; } }
  .posters-bg .posters-container {
    max-width: 100%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    padding: 0px 42px 35px; }
    @media (max-width: 1024px) {
      .posters-bg .posters-container {
        padding: 0 30px 15px; } }
    @media (max-width: 768px) {
      .posters-bg .posters-container {
        padding-bottom: 55px; } }
    @media (max-width: 580px) {
      .posters-bg .posters-container {
        margin-top: 55px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-bottom: 18px; } }
    .posters-bg .posters-container .tabs {
      display: block;
      padding-bottom: 24px;
      border-bottom: 1px solid #e5e5e5;
      width: 100%;
      position: absolute;
      left: 0;
      right: 0; }
      .posters-bg .posters-container .tabs ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; }
        .posters-bg .posters-container .tabs ul li {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -webkit-flex-basis: 0;
          -moz-flex-basis: 0;
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          text-align: center;
          padding: 35px 0 22px 0;
          margin-bottom: -25px;
          font-size: 16px;
          font-weight: 700;
          color: #A1A1A1;
          cursor: pointer;
          -moz-transition: all 0.15s ease;
          -o-transition: all 0.15s ease;
          -webkit-transition: all 0.15s ease;
          transition: all 0.15s ease; }
          .posters-bg .posters-container .tabs ul li.highlight {
            color: #000000;
            border-bottom: 3px solid #CC0000; }
          @media (min-width: 769px) {
            .posters-bg .posters-container .tabs ul li:not(.highlight):hover {
              border-bottom: 3px solid #444444;
              color: #444444; } }
      @media (max-width: 736px) {
        .posters-bg .posters-container .tabs {
          display: none; } }
      .posters-bg .posters-container .tabs ul {
        max-width: 580px;
        margin: 0 auto; }
        .posters-bg .posters-container .tabs ul li {
          max-width: 190px;
          border-bottom: 1px solid #A1A1A1; }
    .posters-bg .posters-container .select-dropdown {
      padding-top: 32px;
      display: none; }
      @media (max-width: 736px) {
        .posters-bg .posters-container .select-dropdown {
          display: block; } }
      .posters-bg .posters-container .select-dropdown p {
        color: #7D7D7D;
        padding-top: 14px;
        font-size: 14px; }
    .posters-bg .posters-container .type-container {
      padding-top: 85px;
      display: none; }
      @media (max-width: 736px) {
        .posters-bg .posters-container .type-container {
          padding-top: 0; } }
      .posters-bg .posters-container .type-container.active {
        display: block; }
    .posters-bg .posters-container nav[class^='main-nav'] {
      margin-bottom: 45px; }
      @media (max-width: 736px) {
        .posters-bg .posters-container nav[class^='main-nav'] {
          margin-bottom: 25px; } }
      @media (max-width: 580px) {
        .posters-bg .posters-container nav[class^='main-nav'] {
          margin-bottom: 0; } }
      .posters-bg .posters-container nav[class^='main-nav'] .posters-btn {
        min-width: 150px;
        margin-right: 16px;
        cursor: pointer;
        outline: 0px;
        min-width: unset; }
        @media (max-width: 767px) {
          .posters-bg .posters-container nav[class^='main-nav'] .posters-btn {
            min-width: 112px;
            margin-right: 5px; } }
        .posters-bg .posters-container nav[class^='main-nav'] .posters-btn span {
          display: block;
          font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
          border-radius: 4px;
          width: 100%;
          text-align: center;
          background-color: #F9F9F9;
          padding: 15px;
          margin-top: 12px;
          color: #7D7D7D;
          -webkit-transition: all 0.1s linear;
          -moz-transition: all 0.1s linear;
          -ms-transition: all 0.1s linear;
          -o-transition: all 0.1s linear;
          transition: all 0.1s linear; }
          @media (max-width: 767px) {
            .posters-bg .posters-container nav[class^='main-nav'] .posters-btn span {
              padding: 7px;
              font-size: 12px; } }
          .posters-bg .posters-container nav[class^='main-nav'] .posters-btn span:hover {
            background: #EFEFEF; }
        .posters-bg .posters-container nav[class^='main-nav'] .posters-btn.slick-current span {
          background-color: #444444;
          color: #FFFFFF; }
          .posters-bg .posters-container nav[class^='main-nav'] .posters-btn.slick-current span:hover {
            background-color: #444444; }
        @media (max-width: 767px) {
          .posters-bg .posters-container nav[class^='main-nav'] .posters-btn {
            min-width: unset; } }
      .posters-bg .posters-container nav[class^='main-nav'] .slick-current span {
        background-color: #444444;
        color: #FFFFFF; }
        .posters-bg .posters-container nav[class^='main-nav'] .slick-current span:hover {
          background-color: #444444; }
      .posters-bg .posters-container nav[class^='main-nav'] .slick-arrow {
        background: #FFFFFF;
        top: 23px;
        height: 100%; }
        .posters-bg .posters-container nav[class^='main-nav'] .slick-arrow:before {
          content: '';
          height: 18px;
          width: 11px;
          display: block;
          background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/red-arrow);
          background-size: cover;
          background-repeat: no-repeat; }
        .posters-bg .posters-container nav[class^='main-nav'] .slick-arrow.slick-prev {
          left: 0px; }
          .posters-bg .posters-container nav[class^='main-nav'] .slick-arrow.slick-prev:before {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg); }
        .posters-bg .posters-container nav[class^='main-nav'] .slick-arrow.slick-next {
          right: -10px; }
      @media (max-width: 767px) {
        .posters-bg .posters-container nav[class^='main-nav'] .slick-list {
          margin-left: 22px; } }
      @media (min-width: 736px) {
        .posters-bg .posters-container nav[class^='main-nav'] .slick-track {
          width: auto !important;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          justify-content: center;
          -webkit-transform: translate3d(0px, 0px, 0px) !important;
          -moz-transform: translate3d(0px, 0px, 0px) !important;
          -ms-transform: translate3d(0px, 0px, 0px) !important;
          -o-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important; } }
    .posters-bg .posters-container div.images {
      width: 65%;
      min-height: 500px;
      float: left;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 1280px) {
        .posters-bg .posters-container div.images {
          width: 60%; } }
      @media (max-width: 1024px) {
        .posters-bg .posters-container div.images {
          width: 50%; } }
      @media (max-width: 768px) {
        .posters-bg .posters-container div.images {
          width: 100%;
          min-height: 515px; } }
      @media (max-width: 767px) {
        .posters-bg .posters-container div.images {
          min-height: 255px; } }
    .posters-bg .posters-container ul.img-list {
      display: inline-block;
      width: 70px;
      vertical-align: top; }
      @media (max-width: 767px) {
        .posters-bg .posters-container ul.img-list {
          display: none; } }
      .posters-bg .posters-container ul.img-list li.slick-current {
        border: 2px solid #0070C9; }
      @media (min-width: 769px) {
        .posters-bg .posters-container ul.img-list li.slick-slide:not(.slick-current):hover {
          border: 2px solid rgba(0, 112, 201, 0.5);
          overflow: visible; } }
      .posters-bg .posters-container ul.img-list li {
        width: 60px !important;
        height: 60px;
        margin: 8px 0;
        border: 2px solid transparent;
        border-radius: 4px;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
        outline: 0px;
        cursor: pointer; }
        .posters-bg .posters-container ul.img-list li:first-of-type {
          margin-top: 0px; }
      .posters-bg .posters-container ul.img-list img {
        width: 99%; }
    .posters-bg .posters-container ul.big-images {
      display: inline-block;
      width: calc(100% - 75px);
      vertical-align: top;
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
      @media (max-width: 768px) {
        .posters-bg .posters-container ul.big-images {
          width: 100%;
          -webkit-align-self: flex-start;
          -moz-align-self: flex-start;
          -ms-flex-item-align: start;
          align-self: flex-start; } }
      .posters-bg .posters-container ul.big-images img {
        width: 100%; }
        @media (max-width: 768px) {
          .posters-bg .posters-container ul.big-images img {
            padding-top: 10px; } }
      .posters-bg .posters-container ul.big-images .slick-dots {
        bottom: -33px; }
      .posters-bg .posters-container ul.big-images .slick-dots li button:before {
        font-size: 25px; }
      .posters-bg .posters-container ul.big-images .slick-dots li.slick-active button:before {
        color: #0070C9; }
  .posters-bg .description-container {
    width: 31%;
    float: left;
    border-radius: 6px;
    padding: 10px 8px 25px;
    display: inline-block; }
    @media (max-width: 1280px) {
      .posters-bg .description-container {
        width: 40%; } }
    @media (max-width: 1024px) {
      .posters-bg .description-container {
        width: 45%;
        margin-left: 5%; } }
    @media (max-width: 768px) {
      .posters-bg .description-container {
        width: 62%;
        margin: 0 19%; } }
    @media (max-width: 767px) {
      .posters-bg .description-container {
        width: 100%;
        margin: 0;
        padding: 10px 0 25px; } }
    .posters-bg .description-container .description-header {
      position: relative; }
      .posters-bg .description-container .description-header h3 {
        font-size: 28px; }
        @media (min-width: 1025px) and (max-width: 1280px) {
          .posters-bg .description-container .description-header h3 {
            font-size: 24px; } }
        @media (max-width: 736px) {
          .posters-bg .description-container .description-header h3 {
            font-size: 20px; } }
      .posters-bg .description-container .description-header p {
        color: #7D7D7D;
        margin: 5px 0;
        font-size: 17px;
        display: inline-block; }
        @media (max-width: 736px) {
          .posters-bg .description-container .description-header p {
            font-size: 15px; } }
        @media (max-width: 767px) {
          .posters-bg .description-container .description-header p {
            display: block; } }
        .posters-bg .description-container .description-header p.starting-at {
          float: right;
          font-size: 15px;
          color: #444444;
          margin: 3px 0; }
          @media (max-width: 767px) {
            .posters-bg .description-container .description-header p.starting-at {
              float: none;
              margin-top: 25px; } }
          .posters-bg .description-container .description-header p.starting-at span {
            font-size: 20px; }
      .posters-bg .description-container .description-header a {
        position: absolute;
        right: 0px;
        top: 12px;
        font-size: 14px;
        cursor: pointer; }
        @media (max-width: 736px) {
          .posters-bg .description-container .description-header a {
            position: unset;
            right: unset;
            top: unset;
            display: block;
            margin-top: 12px; } }
      .posters-bg .description-container .description-header p.starting-at {
        float: left;
        margin-top: 10px;
        line-height: 20px; }
        @media (max-width: 767px) {
          .posters-bg .description-container .description-header p.starting-at {
            margin-top: 19px; } }
      .posters-bg .description-container .description-header a {
        float: right;
        position: unset;
        margin-top: 10px;
        line-height: 20px; }
        @media (max-width: 767px) {
          .posters-bg .description-container .description-header a {
            margin-top: 19px; } }
    .posters-bg .description-container .description-body {
      padding: 10px 0 18px;
      clear: both; }
      .posters-bg .description-container .description-body p {
        font-size: 15px;
        line-height: 25px;
        color: #444444;
        font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
        margin-bottom: 15px; }
      .posters-bg .description-container .description-body a {
        font-size: 14px; }
      .posters-bg .description-container .description-body ul {
        min-height: 150px; }
        .posters-bg .description-container .description-body ul li {
          font-size: 15px;
          line-height: 19px;
          font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
          color: #444444;
          margin-left: 24px;
          margin-bottom: 10px;
          position: relative; }
          .posters-bg .description-container .description-body ul li:before {
            display: block;
            content: '';
            height: 11px;
            width: 11px;
            position: absolute;
            left: -24px;
            top: 5px;
            background-size: contain; }
          .posters-bg .description-container .description-body ul li.pro:before {
            background: url(/dynamic/Content/images/RetailerSpecific/SPLUS/pro-bullet) center center no-repeat; }
          .posters-bg .description-container .description-body ul li.con:before {
            background: url(/dynamic/Content/images/RetailerSpecific/SPLUS/con-bullet) center center no-repeat; }
          .posters-bg .description-container .description-body ul li:last-of-type {
            margin-bottom: 25px; }
      .posters-bg .description-container .description-body .delivery-shipping-sla div {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; }
      .posters-bg .description-container .description-body .delivery-shipping-sla figure {
        width: 24px;
        margin: 8px 10px 0 0; }
      .posters-bg .description-container .description-body .delivery-shipping-sla img {
        width: 100%; }
      .posters-bg .description-container .description-body .delivery-shipping-sla p {
        margin-top: 5px;
        font-size: 14px;
        line-height: 18px; }
        .posters-bg .description-container .description-body .delivery-shipping-sla p span {
          font-weight: 700; }
      .posters-bg .description-container .description-body .btn-primary, .posters-bg .description-container .description-body .btn-tertiary, .posters-bg .description-container .description-body .btn-cart {
        display: block;
        margin-bottom: 10px; }
    .posters-bg .description-container .description-accessories p {
      font-size: 15px;
      color: #7D7D7D;
      margin-top: 20px; }
      .posters-bg .description-container .description-accessories p.accordion-trigger {
        cursor: pointer;
        font-size: 18px;
        margin: 0 auto;
        padding: 20px 0;
        color: #000000;
        font-weight: 700;
        position: relative;
        border-top: 2px solid rgba(151, 151, 151, 0.2); }
        .posters-bg .description-container .description-accessories p.accordion-trigger:after {
          content: '';
          display: block;
          height: 14px;
          width: 14px;
          background: url("/dynamic/Content/images/RetailerSpecific/SPLUS/accordion-plus-icon") center center no-repeat;
          position: absolute;
          right: 10px;
          top: 20px; }
        .posters-bg .description-container .description-accessories p.accordion-trigger.open:after {
          background: url("/dynamic/Content/images/RetailerSpecific/SPLUS/accordion-minus-icon") center center no-repeat; }
    .posters-bg .description-container .description-accessories .accordion-container {
      border-bottom: 2px solid rgba(151, 151, 151, 0.2); }
    .posters-bg .description-container .description-accessories ul {
      display: none; }
      .posters-bg .description-container .description-accessories ul:after {
        clear: both;
        display: block;
        content: '';
        float: none; }
      .posters-bg .description-container .description-accessories ul li {
        font-size: 14px;
        color: #7D7D7D;
        font-weight: 500;
        padding: 10px 0; }
        .posters-bg .description-container .description-accessories ul li:after {
          content: '';
          clear: both;
          float: none;
          display: block; }
        .posters-bg .description-container .description-accessories ul li p {
          margin: 0;
          padding: 0;
          line-height: 0;
          display: inline-block;
          font-size: 12px; }
        .posters-bg .description-container .description-accessories ul li span:first-of-type {
          display: inline-block;
          width: 70%; }
        .posters-bg .description-container .description-accessories ul li span:last-of-type {
          float: right;
          color: #444444;
          font-weight: 700; }
          @media (max-width: 580px) {
            .posters-bg .description-container .description-accessories ul li span:last-of-type {
              display: block;
              float: none;
              margin-top: 4px; } }
        .posters-bg .description-container .description-accessories ul li:last-of-type {
          padding-bottom: 20px; }
    .posters-bg .description-container .description-accessories .accessories-more {
      color: #0070C9;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-weight: bold;
      letter-spacing: normal;
      cursor: pointer;
      display: block;
      text-align: center;
      padding-top: 15px;
      background: #fff;
      height: 50px;
      position: relative; }
      .posters-bg .description-container .description-accessories .accessories-more:before {
        content: '';
        height: 20px;
        width: 100%;
        position: absolute;
        top: -35px;
        right: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
        opacity: 1;
        -webkit-transition: opacity 0.1s ease;
        -moz-transition: opacity 0.1s ease;
        -ms-transition: opacity 0.1s ease;
        -o-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease; }
      .posters-bg .description-container .description-accessories .accessories-more:after {
        content: '';
        height: 16px;
        width: 100%;
        position: absolute;
        top: -15px;
        right: 0;
        background: #FFFFFF;
        opacity: 1;
        -webkit-transition: opacity 0.1s ease;
        -moz-transition: opacity 0.1s ease;
        -ms-transition: opacity 0.1s ease;
        -o-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease; }
      .posters-bg .description-container .description-accessories .accessories-more.open:before, .posters-bg .description-container .description-accessories .accessories-more.open:after {
        opacity: 0; }
    @media (max-width: 580px) {
      .posters-bg .description-container .btn-primary, .posters-bg .description-container .btn-tertiary, .posters-bg .description-container .btn-cart {
        width: 100%; } }
  .posters-bg .foamboard-content {
    padding-top: 100px; }
    @media (max-width: 580px) {
      .posters-bg .foamboard-content {
        padding-top: 0; } }
  .posters-bg #foamBoard .main-nav {
    display: none; }
  .posters-bg.single-configurator .posters-container .type-container {
    padding-top: 50px; }
    .posters-bg.single-configurator .posters-container .type-container .foamboard-content {
      padding-top: 30px; }
      @media (max-width: 1025px) {
        .posters-bg.single-configurator .posters-container .type-container .foamboard-content {
          padding-top: 0; } }
  .posters-bg .slick-slide, .posters-bg .slick-current, .posters-bg .slick-active {
    outline-color: white; }
    .posters-bg .slick-slide:focus, .posters-bg .slick-current:focus, .posters-bg .slick-active:focus {
      outline-color: white; }
  @media (max-width: 768px) {
    .posters-bg .container.accessories-container.posters-accessories .scroll-tile {
      height: 550px; } }

.poster-sizing {
  height: 600px;
  position: relative;
  background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Landing-Page/Posters/sizing-posters-background");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 86%; }
  .poster-sizing.poster-sizing-padding {
    margin-bottom: 30px; }
  @media (max-width: 1024px) {
    .poster-sizing {
      height: 990px;
      padding: 60px 100px;
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Landing-Page/Posters/sizing-posters-background-mobile");
      background-position: 26% 100%; } }
  @media (max-width: 580px) {
    .poster-sizing {
      height: 742px;
      padding: 40px 14px;
      background-image: unset;
      background-position: 26% 100%;
      background-color: #f0edec;
      background-image: none; } }
  .poster-sizing .poster-sizing-container {
    width: 202px;
    height: 275.5px;
    margin-left: 7px; }
    .poster-sizing .poster-sizing-container .size {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .poster-sizing .poster-sizing-container .size:first-of-type {
      background: #FFFFFF;
      -webkit-transition: background 0.2s linear;
      -moz-transition: background 0.2s linear;
      -ms-transition: background 0.2s linear;
      -o-transition: background 0.2s linear;
      transition: background 0.2s linear; }
      .poster-sizing .poster-sizing-container .size:first-of-type:after {
        content: '';
        background: #FFFFFF;
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear; }
      .poster-sizing .poster-sizing-container .size:first-of-type:hover:after {
        background: linear-gradient(to right, rgba(0, 153, 204, 0.1), rgba(0, 153, 204, 0.1)), white;
        background: rgba(0, 153, 204, 0.1); }
  @media (max-width: 580px) {
    .poster-sizing .headline-underline-title, .poster-sizing .landing-page .related-products p, .landing-page .related-products .poster-sizing p {
      font-size: 22px; } }
  .poster-sizing .poster-sizing-description {
    position: absolute;
    width: 25%;
    top: 47px;
    left: 125px; }
    @media (max-width: 1024px) {
      .poster-sizing .poster-sizing-description {
        position: static;
        width: 100%; } }
    .poster-sizing .poster-sizing-description p {
      font-size: 15px;
      line-height: 1.67;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      margin-bottom: 20px; }
  .poster-sizing .poster-sizing-interactive {
    position: absolute;
    top: 55px;
    right: 250px;
    text-align: center; }
    @media (max-width: 1024px) {
      .poster-sizing .poster-sizing-interactive {
        top: 255px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%); } }
    @media (max-width: 768px) {
      .poster-sizing .poster-sizing-interactive {
        top: 280px; } }
    @media (max-width: 580px) {
      .poster-sizing .poster-sizing-interactive {
        top: 300px; } }
    .poster-sizing .poster-sizing-interactive .noUi-target {
      background: -webkit-linear-gradient(-90deg, transparent 36%, #A1A1A1 37%, #A1A1A1 47%, #A1A1A1 57%, transparent 58%);
      background: linear-gradient(180deg, transparent 36%, #A1A1A1 37%, #A1A1A1 47%, #A1A1A1 57%, transparent 58%);
      width: 220px;
      margin-top: 50px; }
    .poster-sizing .poster-sizing-interactive .noUi-marker-large,
    .poster-sizing .poster-sizing-interactive .noUi-marker-sub {
      background: #f0edec; }
    .poster-sizing .poster-sizing-interactive .noUi-handle {
      border: 3px solid #f0edec; }
    .poster-sizing .poster-sizing-interactive .noUi-connect {
      background: transparent; }
  .poster-sizing .product-size-info {
    margin-top: 27px;
    font-weight: 700;
    font-size: 15px; }

#postersGetStartedLightbox {
  overflow-y: scroll; }
  #postersGetStartedLightbox .lightbox-content {
    min-height: 468px;
    background-color: #F2F2F2; }
    @media (min-width: 1025px) {
      #postersGetStartedLightbox .lightbox-content {
        max-width: 928px; } }
    @media (max-width: 1024px) {
      #postersGetStartedLightbox .lightbox-content {
        max-width: 752px; } }
    @media (max-width: 768px) {
      #postersGetStartedLightbox .lightbox-content {
        margin: 5px; } }
    #postersGetStartedLightbox .lightbox-content .create-now {
      padding-top: 25px; }
  #postersGetStartedLightbox .lightbox-title {
    margin: 0 auto 50px;
    margin-bottom: 50px;
    font-weight: normal;
    font-size: 27px;
    line-height: 1.1; }
    @media (max-width: 767px) {
      #postersGetStartedLightbox .lightbox-title {
        font-size: 22px;
        margin-bottom: 30px; } }
  #postersGetStartedLightbox .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
    #postersGetStartedLightbox .close:before {
      content: "";
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Banner-Configurator/icon-close-large");
      position: relative;
      display: inline-block;
      width: 25px;
      height: 25px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 0; }
      @media (max-width: 767px) {
        #postersGetStartedLightbox .close:before {
          width: 10px;
          height: 10px;
          background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/Banner-Configurator/icon-close"); } }
    #postersGetStartedLightbox .close:focus {
      outline: none; }

#details.posters-accessories {
  padding-top: 50px; }
  #details.posters-accessories .scroll-wrap:before, #details.posters-accessories .scroll-wrap:after {
    margin-top: 178px; }
    @media (max-width: 1024px) {
      #details.posters-accessories .scroll-wrap:before, #details.posters-accessories .scroll-wrap:after {
        margin-top: 175px; } }
  @media (max-width: 768px) {
    #details.posters-accessories .scroll-tile {
      height: 560px; } }
  #details.posters-accessories.paper-gloss-accessories div.accessories-wrap {
    width: 980px; }
    @media (max-width: 768px) {
      #details.posters-accessories.paper-gloss-accessories div.accessories-wrap {
        width: 680px; } }
  #details.posters-accessories.posters-accessories .accessories-wrap {
    width: 2000px; }
    @media (max-width: 768px) {
      #details.posters-accessories.posters-accessories .accessories-wrap {
        width: 1350px; } }
  #details.posters-accessories.foam-board-accessories .accessories-wrap {
    width: 1300px; }
    @media (max-width: 768px) {
      #details.posters-accessories.foam-board-accessories .accessories-wrap {
        width: 900px; } }
  #details.posters-accessories.adhesive-accessories .accessories-wrap {
    width: 1950px; }
    @media (max-width: 768px) {
      #details.posters-accessories.adhesive-accessories .accessories-wrap {
        width: 1350px; } }

.matching-link-container {
  text-align: center;
  padding: 1em 0 0; }

.matching-link {
  color: #CC0000;
  text-align: center;
  letter-spacing: 0.05em;
  text-decoration: underline; }
  .matching-link:hover {
    color: #CC0000; }

@media only screen and (max-width: 768px) {
  .matching-items,
  .matching-items-total {
    background: url("/Content/images/RetailerSpecific/SPLUS/2015/product/soft_wallpaper.png") repeat; } }

.matching-items {
  padding: 20px; }
  .matching-items h3 {
    font-size: 2.222rem;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .matching-items h3 {
        font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
        font-size: 1rem;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
        padding: 0 6px 8px 6px;
        text-align: left;
        border-bottom: 1px solid #1D1D1D; } }
  .matching-items .text-right {
    text-align: right; }
  .matching-items .matching-items-total {
    padding-bottom: 0; }
    .matching-items .matching-items-total .price {
      float: none; }
  .matching-items button {
    color: #CC0000;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    text-transform: none; }
    @media (min-width: 1025px) {
      .matching-items button {
        position: absolute;
        top: 0;
        right: 0; } }
    .matching-items button.btn-primary, .matching-items button.btn-tertiary, .matching-items button.btn-cart {
      color: #FFF;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
    .matching-items button:focus {
      outline: 0; }
    .matching-items button.add-all {
      padding: 0; }
      .matching-items button.add-all:before {
        vertical-align: bottom; }
      .matching-items button.add-all span {
        vertical-align: top;
        line-height: 2.5; }
    .matching-items button .icon, .matching-items button:before {
      font-size: 2em;
      vertical-align: bottom; }
    .matching-items button span {
      vertical-align: middle; }

@media (min-width: 415px) {
  .matching-items-total-wrapper,
  .matching-items-total {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden; }
    .matching-items-total-wrapper.fade-out,
    .matching-items-total.fade-out {
      opacity: 0; }
    .matching-items-total-wrapper.fade-in,
    .matching-items-total.fade-in {
      opacity: 1; }
    .matching-items-total-wrapper.fade-in, .matching-items-total-wrapper.fade-out,
    .matching-items-total.fade-in,
    .matching-items-total.fade-out {
      -webkit-transition: opacity 0.25s ease;
      -moz-transition: opacity 0.25s ease;
      -ms-transition: opacity 0.25s ease;
      -o-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease; } }

.matching-items-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }
  @media (min-width: 769px) {
    .matching-items-list {
      padding: 10px 20px; } }
  @media only screen and (max-width: 768px) {
    .matching-items-list li {
      padding: 10px; } }
  .matching-items-list li {
    border: 1px solid #DFDFDF;
    margin: 0 1.75% 20px 1.75%;
    width: 21.5%; }
    @media (max-width: 768px) {
      .matching-items-list li {
        width: 46.5%; } }
  .matching-items-list .matching-items-content {
    padding-right: 20%; }
    @media only screen and (max-width: 580px) {
      .matching-items-list .matching-items-content {
        padding-right: 38%; } }
  .matching-items-list .matching-items-list-item {
    height: 100%;
    padding: 8%;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .matching-items-list .matching-items-list-item {
        background-color: #FFF;
        border: none; } }
  .matching-items-list h4 {
    font-size: 1.6rem;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (max-width: 1440px) {
      .matching-items-list h4 {
        font-size: 1.6rem; } }
    @media screen and (max-width: 1366px) {
      .matching-items-list h4 {
        font-size: 1.25rem; } }
    @media screen and (max-width: 768px) {
      .matching-items-list h4 {
        font-size: 1.35rem; } }
    @media screen and (max-width: 414px) {
      .matching-items-list h4 {
        font-size: 1.1rem; } }
    @media (max-width: 414px) {
      .matching-items-list h4 {
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0; } }
    .matching-items-list h4 + p {
      font-size: 1.25rem;
      padding-top: 0.5em;
      text-transform: none; }
      @media screen and (max-width: 768px) {
        .matching-items-list h4 + p {
          font-size: 1.25rem; } }
      @media screen and (max-width: 414px) {
        .matching-items-list h4 + p {
          font-size: 1rem; } }
  .matching-items-list .review-item-thumb-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(0);
    transform: translate(0);
    color: #0070C9;
    font-size: 1.25rem;
    visibility: hidden;
    opacity: 0; }
  .matching-items-list .img-container {
    position: relative;
    height: 100%;
    padding: 10% 0 5%; }
    @media (max-width: 1366px) {
      .matching-items-list .img-container {
        padding: 20% 5% 5%; } }
    @media (max-width: 414px) {
      .matching-items-list .img-container {
        padding: 30% 5% 5%; } }
    .matching-items-list .img-container img {
      max-height: 15rem;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.16), 0 0 2px rgba(255, 255, 255, 0.2) inset; }
  .matching-items-list button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 5px; }
    @media (min-width: 1024px) {
      .matching-items-list button {
        top: 1%;
        right: 5%; } }
    .matching-items-list button span {
      display: block;
      padding: 0.5em 0; }

.matching-items-total {
  padding: 0 20px 20px; }
  .matching-items-total .price {
    margin-right: 20px;
    font-size: 1.25em;
    line-height: 1.25;
    float: right; }
  .matching-items-total .cost,
  .matching-items-total .set,
  .matching-items-total .quant {
    font-size: 1.8rem;
    letter-spacing: 0.1rem; }
    @media screen and (max-width: 1440px) {
      .matching-items-total .cost,
      .matching-items-total .set,
      .matching-items-total .quant {
        font-size: 1.8rem; } }
    @media screen and (max-width: 1024px) {
      .matching-items-total .cost,
      .matching-items-total .set,
      .matching-items-total .quant {
        font-size: 1.3rem; } }
    @media screen and (max-width: 768px) {
      .matching-items-total .cost,
      .matching-items-total .set,
      .matching-items-total .quant {
        font-size: 1.3rem; } }
  @media (max-width: 414px), (max-width: 414px) and (orientation: landscape) {
    .matching-items-total {
      display: none; } }

.suites .matching-items-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }
  @media (min-width: 1025px) {
    .suites .matching-items-list .img-container:hover {
      cursor: pointer; }
      .suites .matching-items-list .img-container:hover:after {
        background: rgba(255, 255, 255, 0.5);
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        position: absolute;
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        -ms-transition: opacity 0.2s ease-out;
        -o-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;
        width: 100%;
        height: 100%; } }
  @media (min-width: 1025px) {
    .suites .matching-items-list .img-container:hover .review-item-thumb-icon {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -moz-transition: transform 0.15s ease, opacity 0.3s ease;
      -o-transition: transform 0.15s ease, opacity 0.3s ease;
      -webkit-transition: transform 0.15s ease, opacity 0.3s ease;
      transition: transform 0.15s ease, opacity 0.3s ease; } }

.matching-item-subtotal {
  position: relative;
  border: none;
  padding: 1.75rem 2rem; }
  @media only screen and (max-width: 1024px) {
    .matching-item-subtotal {
      padding: 1rem; }
      .matching-item-subtotal button {
        padding: 5px; } }
  @media only screen and (max-width: 768px) {
    .matching-item-subtotal {
      border-left: none; } }
  .matching-item-subtotal .matching-item-subtotal-cta button {
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #FFF;
    width: 100%; }
    .matching-item-subtotal .matching-item-subtotal-cta button[disabled="disabled"] {
      background: #DADADA;
      cursor: default; }
  .matching-item-subtotal h3 {
    font-size: 1.35rem;
    margin-bottom: 2rem;
    font-weight: bold;
    text-align: left; }
    @media screen and (max-width: 414px) {
      .matching-item-subtotal h3 {
        font-size: 1.1rem; } }
  .matching-item-subtotal h4 {
    text-align: left;
    margin-bottom: 0.25em;
    font-size: 1.6rem;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden; }
    @media screen and (max-width: 1440px) {
      .matching-item-subtotal h4 {
        font-size: 1.6rem; } }
    @media screen and (max-width: 1366px) {
      .matching-item-subtotal h4 {
        font-size: 1.25rem; } }
    @media screen and (max-width: 768px) {
      .matching-item-subtotal h4 {
        font-size: 1.35rem; } }
    @media screen and (max-width: 414px) {
      .matching-item-subtotal h4 {
        font-size: 1.1rem; } }
  .matching-item-subtotal .color-themes li {
    padding: 0 2% 1% 0; }
  .matching-item-subtotal .color-themes button {
    position: relative;
    height: 25px;
    padding: 0;
    border: 2px solid transparent;
    margin: 0 10px 10px 0;
    width: 100%;
    -webkit-transition: border-color 0.25s ease;
    -moz-transition: border-color 0.25s ease;
    -ms-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease; }
    .matching-item-subtotal .color-themes button.active {
      border: 2px solid #0092DB; }

.matching-item-subtotal-info {
  padding-bottom: 0.5rem; }

.matching-item-subtotal-cta {
  padding-top: 2.5rem; }

.suites {
  /*top sorting and pagination util cutomizations*/
  /*end top sorting and pagination util cutomizations*/ }
  .suites .banner {
    min-height: 0; }
  .suites .header-image-wrap .img-container {
    position: absolute;
    bottom: -2px; }
  .suites .header-image-wrap h1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .suites .matching-items {
    padding: 2% 3.5% 0; }
    @media only screen and (max-width: 768px) {
      .suites .matching-items {
        background: none; } }
  .suites .matching-items-list {
    padding: 1%;
    padding-top: 0;
    border-right: 1px solid #DFDFDF; }
    @media only screen and (max-width: 768px) {
      .suites .matching-items-list {
        border-right: none; } }
  .suites .matching-items-line {
    border-bottom: 1px solid #DFDFDF;
    margin: 2% 0 0; }
  .suites .matching-items-utils {
    padding-top: 1%;
    border-bottom: 1px solid;
    width: 97.5%;
    text-transform: uppercase; }
    .suites .matching-items-utils .pagination-wrapper {
      font-size: 1rem; }
    .suites .matching-items-utils .pagination-filter-wrapper {
      float: left !important; }
      .suites .matching-items-utils .pagination-filter-wrapper select {
        background: #FFF;
        text-transform: uppercase;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        .suites .matching-items-utils .pagination-filter-wrapper select::-ms-expand {
          display: none; }
      .suites .matching-items-utils .pagination-filter-wrapper .order-by, .suites .matching-items-utils .pagination-filter-wrapper .items-per-page {
        position: relative; }
        .suites .matching-items-utils .pagination-filter-wrapper .order-by select, .suites .matching-items-utils .pagination-filter-wrapper .items-per-page select {
          z-index: 2; }
        .suites .matching-items-utils .pagination-filter-wrapper .order-by span, .suites .matching-items-utils .pagination-filter-wrapper .items-per-page span {
          position: absolute;
          right: 60px;
          top: 8px;
          z-index: 1;
          pointer-events: none; }
      .suites .matching-items-utils .pagination-filter-wrapper .order-by {
        padding-left: 7%; }
        .suites .matching-items-utils .pagination-filter-wrapper .order-by select {
          width: 145px; }
      .suites .matching-items-utils .pagination-filter-wrapper .items-per-page {
        width: 300px; }
        .suites .matching-items-utils .pagination-filter-wrapper .items-per-page select {
          width: 95px; }
    @media only screen and (max-width: 1024px) {
      .suites .matching-items-utils .pagination-wrapper {
        float: left; }
      .suites .matching-items-utils .pagination-filter-wrapper .order-by select {
        line-height: 1.1; } }
    @media only screen and (max-width: 768px) {
      .suites .matching-items-utils {
        border-bottom: none; }
        .suites .matching-items-utils .pagination-filter-wrapper {
          display: none; } }

.productsuites .pricing-link {
  border-bottom: none;
  outline: none; }
  .productsuites .pricing-link > span {
    margin-left: 0.5em;
    border-bottom: 1px solid #0070C9;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  @media only screen and (max-width: 768px) {
    .productsuites .pricing-link {
      width: 100%;
      margin: 0; } }

.allsuitehelper .allsuitehelper-content {
  padding: 2rem 1rem 0; }
  .allsuitehelper .allsuitehelper-content ul {
    padding-top: 2rem; }
  .allsuitehelper .allsuitehelper-content li {
    padding: 0 3.5% 2%; }
    @media (max-width: 414px) {
      .allsuitehelper .allsuitehelper-content li {
        padding-bottom: 10%; } }
  .allsuitehelper .allsuitehelper-content .type-caps {
    text-transform: uppercase; }
  .allsuitehelper .allsuitehelper-content .type-header {
    font-size: 1.25rem; }
  .allsuitehelper .allsuitehelper-content .icon {
    font-size: 2.25rem;
    padding: 1.5rem 0; }
    @media (max-width: 414px) {
      .allsuitehelper .allsuitehelper-content .icon {
        padding: 0; } }
  .allsuitehelper .allsuitehelper-content p {
    line-height: 1.25; }

.allsuitehelper h2 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid #BBB;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }

.allsuitehelper .call-to-action .cancel {
  background-color: #4A4A4A;
  height: 50px; }

.allsuitehelper .call-to-action .mfp-close {
  height: 50px;
  width: 100%;
  position: static;
  line-height: 1;
  padding: 1rem;
  font-size: 1rem;
  color: #FFF;
  background-color: #CC0000;
  margin: 0;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  opacity: 1; }

.my-projects-content {
  background-color: #F8F8F8; }

.breadcrumb-ish {
  color: #333; }
  .breadcrumb-ish ul li a, .breadcrumb-ish ul li p {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 1rem !important;
    margin-top: 0.2rem;
    color: #333 !important; }

.my-projects-header {
  background-color: #e6e7e8;
  height: 191px;
  text-align: center;
  color: #333; }
  .my-projects-header h1 {
    top: 60%;
    position: relative; }

.row.my-projects-utils.grid-100 {
  padding-top: 1%; }

ul.project-pagination {
  width: auto;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  color: #333; }
  ul.project-pagination li.ng-scope {
    float: left;
    padding: 0% 15px; }
    ul.project-pagination li.ng-scope:hover {
      cursor: pointer; }
    ul.project-pagination li.ng-scope p {
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-size: 1.2rem; }
    ul.project-pagination li.ng-scope .selected {
      text-decoration: underline; }

.row.my-projects-top-utils {
  text-align: right;
  border-bottom: 1px solid #333;
  width: 97.5%; }
  .row.my-projects-top-utils button {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    color: #333;
    font-size: 1.1vw;
    font-weight: normal;
    width: 190px;
    text-transform: capitalize; }
    .row.my-projects-top-utils button:disabled {
      cursor: not-allowed;
      opacity: 0.5; }
    .row.my-projects-top-utils button i {
      margin-right: 5%; }

.pagination-filter-wrapper {
  float: right !important;
  width: auto;
  padding-right: 0%; }
  .pagination-filter-wrapper label {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 1rem;
    padding-right: 2%;
    padding-left: 2%; }
    @media screen and (max-width: 1440px) {
      .pagination-filter-wrapper label {
        font-size: 1rem; } }
    @media screen and (max-width: 580px) {
      .pagination-filter-wrapper label {
        font-size: 0.8rem; } }
    @media screen and (max-width: 414px) {
      .pagination-filter-wrapper label {
        font-size: 0.7rem; } }
    @media screen and (max-width: 320px) {
      .pagination-filter-wrapper label {
        font-size: 0.5rem; } }
  .pagination-filter-wrapper select {
    background-color: #F8F8F8;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 1rem;
    height: 35px;
    border: none;
    padding-right: 2%; }
    @media screen and (max-width: 1440px) {
      .pagination-filter-wrapper select {
        font-size: 1rem; } }
    @media screen and (max-width: 580px) {
      .pagination-filter-wrapper select {
        font-size: 0.8rem; } }
    @media screen and (max-width: 414px) {
      .pagination-filter-wrapper select {
        font-size: 0.7rem; } }
    @media screen and (max-width: 320px) {
      .pagination-filter-wrapper select {
        font-size: 0.5rem; } }
  .pagination-filter-wrapper .order-by {
    width: 325px;
    float: right; }
  .pagination-filter-wrapper .items-per-page {
    width: 230px;
    float: right; }

.pagination-wrapper {
  float: right;
  font-size: 1.2rem;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  color: #333;
  height: 35px;
  padding-top: 5px;
  right: 0;
  width: 370px !important;
  line-height: 25px; }
  .pagination-wrapper .page-first, .pagination-wrapper .page-previous {
    float: left;
    padding-left: 15px; }
    .pagination-wrapper .page-first:hover, .pagination-wrapper .page-previous:hover {
      cursor: pointer; }
  .pagination-wrapper .page-elipses {
    float: left;
    padding-right: 15px; }
  .pagination-wrapper .page-last, .pagination-wrapper .page-next {
    float: left;
    padding-right: 15px; }
    .pagination-wrapper .page-last:hover, .pagination-wrapper .page-next:hover {
      cursor: pointer; }

.breadcrumb-ish {
  position: absolute;
  top: 155px;
  left: 15px;
  color: #333;
  font-size: 1.2rem;
  width: 40%; }
  .breadcrumb-ish ul li:first-child {
    padding-right: 10px; }
  .breadcrumb-ish ul li {
    float: left;
    width: auto;
    font-size: 1.2rem; }
    .breadcrumb-ish ul li a {
      color: #333; }
      .breadcrumb-ish ul li a:hover {
        color: #EE2424; }
    .breadcrumb-ish ul li p {
      font-size: 1.2rem; }

.project-list {
  padding-bottom: 4rem !important;
  padding-left: 2rem;
  padding-right: 2rem; }
  .project-list .project-wrapper {
    width: 25%;
    float: left;
    height: 25vw;
    background: #F8F8F8;
    margin-top: 4rem; }
    .project-list .project-wrapper .project-margin {
      height: 100%;
      width: auto;
      border: 2px solid #E0E0E0;
      margin-left: 2rem;
      margin-right: 2rem; }
      .project-list .project-wrapper .project-margin .project-tile {
        float: left;
        margin: 1.25rem;
        height: 17vw;
        width: 90%;
        overflow: hidden;
        text-align: center; }
        .project-list .project-wrapper .project-margin .project-tile a img.project-thumb {
          top: 50%;
          position: relative;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          box-shadow: 5px 2px 5px 5px #EBEBEB;
          border: 1px solid #DDD;
          max-width: 100%;
          max-height: 100%; }
        .project-list .project-wrapper .project-margin .project-tile a img.rounded-corner {
          border: none;
          box-shadow: none; }
      .project-list .project-wrapper .project-margin .project-info {
        float: right;
        width: 100%;
        position: relative; }
        .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
          padding-left: 4vw;
          font-size: 1.45rem;
          font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
          font-weight: normal;
          margin-bottom: 0.5vw; }
          @media screen and (max-width: 1440px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 1.45rem; } }
          @media screen and (max-width: 1366px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 1.15rem; } }
          @media screen and (max-width: 1024px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 1rem; } }
          @media screen and (max-width: 768px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 1.4rem; } }
          @media screen and (max-width: 580px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 1rem; } }
          @media screen and (max-width: 414px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 1rem; } }
          @media screen and (max-width: 320px) {
            .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
              font-size: 0.8rem; } }
  .project-list label.radio-label {
    background-color: #F6F6F6;
    height: 2vw;
    width: 2vw;
    position: absolute;
    left: 1vw;
    top: -0.3vw;
    outline: 2px solid #B4B4B4; }
    .project-list label.radio-label i {
      font-size: 0; }
  .project-list input[type="radio"] {
    display: none !important; }
  .project-list input[type="radio"] + label {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 14px; }
  .project-list input[type="radio"]:checked + label {
    background-color: #47B7FF;
    outline: 2px solid #47B7FF; }
  .project-list input[type="radio"]:checked + label i {
    font-size: 2vw;
    color: #fff;
    margin-left: 0.15vw;
    margin-top: 0vw; }
  .project-list input[type="radio"] + label,
  .project-list input[type="radio"]:checked + label {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear; }

.project-tile {
  float: left;
  margin: 10px 10px 10px 10px; }

.asset-uploader .asset-title {
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  color: white; }

#manage_asset_frame body {
  line-height: 1;
  background-color: white; }

#manage_asset_frame .asset-uploader .asset-title {
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  color: white; }

@media (max-width: 1366px) {
  .project-list .project-wrapper {
    margin-top: 2rem; }
    .project-list .project-wrapper .project-margin {
      margin-left: 1rem;
      margin-right: 1rem; }
  .row.my-projects-top-utils button {
    width: 100px;
    padding-right: 0;
    font-size: 1rem; }
  .pagination-wrapper {
    width: 335px !important;
    font-size: 1rem; } }

@media (max-width: 1024px) {
  .project-list .project-wrapper {
    margin-top: 2rem; }
    .project-list .project-wrapper .project-margin {
      margin-right: 1rem;
      margin-left: 1rem; }
  .pagination-wrapper {
    width: 320px !important; } }

@media (max-width: 900px) {
  .project-list label.radio-label {
    height: 4.5vw;
    width: 4.5vw;
    right: 2vw;
    bottom: 4vw;
    margin-left: 1rem; }
  .project-list input[type="radio"]:checked + label i {
    font-size: 4.3vw;
    color: #fff;
    margin-left: 0.4vw;
    margin-top: 0.3vw; }
  .project-list .project-wrapper {
    width: 50%;
    height: 42vw;
    margin-top: 4rem; }
    .project-list .project-wrapper .project-margin {
      margin-left: 2rem;
      margin-right: 2rem; }
      .project-list .project-wrapper .project-margin .project-tile {
        height: 26vw; }
      .project-list .project-wrapper .project-margin .project-info {
        margin-top: 2rem; }
        .project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
          padding-left: 8.5vw;
          padding-top: 1vw; } }

@media (max-width: 768px) {
  body.myprojects.elevio-right #elevio-widget {
    display: none; }
  .breadcrumb-ish {
    display: none; }
  .pagination-filter-wrapper {
    width: 100%;
    padding-left: 0.5rem;
    padding-top: 1%; }
    .pagination-filter-wrapper .order-by {
      width: 50%;
      float: left; }
    .pagination-filter-wrapper .items-per-page {
      width: 50%;
      float: right; }
    .pagination-filter-wrapper label {
      display: inline-block;
      top: 20px;
      position: relative; }
    .pagination-filter-wrapper select {
      width: 40%;
      height: 50px; }
    .pagination-filter-wrapper select#orderBy {
      width: auto;
      float: right;
      margin-right: 1rem; }
    .pagination-filter-wrapper select#itemsPerPage {
      width: auto;
      float: right;
      margin-right: 1rem; }
  .row.project-list .project-wrapper {
    height: 45vw;
    background: #F8F8F8;
    background-image: none;
    margin-top: 2rem; }
    .row.project-list .project-wrapper .project-margin {
      margin-left: 1rem;
      margin-right: 1rem; }
      .row.project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        font-weight: normal;
        width: 38vw;
        padding-left: 9.5vw;
        padding-top: 0vw; }
  .row.project-list input[type="radio"]:checked + label i {
    font-size: 5.3vw;
    color: #fff;
    margin-left: 0.5vw;
    margin-top: 0.2vw; }
  .row.project-list label.radio-label {
    height: 5.5vw;
    width: 5.5vw;
    right: 5vw;
    bottom: -2vw;
    left: 0vw; }
  .pagination-wrapper {
    width: 100% !important;
    height: 10vw;
    padding-left: 1rem;
    padding-right: 1rem; }
    .pagination-wrapper .page-elipses {
      display: none; }
    .pagination-wrapper .project-pagination {
      display: none; }
    .pagination-wrapper div {
      background-color: #DFDFDF;
      color: #8A8A8A;
      font-size: 1.5rem;
      text-align: center;
      height: 8vw;
      outline: 2px solid #F8F8F8;
      line-height: 8vw;
      padding-right: 0 !important;
      padding-left: 0 !important; }
      .pagination-wrapper div i {
        font-size: 1.5rem;
        line-height: 8vw;
        display: block; }
  .row.my-projects-top-utils {
    text-align: center;
    border-bottom: 1px solid #333;
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 58px;
    z-index: 9999;
    background-color: #E7E7E7; }
    .row.my-projects-top-utils button {
      width: 100%;
      padding-right: 0;
      font-size: 1.3rem; } }

@media (max-width: 414px) {
  .row.my-projects-top-utils {
    height: 47.5px; }
  .row.project-list label.radio-label {
    outline: 1px solid #B4B4B4; }
  .pagination-filter-wrapper select#orderBy {
    width: 60%; }
  .my-projects-header h1 {
    top: 50%;
    position: relative;
    font-weight: normal;
    color: #333; }
  .pagination-wrapper div {
    height: 8vw;
    font-size: 1rem; }
    .pagination-wrapper div i {
      font-size: 4vw;
      line-height: 9vw;
      display: block; }
  .row.project-list .project-wrapper .project-margin .project-info {
    margin-top: 1.5rem; }
    .row.project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
      padding-left: 11vw;
      width: 41vw; }
  .row.project-list .project-wrapper .project-margin .project-tile {
    margin: 0.5rem; } }

@media (max-width: 320px) {
  .pagination-filter-wrapper {
    margin-top: 2%; }
  .project-list label.radio-label {
    height: 10.5vw;
    width: 10.5vw;
    right: 3vw;
    bottom: -2vw; }
  .project-list input[type="radio"]:checked + label i {
    font-size: 9.3vw; }
  .row.project-list .project-wrapper {
    margin-top: 1rem; }
    .row.project-list .project-wrapper .project-margin {
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
      .row.project-list .project-wrapper .project-margin .project-info {
        margin-top: 0.5rem; }
        .row.project-list .project-wrapper .project-margin .project-info p.project-name.ng-binding {
          width: 44vw; }
        .row.project-list .project-wrapper .project-margin .project-info label.radio-label {
          height: 5.5vw;
          width: 5.5vw;
          right: 5vw;
          bottom: -2vw;
          left: -2vw; } }

.error-page h1 {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  color: #CC0000;
  font-size: 270px;
  margin: 0;
  padding-top: 130px;
  position: relative; }
  @media (max-width: 767px) {
    .error-page h1 {
      font-size: 90px;
      padding-top: 50px; } }

.error-page .error-content-404 {
  -webkit-transform: translateY(-120px);
  -moz-transform: translateY(-120px);
  -ms-transform: translateY(-120px);
  -o-transform: translateY(-120px);
  transform: translateY(-120px); }
  @media (max-width: 768px) {
    .error-page .error-content-404 {
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px); } }
  @media (max-width: 767px) {
    .error-page .error-content-404 {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }

.error-page .error-content-server {
  -webkit-transform: translateY(-140px);
  -moz-transform: translateY(-140px);
  -ms-transform: translateY(-140px);
  -o-transform: translateY(-140px);
  transform: translateY(-140px); }
  @media (max-width: 768px) {
    .error-page .error-content-server {
      -webkit-transform: translateY(-60px);
      -moz-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      transform: translateY(-60px); } }
  @media (max-width: 767px) {
    .error-page .error-content-server {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }

.error-page h2 {
  font-size: 70px;
  letter-spacing: 4px;
  color: #000000;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  padding-top: 50px;
  padding-bottom: 20px; }
  @media (max-width: 768px) {
    .error-page h2 {
      padding-top: 0; } }
  @media (max-width: 767px) {
    .error-page h2 {
      font-size: 40px; } }

@media (min-width: 769px) {
  .error-page .error-server {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px); } }

@media (max-width: 767px) {
  .error-page .error-server {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    width: 178px; } }

.error-page p {
  font-size: 24px;
  line-height: 1.2; }
  @media (max-width: 767px) {
    .error-page p {
      font-size: 14px; } }

.error-page a.btn-primary, .error-page a.btn-tertiary, .error-page a.btn-cart {
  margin-top: 48px;
  display: inline-block; }
  .error-page a.btn-primary:hover, .error-page a.btn-tertiary:hover, .error-page a.btn-cart:hover {
    text-decoration: none; }

.howToHeader {
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }

.calendar-how-to {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .calendar-how-to div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0; }
    .calendar-how-to div span {
      margin-right: 5px;
      font-weight: 700; }
    .calendar-how-to div img {
      margin: 0 auto;
      display: block; }

.howto1Text, .howto2Text, .howto3Text {
  margin-top: 20px;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  font-size: 1.4rem;
  text-align: center; }

.howto1Text-mobile {
  display: none; }

.calendars.category-tiles.large-tiles figure figcaption {
  padding: 6em 0em; }
  .calendars.category-tiles.large-tiles figure figcaption div.main-title {
    float: left;
    margin-left: 4rem; }
    .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
      font-size: 2.95rem;
      color: #000;
      /*font-family:$font-family-sans-serif-light;*/
      text-transform: uppercase;
      letter-spacing: normal; }
      @media screen and (max-width: 1440px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 2.95rem; } }
      @media screen and (max-width: 1600px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 2.5rem; } }
      @media screen and (max-width: 1366px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 2rem; } }
      @media screen and (max-width: 1024px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 1.5rem; } }
      @media screen and (max-width: 860px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 2.95rem; } }
      @media screen and (max-width: 768px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 2.5rem; } }
      @media screen and (max-width: 580px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title h2.name.subCategory--long-name {
          font-size: 2rem; } }
    .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
      font-size: 1.5rem;
      width: auto;
      margin: 0 auto;
      text-align: left; }
      @media screen and (max-width: 1440px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1.5rem; } }
      @media screen and (max-width: 1600px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1.3rem; } }
      @media screen and (max-width: 1366px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1.1rem; } }
      @media screen and (max-width: 1024px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1rem; } }
      @media screen and (max-width: 860px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1.5rem; } }
      @media screen and (max-width: 768px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1.2rem; } }
      @media screen and (max-width: 580px) {
        .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p {
          font-size: 1rem; } }
      .calendars.category-tiles.large-tiles figure figcaption div.main-title div.description p span {
        font-weight: bold; }
  .calendars.category-tiles.large-tiles figure figcaption div.border-info {
    max-width: 400px;
    position: absolute;
    bottom: 4rem;
    text-align: left;
    left: 4rem;
    border: 0; }
    .calendars.category-tiles.large-tiles figure figcaption div.border-info h4 {
      font-size: 2rem;
      padding-left: 0;
      font-weight: 700;
      color: #cb1f12; }
    .calendars.category-tiles.large-tiles figure figcaption div.border-info.express h4 {
      padding-left: 0px;
      color: #648ab7;
      font-weight: normal; }
  .calendars.category-tiles.large-tiles figure figcaption div.additional-info p {
    letter-spacing: 2px; }
  .calendars.category-tiles.large-tiles figure figcaption div.additional-info.only-bold {
    margin-top: 1.8rem;
    clear: both;
    float: left;
    text-align: left;
    margin-left: 4rem;
    font-weight: 600; }
  .calendars.category-tiles.large-tiles figure figcaption p {
    font-size: 1rem; }

@media only screen and (max-width: 1366px) {
  .calendars .category-tiles.large-tiles figure figcaption div.border-info {
    border: 0; } }

@media only screen and (max-width: 1024px) {
  .calendar-how-to, .howToHeader {
    display: none; }
  .howto1Text-mobile {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    margin-top: 2rem; }
    .howto1Text-mobile span {
      font-weight: 700;
      margin-right: 5px; } }

@media (max-width: 580px) {
  .calendars.category-tiles.large-tiles figure figcaption {
    padding: 1rem 0rem; }
    .calendars.category-tiles.large-tiles figure figcaption div.main-title {
      margin-top: 2rem;
      margin-left: 2rem; }
    .calendars.category-tiles.large-tiles figure figcaption .additional-info {
      display: none !important; }
    .calendars.category-tiles.large-tiles figure figcaption div.border-info {
      top: 7rem;
      left: 2rem !important; }
      .calendars.category-tiles.large-tiles figure figcaption div.border-info h4 {
        padding-bottom: 0; } }

@media (max-width: 414px) {
  .calendars .category-tiles.large-tiles div.border-info {
    border: 0; }
    .calendars .category-tiles.large-tiles div.border-info h4 {
      font-size: 1.6rem !important; } }

/* stylelint-disable */
/* stylelint-enable */
.review #main-content {
  padding-bottom: 0;
  color: #000000; }

@media (min-width: 769px) {
  .tablet-min-hide {
    display: none; }
  .tablet-min-show {
    display: none; } }

.upsell .footer-hide {
  display: none; }

.checkmark-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: solid 2px transparent;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  -webkit-transition: border 0.35s ease;
  -moz-transition: border 0.35s ease;
  -ms-transition: border 0.35s ease;
  -o-transition: border 0.35s ease;
  transition: border 0.35s ease; }
  .checkmark-icon:focus {
    outline: none; }
  .checkmark-icon:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

.checkmark-icon-container {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .checkmark-icon-container:hover ~ .checkmark-icon, .checkmark-icon-container:hover .checkmark-icon {
    background-color: #FFF;
    border: solid 2px #0070C9; }
  .checkmark-icon-container:checked ~ .checkmark-icon, .checkmark-icon-container:checked .checkmark-icon, .checkmark-icon-container.selected .checkmark-icon, .checkmark-icon-container.active .checkmark-icon {
    border: solid 2px transparent;
    background-color: #0070C9;
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/line-svg);
    background-size: 11px;
    background-position: 3px 3px; }
    .checkmark-icon-container:checked ~ .checkmark-icon:focus, .checkmark-icon-container:checked .checkmark-icon:focus, .checkmark-icon-container.selected .checkmark-icon:focus, .checkmark-icon-container.active .checkmark-icon:focus {
      outline: none; }
  .checkmark-icon-container.option-disabled,
  .checkmark-icon-container .option-disabled, .checkmark-icon-container.disabled,
  .checkmark-icon-container .disabled {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    pointer-events: none; }
    .checkmark-icon-container.option-disabled ~ label,
    .checkmark-icon-container.option-disabled .checkmark-icon,
    .checkmark-icon-container .option-disabled ~ label,
    .checkmark-icon-container .option-disabled .checkmark-icon, .checkmark-icon-container.disabled ~ label,
    .checkmark-icon-container.disabled .checkmark-icon,
    .checkmark-icon-container .disabled ~ label,
    .checkmark-icon-container .disabled .checkmark-icon {
      background-color: #E1E1E1;
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/icon-disabled");
      background-size: contain;
      border: none;
      outline: none; }
    .checkmark-icon-container.option-disabled:hover ~ .checkmark-icon, .checkmark-icon-container.option-disabled:hover .checkmark-icon,
    .checkmark-icon-container .option-disabled:hover ~ .checkmark-icon,
    .checkmark-icon-container .option-disabled:hover .checkmark-icon, .checkmark-icon-container.disabled:hover ~ .checkmark-icon, .checkmark-icon-container.disabled:hover .checkmark-icon,
    .checkmark-icon-container .disabled:hover ~ .checkmark-icon,
    .checkmark-icon-container .disabled:hover .checkmark-icon {
      background-color: #E1E1E1;
      outline: none; }
    .checkmark-icon-container.option-disabled:focus,
    .checkmark-icon-container .option-disabled:focus, .checkmark-icon-container.disabled:focus,
    .checkmark-icon-container .disabled:focus {
      outline: none; }
    .checkmark-icon-container.option-disabled p,
    .checkmark-icon-container .option-disabled p, .checkmark-icon-container.disabled p,
    .checkmark-icon-container .disabled p {
      color: #E1E1E1; }
    .checkmark-icon-container.option-disabled .delivery-text ~ p.delivery-method-name,
    .checkmark-icon-container .option-disabled .delivery-text ~ p.delivery-method-name, .checkmark-icon-container.disabled .delivery-text ~ p.delivery-method-name,
    .checkmark-icon-container .disabled .delivery-text ~ p.delivery-method-name {
      color: #E7E7E7;
      opacity: 0.9; }
    .checkmark-icon-container.option-disabled .upsell-info-container svg g g,
    .checkmark-icon-container .option-disabled .upsell-info-container svg g g, .checkmark-icon-container.disabled .upsell-info-container svg g g,
    .checkmark-icon-container .disabled .upsell-info-container svg g g {
      fill: #E7E7E7; }
  .checkmark-icon-container label {
    cursor: pointer; }

@media screen and (min-width: 1025px) {
  body:not(.popover-active):not(.popup-active) .upsell-content {
    z-index: 1; } }

#samdeayinfo-popup.show {
  opacity: 1;
  z-index: 100; }

#samdeayinfo-popup .lightbox-content {
  max-width: 928px !important; }
  @media screen and (max-width: 1024px) {
    #samdeayinfo-popup .lightbox-content {
      max-width: 818px !important; } }
  @media screen and (max-width: 768px) {
    #samdeayinfo-popup .lightbox-content {
      max-width: 718px !important; } }
  @media screen and (max-width: 767px) {
    #samdeayinfo-popup .lightbox-content {
      max-width: 80% !important; } }
  @media screen and (max-width: 414px) {
    #samdeayinfo-popup .lightbox-content {
      max-width: 310px !important; } }
  #samdeayinfo-popup .lightbox-content .lightbox-header {
    min-height: 85px;
    height: auto;
    box-shadow: none;
    border-bottom: 1px solid #F2F2F2; }
    #samdeayinfo-popup .lightbox-content .lightbox-header h3 {
      padding: 10px 0 25px;
      font-size: 26px; }
      @media screen and (max-width: 767px) {
        #samdeayinfo-popup .lightbox-content .lightbox-header h3 {
          font-size: 20px; } }
    #samdeayinfo-popup .lightbox-content .lightbox-header h4 {
      background-color: #F2F2F2;
      text-align: left;
      padding: 20px;
      border-top: 1px solid #E7E7E7; }
      @media screen and (max-width: 767px) {
        #samdeayinfo-popup .lightbox-content .lightbox-header h4 {
          padding: 10px; } }
  #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple {
    padding: 0;
    min-height: unset; }
    #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown {
      max-height: 409px;
      overflow-y: scroll;
      width: 99.5%; }
      @media screen and (max-width: 768px) and (min-width: 767px) {
        #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown {
          max-height: unset;
          width: 97.5%;
          overflow-y: hidden; } }
      @media screen and (max-width: 767px) {
        #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown {
          max-height: 200px; } }
      #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-table {
        position: relative; }
      @media screen and (max-width: 767px) {
        #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column.active .table-header.table-row-item:before {
          content: 'Quantity'; } }
      @media screen and (max-width: 768px) and (min-width: 767px) {
        #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column {
          display: block; }
          #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column.active {
            width: auto; }
            #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column.active .table-header.table-row-item {
              font-size: 12px; }
              #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column.active .table-header.table-row-item:before {
                display: none; } }
      #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column:first-child {
        min-width: 50%; }
        @media screen and (max-width: 767px) {
          #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-column:first-child .table-row-item:not(.table-header) {
            max-height: 36px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; } }
      #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        border-radius: 10px; }
      #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
      #samdeayinfo-popup .lightbox-content .category-pricing-info.category-pricing-multiple .pricing-info-breakdown .pricing-table-container {
        margin: 0; }
  #samdeayinfo-popup .lightbox-content .mobile-pricing-slider-container {
    margin: 10px 0; }
    @media screen and (max-width: 768px) and (min-width: 767px) {
      #samdeayinfo-popup .lightbox-content .mobile-pricing-slider-container {
        display: none; } }
    @media screen and (max-width: 767px) {
      #samdeayinfo-popup .lightbox-content .mobile-pricing-slider-container .mobile-pricing-slider button:not(.slick-prev):not(.slick-next) {
        max-width: 93%;
        margin-left: 8px; } }
    @media screen and (max-width: 414px) {
      #samdeayinfo-popup .lightbox-content .mobile-pricing-slider-container .mobile-pricing-slider button:not(.slick-prev):not(.slick-next) {
        max-width: 140px; } }
  @media screen and (max-width: 767px) {
    #samdeayinfo-popup .lightbox-content .lightbox-footer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: reverse;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column-reverse;
      -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding: 12px;
      text-align: center; } }
  #samdeayinfo-popup .lightbox-content .lightbox-footer h4 {
    line-height: 1.4; }
  #samdeayinfo-popup .lightbox-content .lightbox-footer p {
    line-height: 2;
    font-size: 15px; }
    @media screen and (max-width: 767px) {
      #samdeayinfo-popup .lightbox-content .lightbox-footer p {
        padding-top: 10px; } }
  #samdeayinfo-popup .lightbox-content .lightbox-footer .btn {
    margin: 5px 0; }

header .nav-main .nav-main--links > .sign-in-upsell {
  float: left;
  padding: 32px 15px; }
  @media screen and (max-width: 1024px) {
    header .nav-main .nav-main--links > .sign-in-upsell {
      width: auto;
      padding: 10px 5px; }
      header .nav-main .nav-main--links > .sign-in-upsell ul li:before {
        display: none; } }

.upsell-redesign {
  padding: 0;
  /*****CHOOSE YOUR DELIVERY METHOD****/ }
  @media screen and (max-width: 1024px) {
    .upsell-redesign {
      padding: 0 14px; } }
  @media screen and (max-width: 768px) {
    .upsell-redesign {
      padding: 0 18px; } }
  @media screen and (max-width: 767px) {
    .upsell-redesign {
      padding: 0; } }
  .upsell-redesign .review-content {
    padding: 0; }
    @media screen and (max-width: 768px) {
      .upsell-redesign .review-content {
        background-color: transparent; } }
    @media screen and (min-width: 1025px) {
      .upsell-redesign .review-content > .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; } }
  .upsell-redesign .upsell-store-container {
    padding: 10px; }
    .upsell-redesign .upsell-store-container p {
      font-size: 13px;
      line-height: 19px; }
    .upsell-redesign .upsell-store-container .bullet {
      font-size: 9px;
      vertical-align: middle; }
    .upsell-redesign .upsell-store-container .store-name {
      line-height: 22px;
      font-size: 14px; }
    .upsell-redesign .upsell-store-container .store-name-text {
      margin-right: 20px; }
    .upsell-redesign .upsell-store-container .bold {
      font-weight: 700;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
    .upsell-redesign .upsell-store-container a {
      display: inline;
      text-decoration: none; }
      @media screen and (max-width: 768px) {
        .upsell-redesign .upsell-store-container a {
          float: right; } }
  .upsell-redesign .upsell-content {
    padding: 0 16px 0 20px; }
    @media screen and (max-width: 1024px) {
      .upsell-redesign .upsell-content {
        padding: 0 6px; } }
    @media screen and (max-width: 768px) {
      .upsell-redesign .upsell-content {
        padding: 0 7px; } }
    @media screen and (max-width: 767px) {
      .upsell-redesign .upsell-content {
        padding: 0; } }
    .upsell-redesign .upsell-content .headline-underline-title, .upsell-redesign .upsell-content .landing-page .related-products p, .landing-page .related-products .upsell-redesign .upsell-content p {
      margin: 25px 0 32px;
      text-transform: none; }
      @media screen and (max-width: 767px) {
        .upsell-redesign .upsell-content .headline-underline-title, .upsell-redesign .upsell-content .landing-page .related-products p, .landing-page .related-products .upsell-redesign .upsell-content p {
          margin: 20px 15px 25px;
          font-size: 22px; } }
      .upsell-redesign .upsell-content .headline-underline-title:after, .upsell-redesign .upsell-content .landing-page .related-products p:after, .landing-page .related-products .upsell-redesign .upsell-content p:after {
        margin: 0;
        position: relative;
        top: 5px;
        width: 30px; }
        @media screen and (max-width: 767px) {
          .upsell-redesign .upsell-content .headline-underline-title:after, .upsell-redesign .upsell-content .landing-page .related-products p:after, .landing-page .related-products .upsell-redesign .upsell-content p:after {
            width: 16px;
            top: 3px; } }
  @media screen and (min-width: 1024px) {
    .upsell-redesign .upsell-preview {
      box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      padding: 0 8px;
      background: #FFFFFF;
      margin-top: -50px;
      margin-bottom: -80px; } }
  @media screen and (max-width: 1024px) {
    .upsell-redesign .upsell-preview {
      width: 105%;
      left: -15px;
      background: #FFFFFF;
      -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2); } }
  @media screen and (max-width: 768px) {
    .upsell-redesign .upsell-preview {
      left: -20px; } }
  @media screen and (max-width: 767px) {
    .upsell-redesign .upsell-preview {
      width: 100%;
      left: 0; } }
  .upsell-redesign .upsell-options-content, .upsell-redesign .delivery-option .delivery-text h3, .upsell-redesign .upsell-option .upsell-item input[type="radio"] ~ span {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0; }
  .upsell-redesign .upsell-option-container {
    padding: 20px 40px;
    margin-bottom: 16px;
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 767px) {
      .upsell-redesign .upsell-option-container {
        padding: 20px 15px; } }
  .upsell-redesign .banner {
    padding: 15px 10px;
    margin-top: 60px; }
    @media screen and (max-width: 1024px) {
      .upsell-redesign .banner {
        margin-top: 60px;
        padding: 20px 0; } }
    .upsell-redesign .banner h1 {
      font-size: 1.8rem;
      letter-spacing: 0; }
      @media screen and (max-width: 768px) {
        .upsell-redesign .banner h1 {
          font-size: 1.5625rem; } }
      @media screen and (max-width: 1024px) {
        .upsell-redesign .banner h1 {
          font-size: 26px; } }
      @media screen and (max-width: 767px) {
        .upsell-redesign .banner h1 {
          font-size: 20px; } }
  .upsell-redesign h2,
  .upsell-redesign h4 {
    border-bottom: 2px solid #F2F2F2;
    padding-top: 5px;
    padding-bottom: 20px;
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: normal; }
    @media screen and (max-width: 414px) {
      .upsell-redesign h2,
      .upsell-redesign h4 {
        padding-top: 0;
        font-size: 16px; } }
  .upsell-redesign .upsell-delivery-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px; }
    @media screen and (min-width: 769px) {
      .upsell-redesign .upsell-delivery-options {
        padding-top: 25px; } }
    .upsell-redesign .upsell-delivery-options .bold {
      font-weight: 700; }
    .upsell-redesign .upsell-delivery-options h3 {
      letter-spacing: normal;
      font-size: 14px;
      font-weight: 700;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 15px;
      margin: 0; }
    .upsell-redesign .upsell-delivery-options .upsell-info-container {
      margin-left: 10px;
      position: relative;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .upsell-redesign .upsell-delivery-options .upsell-info-container {
          display: none; } }
      .upsell-redesign .upsell-delivery-options .upsell-info-container svg {
        cursor: pointer; }
        .upsell-redesign .upsell-delivery-options .upsell-info-container svg:hover g g {
          fill: #444444; }
      .upsell-redesign .upsell-delivery-options .upsell-info-container svg:hover ~ .upsell-info {
        visibility: visible;
        opacity: 1;
        bottom: 30px; }
      .upsell-redesign .upsell-delivery-options .upsell-info-container .upsell-info {
        background-color: #444444;
        width: 220px;
        display: block;
        position: absolute;
        bottom: 30px;
        right: -10px;
        color: #FFFFFF;
        padding: 15px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 16px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.2s linear;
        z-index: 80; }
        .upsell-redesign .upsell-delivery-options .upsell-info-container .upsell-info:after {
          content: '';
          display: block;
          position: absolute;
          width: 4px;
          height: 22px;
          background: #444444;
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;
          right: 15px; }
      .upsell-redesign .upsell-delivery-options .upsell-info-container p {
        display: block; }
    .upsell-redesign .upsell-delivery-options .upsell-delivery-container {
      border-radius: 4px;
      -webkit-transition: all 0.15s ease;
      -moz-transition: all 0.15s ease;
      -ms-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      transition: all 0.15s ease;
      padding: 15px 0;
      margin-bottom: 10px; }
      .upsell-redesign .upsell-delivery-options .upsell-delivery-container.popup-active {
        background-color: #fff;
        border-radius: 5px;
        z-index: 102; }
        .upsell-redesign .upsell-delivery-options .upsell-delivery-container.popup-active:hover {
          box-shadow: none;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
          z-index: 102; }
      .upsell-redesign .upsell-delivery-options .upsell-delivery-container.selected {
        border: 1px solid #F2F2F2; }
      @media screen and (max-width: 767px) {
        .upsell-redesign .upsell-delivery-options .upsell-delivery-container {
          padding: 15px 5px; } }
      @media screen and (min-width: 767px) {
        .upsell-redesign .upsell-delivery-options .upsell-delivery-container {
          padding: 15px 20px;
          border: 1px solid transparent; } }
  @media screen and (min-width: 767px) and (min-width: 769px) {
    .upsell-redesign .upsell-delivery-options .upsell-delivery-container:hover {
      -webkit-transform: translateY(-3px);
      -moz-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      -o-transform: translateY(-3px);
      transform: translateY(-3px);
      box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
      z-index: 1; } }
      @media screen and (min-width: 767px) {
          .upsell-redesign .upsell-delivery-options .upsell-delivery-container.disabled:hover {
            background-color: transparent; } }
    .upsell-redesign .upsell-delivery-options input:disabled {
      cursor: not-allowed; }
  .upsell-redesign .upsell-custom-grid {
    width: calc(100% + 36px);
    left: -18px; }
    @media screen and (max-width: 1024px) {
      .upsell-redesign .upsell-custom-grid {
        width: calc(100% + 32px);
        left: -16px; } }
    @media screen and (max-width: 768px) {
      .upsell-redesign .upsell-custom-grid {
        width: calc(100% + 34px);
        left: -17px; } }
    @media screen and (max-width: 767px) {
      .upsell-redesign .upsell-custom-grid {
        width: auto;
        left: 0; } }
    .upsell-redesign .upsell-custom-grid .select-delivery-container {
      padding: 0 8px; }
      @media screen and (max-width: 1024px) {
        .upsell-redesign .upsell-custom-grid .select-delivery-container {
          padding: 0 6px; } }
      @media screen and (max-width: 768px) {
        .upsell-redesign .upsell-custom-grid .select-delivery-container {
          padding: 0 7px;
          margin: 0; } }
      @media screen and (max-width: 767px) {
        .upsell-redesign .upsell-custom-grid .select-delivery-container {
          padding: 0; } }
  .upsell-redesign .delivery-option {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
    @media screen and (max-width: 414px) {
      .upsell-redesign .delivery-option li .delivery-text p {
        padding-top: 0.05em; } }
    .upsell-redesign .delivery-option .show-error .promise-time {
      display: none; }
    .upsell-redesign .delivery-option .show-error .disabled-dialogue {
      display: block; }
    .upsell-redesign .delivery-option .show-time .promise-time {
      display: block; }
    .upsell-redesign .delivery-option .show-time .disabled-dialogue {
      display: none; }
    .upsell-redesign .delivery-option .selected .store-distance p, .upsell-redesign .delivery-option.selected .store-distance p, .upsell-redesign .delivery-option.selected + .store-distance p, .upsell-redesign .delivery-option.selected ~ .store-distance p {
      color: #000000; }
    .upsell-redesign .delivery-option .selected .delivery-icon label, .upsell-redesign .delivery-option.selected .delivery-icon label, .upsell-redesign .delivery-option.selected + .delivery-icon label, .upsell-redesign .delivery-option.selected ~ .delivery-icon label {
      border: 3px solid #0070C9; }
    .upsell-redesign .delivery-option.option-disabled .delivery-text p.delivery-method-name {
      color: #E7E7E7; }
    .upsell-redesign .delivery-option.option-disabled .delivery-text .price {
      color: #E7E7E7; }
    .upsell-redesign .delivery-option .delivery-icon {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      text-align: center; }
    .upsell-redesign .delivery-option .delivery-text {
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start; }
      .upsell-redesign .delivery-option .delivery-text h3 {
        padding: 0.35em 0 0.5em 10px;
        margin-bottom: 13px;
        font-weight: 700;
        text-transform: none; }
        @media screen and (max-width: 768px) {
          .upsell-redesign .delivery-option .delivery-text h3 {
            font-size: 16px; } }
        @media screen and (max-width: 768px) {
          .upsell-redesign .delivery-option .delivery-text h3 {
            padding-left: 0; } }
      .upsell-redesign .delivery-option .delivery-text p {
        font-size: 13px;
        letter-spacing: normal;
        padding: 0 0 0 20px;
        line-height: 1.5; }
        @media screen and (max-width: 768px) {
          .upsell-redesign .delivery-option .delivery-text p {
            padding: 0 0 0 5px; } }
        .upsell-redesign .delivery-option .delivery-text p.delivery-method-name {
          font-size: 18px;
          color: #000;
          line-height: 1.31;
          display: inline-block;
          vertical-align: middle; }
        .upsell-redesign .delivery-option .delivery-text p.delivery-details {
          color: #000000; }
        .upsell-redesign .delivery-option .delivery-text p + p {
          padding-top: 0; }
      .upsell-redesign .delivery-option .delivery-text a {
        color: #0070C9;
        font-size: 15px; }
      .upsell-redesign .delivery-option .delivery-text p.same-day-eligible a {
        text-decoration: underline; }
      .upsell-redesign .delivery-option .delivery-text .store-distance p {
        font-size: 1.18rem;
        padding-top: 0.05em; }
      .upsell-redesign .delivery-option .delivery-text .price {
        color: #000;
        line-height: 1.31;
        margin-top: 0;
        padding: 0;
        padding-left: 10px;
        font-size: 18px;
        text-align: right; }
        @media screen and (max-width: 767px) {
          .upsell-redesign .delivery-option .delivery-text .price {
            padding-left: 0; } }
    .upsell-redesign .delivery-option img {
      -webkit-transition: opacity 0.15s ease-in-out;
      -moz-transition: opacity 0.15s ease-in-out;
      -ms-transition: opacity 0.15s ease-in-out;
      -o-transition: opacity 0.15s ease-in-out;
      transition: opacity 0.15s ease-in-out; }
  .upsell-redesign .disabled {
    cursor: not-allowed;
    color: #CCCCCC;
    border-color: #CCC; }
    .upsell-redesign .disabled img {
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -ms-filter: grayscale(1);
      -o-filter: grayscale(1);
      filter: grayscale(1);
      opacity: 0.1;
      -webkit-transition: opacity 0.15s ease-in-out;
      -moz-transition: opacity 0.15s ease-in-out;
      -ms-transition: opacity 0.15s ease-in-out;
      -o-transition: opacity 0.15s ease-in-out;
      transition: opacity 0.15s ease-in-out; }
    .upsell-redesign .disabled .delivery-icon .radio-label {
      -webkit-transition: opacity 0.15s ease-in-out;
      -moz-transition: opacity 0.15s ease-in-out;
      -ms-transition: opacity 0.15s ease-in-out;
      -o-transition: opacity 0.15s ease-in-out;
      transition: opacity 0.15s ease-in-out;
      color: #ebebeb;
      border-color: #ebebeb; }
    .upsell-redesign .disabled h3,
    .upsell-redesign .disabled p {
      color: #CCCCCC; }
  .upsell-redesign select-home-delivery + select-store-pickup.upsell-pickup:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 35px;
    height: calc(100% - 35px);
    width: 2px;
    background-color: #F2F2F2; }
    @media screen and (max-width: 1024px) {
      .upsell-redesign select-home-delivery + select-store-pickup.upsell-pickup:before {
        left: 3px; } }
    @media screen and (max-width: 768px) {
      .upsell-redesign select-home-delivery + select-store-pickup.upsell-pickup:before {
        display: none; } }
  @media screen and (min-width: 768px) {
    .upsell-redesign .upsell-pickup .delivery-method-options .delivery-icon {
      top: 0; } }
  @media screen and (max-width: 1024px) and (min-width: 767px) {
    .upsell-redesign .upsell-pickup .delivery-method-options .delivery-icon {
      left: -11px; } }
  @media screen and (max-width: 768px) and (min-width: 767px) {
    .upsell-redesign .upsell-pickup .delivery-method-options .delivery-icon {
      top: 22px; } }
  @media screen and (max-width: 768px) {
    .upsell-redesign .upsell-pickup .delivery-method-options .delivery-icon {
      left: -3px;
      top: 0px; } }
  @media screen and (max-width: 768px) {
    .upsell-redesign .upsell-delivery-options .delivery-icon {
      left: -11px; } }
  @media screen and (max-width: 767px) {
    .upsell-redesign .upsell-delivery-options .delivery-icon {
      left: -1px; } }
  @media screen and (max-width: 1024px) {
    .upsell-redesign .upsell-pickup .delivery-text p {
      padding: 0; } }
  .upsell-redesign .delivery-exclusions {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.33;
    color: #A1A1A1; }
    .upsell-redesign .delivery-exclusions a {
      color: #0070C9; }
  @media screen and (max-width: 1024px) {
    .upsell-redesign .delivery-options-mobile {
      margin-bottom: 16px; }
      .upsell-redesign .delivery-options-mobile h3 {
        font-size: 13px;
        font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
      .upsell-redesign .delivery-options-mobile .checkmark-icon {
        width: 30px;
        height: 30px; }
      .upsell-redesign .delivery-options-mobile .delivery-option {
        background-color: transparent;
        -webkit-transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -ms-transition: background-color 0.15s ease-in-out;
        -o-transition: background-color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out; }
        .upsell-redesign .delivery-options-mobile .delivery-option .delivery-icon {
          display: none; }
        .upsell-redesign .delivery-options-mobile .delivery-option ul li {
          height: 90px; }
      .upsell-redesign .delivery-options-mobile .upsell-delivery-options {
        width: 73%; } }
    @media screen and (max-width: 1024px) and (max-width: 767px) {
      .upsell-redesign .delivery-options-mobile .upsell-delivery-options {
        width: 100%; } }
  @media screen and (max-width: 1024px) {
        .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-delivery, .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-pickup {
          border-bottom: 1px solid #A1A1A1;
          height: 50px; }
          .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-delivery h3, .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-pickup h3 {
            font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
            color: #A1A1A1; }
          .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-delivery.selected, .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-pickup.selected {
            border-bottom: 3px solid #CC0000; }
            .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-delivery.selected h3, .upsell-redesign .delivery-options-mobile .upsell-delivery-options .upsell-pickup.selected h3 {
              color: #000000; } }
  @media (min-width: 769px) {
    .upsell-redesign .upsell-delivery-options .upsell-delivery {
      padding-right: 1%; }
    .upsell-redesign .upsell-pickup {
      padding-left: 20px; } }

.upsell-redesign .upsell-cta button {
  width: 100%;
  margin: 0; }

.upsell-redesign .upsell-option p.product-info--note {
  font-weight: 300;
  letter-spacing: 0;
  padding-top: 1rem;
  font-size: 1.1rem; }
  .upsell-redesign .upsell-option p.product-info--note a {
    color: #0070C9;
    text-decoration: underline;
    line-height: 1.5; }

.upsell-redesign .upsell-option .notice-pickup {
  font-size: 16px;
  line-height: 19px;
  color: #444444;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
  margin: 15px 0; }

.upsell-redesign .upsell-option .upsell-item {
  cursor: pointer;
  float: left;
  padding: 20px 10px;
  border: 1px solid transparent;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  .upsell-redesign .upsell-option .upsell-item .radio-label {
    float: left;
    position: relative;
    top: 2px; }
    .upsell-redesign .upsell-option .upsell-item .radio-label ~ p {
      float: left;
      font-size: 1.18rem;
      padding: 0.25em;
      padding-left: 1.25em;
      letter-spacing: 0;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-weight: 700; }
      @media screen and (max-width: 768px) {
        .upsell-redesign .upsell-option .upsell-item .radio-label ~ p {
          font-size: 1.32rem; } }
    .upsell-redesign .upsell-option .upsell-item .radio-label ~ .option-shipping-message span {
      color: #0070C9;
      font-size: 15px;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-weight: 700;
      padding-left: 1.25em; }
  .upsell-redesign .upsell-option .upsell-item.active {
    border: 1px solid #F2F2F2;
    border-radius: 4px; }
  .upsell-redesign .upsell-option .upsell-item:not(.has-thumbnail) .radio-label ~ p {
    width: 85%;
    font-size: 18px; }
  .upsell-redesign .upsell-option .upsell-item.has-thumbnail {
    padding: 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    .upsell-redesign .upsell-option .upsell-item.has-thumbnail label {
      margin: 10px; }
    .upsell-redesign .upsell-option .upsell-item.has-thumbnail .radio-label ~ p {
      padding: 12px;
      font-size: 18px; }
    @media screen and (max-width: 767px) {
      .upsell-redesign .upsell-option .upsell-item.has-thumbnail label {
        margin: 10px 5px 20px 10px; } }
    @media screen and (min-width: 767px) {
      .upsell-redesign .upsell-option .upsell-item.has-thumbnail {
        margin: 0;
        margin-bottom: 20px; }
        .upsell-redesign .upsell-option .upsell-item.has-thumbnail:nth-child(3n-6) {
          margin-right: 0; }
        .upsell-redesign .upsell-option .upsell-item.has-thumbnail:nth-child(3n-2) {
          margin-left: 0; } }
    @media screen and (max-width: 1024px) {
      .upsell-redesign .upsell-option .upsell-item.has-thumbnail {
        max-width: 308px; } }
    @media screen and (max-width: 767px) {
      .upsell-redesign .upsell-option .upsell-item.has-thumbnail {
        max-width: 100%;
        width: 100%; } }
  @media screen and (min-width: 769px) {
    .upsell-redesign .upsell-option .upsell-item:hover {
      border-radius: 4px;
      -webkit-transform: translateY(-3px);
      -moz-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      -o-transform: translateY(-3px);
      transform: translateY(-3px);
      box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
      z-index: 1; } }
  .upsell-redesign .upsell-option .upsell-item:focus {
    outline: none; }
  .upsell-redesign .upsell-option .upsell-item .option-disabled, .upsell-redesign .upsell-option .upsell-item.option-disabled {
    pointer-events: none;
    cursor: not-allowed; }
    .upsell-redesign .upsell-option .upsell-item .option-disabled p, .upsell-redesign .upsell-option .upsell-item.option-disabled p {
      color: #CCCCCC; }
    .upsell-redesign .upsell-option .upsell-item .option-disabled ~ div > img, .upsell-redesign .upsell-option .upsell-item.option-disabled ~ div > img {
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -ms-filter: grayscale(1);
      -o-filter: grayscale(1);
      filter: grayscale(1);
      opacity: 0.5; }
    .upsell-redesign .upsell-option .upsell-item .option-disabled ~ span, .upsell-redesign .upsell-option .upsell-item.option-disabled ~ span {
      color: #CCCCCC; }
    .upsell-redesign .upsell-option .upsell-item .option-disabled span.price, .upsell-redesign .upsell-option .upsell-item.option-disabled span.price {
      color: #CCCCCC; }
    .upsell-redesign .upsell-option .upsell-item .option-disabled img, .upsell-redesign .upsell-option .upsell-item.option-disabled img {
      -webkit-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -ms-filter: grayscale(1);
      -o-filter: grayscale(1);
      filter: grayscale(1); }
    .upsell-redesign .upsell-option .upsell-item .option-disabled input[type="radio"]:checked ~ label, .upsell-redesign .upsell-option .upsell-item.option-disabled input[type="radio"]:checked ~ label {
      border: 0px;
      background-position: center center; }
  .upsell-redesign .upsell-option .upsell-item .img-container {
    max-width: 100%; }
    .upsell-redesign .upsell-option .upsell-item .img-container img {
      width: 93.7%;
      border-radius: 5px;
      margin-top: 10px; }
      @media screen and (max-width: 767px) {
        .upsell-redesign .upsell-option .upsell-item .img-container img {
          width: 93%; } }
  .upsell-redesign .upsell-option .upsell-item img {
    margin-bottom: 8px; }
  .upsell-redesign .upsell-option .upsell-item input[type="radio"] {
    display: none !important; }
    .upsell-redesign .upsell-option .upsell-item input[type="radio"]:checked ~ label {
      border: solid 2px transparent; }
    .upsell-redesign .upsell-option .upsell-item input[type="radio"]:checked ~ .option-price {
      color: #0070C9; }
    .upsell-redesign .upsell-option .upsell-item input[type="radio"]:checked + label {
      border: none; }
    .upsell-redesign .upsell-option .upsell-item input[type="radio"] ~ span {
      margin-top: 0.7rem;
      float: left;
      top: 0;
      padding-left: 0.5em; }
    .upsell-redesign .upsell-option .upsell-item input[type="radio"] ~ .option-price {
      color: #333; }
  .upsell-redesign .upsell-option .upsell-item input[type="radio"]:checked ~ label {
    border: solid 2px transparent; }
  .upsell-redesign .upsell-option .upsell-item input[type="radio"] ~ span {
    margin-top: 0.7rem;
    float: left;
    top: 0;
    padding-left: 0.25em; }
  .upsell-redesign .upsell-option .upsell-item input[type="radio"] ~ .option-price {
    color: #333; }
  .upsell-redesign .upsell-option .upsell-item input[type="radio"]:checked ~ .option-price {
    color: #0070C9; }
  .upsell-redesign .upsell-option .upsell-item .option-price {
    color: #0070C9;
    float: left; }
    .upsell-redesign .upsell-option .upsell-item .option-price p {
      padding: 0.25em;
      padding-left: 0.25em;
      font-weight: 700; }
  .upsell-redesign .upsell-option .upsell-item .type-select + .option-price {
    position: relative;
    top: 0.6rem;
    min-width: 100px; }
  .upsell-redesign .upsell-option .upsell-item.has-thumbnail {
    float: left; }

.upsell-redesign .upsell-option.upsell-quantity .upsell-item {
  width: auto;
  margin-bottom: 5px; }
  @media screen and (max-width: 767px) {
    .upsell-redesign .upsell-option.upsell-quantity .upsell-item {
      width: 100%; } }
  .upsell-redesign .upsell-option.upsell-quantity .upsell-item .radio-label ~ p {
    padding-top: 0.25em;
    width: auto; }
  .upsell-redesign .upsell-option.upsell-quantity .upsell-item .price {
    color: #000000;
    font-size: 17px;
    padding-left: 0.15em; }

.upsell-redesign .upsell-option.upsell-quantity .quantity-select {
  position: relative;
  left: -10px; }
  @media screen and (max-width: 767px) {
    .upsell-redesign .upsell-option.upsell-quantity .quantity-select {
      left: 0; } }

@media screen and (max-width: 768px) {
  .upsell-redesign .upsell-preview {
    padding: 0 35px; } }

@media screen and (max-width: 767px) {
  .upsell-redesign .upsell-preview {
    padding: 0 8px; } }

.upsell-redesign .upsell-preview h3 {
  font-size: 20px;
  text-align: left;
  font-weight: 300;
  letter-spacing: 0;
  margin: 0; }
  @media screen and (min-width: 1025px) {
    .upsell-redesign .upsell-preview h3 {
      padding: 20px 20px 20px; } }
  @media screen and (max-width: 767px) {
    .upsell-redesign .upsell-preview h3 {
      font-size: 18px; } }

@media screen and (max-width: 1024px) and (min-width: 767px) {
  .upsell-redesign .upsell-preview .review-finish .product-subtotal {
    margin-left: 20px; } }

@media screen and (min-width: 1025px) {
  .upsell-redesign .upsell-preview .review-finish {
    margin-top: 60px;
    padding: 39px 50px 20px 50px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform 0.25s ease-out;
    -moz-transition: transform 0.25s ease-out;
    -ms-transition: transform 0.25s ease-out;
    -o-transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out; }
    .upsell-redesign .upsell-preview .review-finish > div .img-container {
      padding: 0 20px; }
    .upsell-redesign .upsell-preview .review-finish .product-subtotal > * {
      padding-left: 20px;
      padding-right: 20px; }
      .upsell-redesign .upsell-preview .review-finish .product-subtotal > * .review-finish-subtotal {
        padding: 0 20px 10px; } }

.upsell-redesign .upsell-preview .review-finish img {
  max-height: 200px;
  max-width: 100%;
  width: auto;
  height: auto;
  position: relative;
  margin: 0 auto;
  display: block;
  box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2); }

.upsell-redesign .upsell-preview .review-finish-subtotal {
  text-align: left;
  font-weight: 300;
  margin: 0; }
  .upsell-redesign .upsell-preview .review-finish-subtotal p {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.65; }
  .upsell-redesign .upsell-preview .review-finish-subtotal span.price {
    text-transform: none;
    font-size: 15px;
    line-height: 1.2; }

.upsell-redesign .upsell-preview .subtotal-item:last-of-type {
  border-top: solid 2px #F2F2F2;
  font-weight: 600;
  margin-top: 10px;
  padding-top: 15px;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  .upsell-redesign .upsell-preview .subtotal-item:last-of-type > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    .upsell-redesign .upsell-preview .subtotal-item:last-of-type > div p {
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      overflow-wrap: break-word;
      display: inline-block; }
      .upsell-redesign .upsell-preview .subtotal-item:last-of-type > div p:first-child {
        padding-top: 7px; }
    .upsell-redesign .upsell-preview .subtotal-item:last-of-type > div .price {
      font-size: 30px;
      font-weight: 300; }

@media screen and (min-width: 1025px) {
  .upsell-redesign .upsell-preview .fixify {
    position: fixed;
    margin: 0 auto;
    width: 100%;
    top: 0;
    right: 0;
    max-width: 1440px;
    left: 0;
    z-index: 0; } }
  @media screen and (min-width: 1025px) and (max-height: 640px) and (min-width: 768px) {
    .upsell-redesign .upsell-preview .fixify {
      position: absolute; } }

@media screen and (min-width: 1025px) {
    .upsell-redesign .upsell-preview .fixify .review-finish {
      float: right;
      width: calc(100% * 0.25);
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 195px;
      padding: 0px 8px; } }
    @media screen and (min-width: 1025px) and (min-width: 1440px) {
      .upsell-redesign .upsell-preview .fixify .review-finish {
        width: calc(1416px * 0.25); } }
    @media screen and (min-width: 1025px) and (max-height: 640px) and (min-width: 768px) {
      .upsell-redesign .upsell-preview .fixify .review-finish {
        margin-top: 150px;
        width: 100%; } }

@media screen and (max-width: 1024px) {
  .upsell-redesign .review-finish {
    margin: 45px 0 44px 0;
    padding: 0 14px;
    display: flex;
    justify-content: center; }
    .upsell-redesign .review-finish > [class^="grid"] {
      padding: 0 6px; }
    .upsell-redesign .review-finish .img-container {
      max-width: 400px;
      float: right;
      margin-right: 40px; }
    .upsell-redesign .review-finish h3 {
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 700; }
    .upsell-redesign .review-finish .review-finish-subtotal {
      max-width: 406px; }
      .upsell-redesign .review-finish .review-finish-subtotal .subtotal-item:not(:last-of-type) {
        border-bottom: none; }
      .upsell-redesign .review-finish .review-finish-subtotal .subtotal-item:last-of-type {
        padding-top: 14px; }
      .upsell-redesign .review-finish .review-finish-subtotal .row {
        padding: 0; }
        .upsell-redesign .review-finish .review-finish-subtotal .row.subtotal-item:first-of-type {
          padding-top: 0; }
    .upsell-redesign .review-finish .upsell-cta {
      max-width: 406px; }
    .upsell-redesign .review-finish h4 {
      display: block;
      border-bottom: none;
      margin-bottom: 0;
      padding-top: 1.5rem; }
    .upsell-redesign .review-finish.review-finish-fixed span.promo-disclaimer.upsell-redesign {
      top: 0;
      padding-top: 0; }
  .upsell-redesign button.review-finish-continue {
    margin-top: 25px; } }

@media screen and (max-width: 768px) {
  .upsell-redesign .review-finish {
    padding: 0; }
    .upsell-redesign .review-finish > [class^="grid"] {
      padding: 0 7px; } }

@media screen and (max-width: 1024px) {
  .upsell-redesign .review-finish-unfixed .subtotal-item:not(:last-of-type) {
    border-bottom: 1px solid #CCC;
    line-height: 1.8; } }

body.popover-active {
  overflow-y: hidden; }
  body.popover-active .product-mask {
    display: block;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.25;
    z-index: 101; }

.upsell.popover-active {
  overflow-y: scroll; }

.popover {
  position: absolute;
  width: 100%;
  max-width: 372px;
  border-radius: 5px;
  background-color: #fff;
  z-index: 2;
  padding: 20px 16px;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  @media (max-width: 414px) {
    .popover {
      padding: 16px 20px; } }
  .popover:before, .popover:after {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    width: 0;
    height: 0; }
  .popover .cta {
    padding-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    .popover .cta button.btn {
      min-width: auto;
      width: 100%;
      font-size: 13px;
      padding: 9px;
      max-height: 30px;
      margin: 0; }
      .popover .cta button.btn.btn-secondary {
        margin-right: 12px; }
  .popover.popover-arrow-left:after {
    top: 100px;
    bottom: 0;
    left: -10px; }
  .popover.popover-arrow-left:after {
    content: '';
    height: 7px;
    width: 15px;
    background: #FFFFFF;
    border-radius: 5px; }
  @media screen and (min-width: 1025px) {
    .popover.popover-arrow-right {
      top: -10%;
      right: 102%; }
      .popover.popover-arrow-right:before, .popover.popover-arrow-right:after {
        top: 0;
        bottom: 0;
        right: -10px; }
      .popover.popover-arrow-right:before {
        content: '';
        height: 7px;
        width: 15px;
        background: #FFFFFF;
        border-radius: 5px; }
      .popover.popover-arrow-right:after {
        content: '';
        height: 7px;
        width: 15px;
        background: #FFFFFF;
        border-radius: 5px; }
    .popover.popover-arrow-left {
      left: 105%; } }
  @media screen and (min-width: 1025px) and (max-width: 1138px) {
    .popover.popover-arrow-left {
      margin-top: -15px; } }
  @media screen and (min-width: 769px) {
    .popover.popover-arrow-left {
      top: -120% !important; } }
  @media screen and (max-width: 1024px) {
    .popover.popover-arrow-left {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      left: 106%; } }

@media screen and (max-width: 853px) and (min-width: 769px) {
  .popover.popover-arrow-left {
    margin-top: -15px; } }
  @media screen and (max-width: 768px) {
    .popover.popover-arrow-left, .popover.popover-arrow-right {
      -webkit-transform: translateY(-160%);
      -moz-transform: translateY(-160%);
      -ms-transform: translateY(-160%);
      -o-transform: translateY(-160%);
      transform: translateY(-160%);
      left: 20%; }
      .popover.popover-arrow-left:after, .popover.popover-arrow-right:after {
        top: 105%;
        bottom: 0;
        left: 45%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      .popover.popover-arrow-left:after, .popover.popover-arrow-right:after {
        content: '';
        height: 7px;
        width: 15px;
        background: #FFFFFF;
        border-radius: 5px; } }
  @media screen and (max-width: 767px) {
    .popover.popover-arrow-left, .popover.popover-arrow-right {
      -webkit-transform: translateY(-168%) translateX(-50%);
      -moz-transform: translateY(-168%) translateX(-50%);
      -ms-transform: translateY(-168%) translateX(-50%);
      -o-transform: translateY(-168%) translateX(-50%);
      transform: translateY(-168%) translateX(-50%);
      left: 50%; }
      .popover.popover-arrow-left:after, .popover.popover-arrow-right:after {
        top: 105%;
        bottom: 0;
        left: 45%;
        transform: rotate(90deg); }
      .popover.popover-arrow-left:after, .popover.popover-arrow-right:after {
        content: '';
        height: 7px;
        width: 15px;
        background: #FFFFFF;
        border-radius: 5px; } }
  @media screen and (max-width: 414px) {
    .popover.popover-arrow-left, .popover.popover-arrow-right {
      -webkit-transform: translateY(-168%);
      -moz-transform: translateY(-168%);
      -ms-transform: translateY(-168%);
      -o-transform: translateY(-168%);
      transform: translateY(-168%);
      left: 0; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .popover.popover-arrow-right {
      top: -10%;
      right: 104%; }
      .popover.popover-arrow-right:before, .popover.popover-arrow-right:after {
        top: 0;
        bottom: 0;
        right: -10px; }
      .popover.popover-arrow-right:before {
        content: '';
        height: 7px;
        width: 15px;
        background: #FFFFFF;
        border-radius: 5px; }
      .popover.popover-arrow-right:after {
        content: '';
        height: 7px;
        width: 15px;
        background: #FFFFFF;
        border-radius: 5px; } }
  @media screen and (max-width: 768px) {
    .popover.popover-arrow-right.popover-arrow-right {
      top: 90%;
      left: 155px; }
      .popover.popover-arrow-right.popover-arrow-right:after {
        top: 0;
        bottom: -106%;
        right: 167px; }
      .popover.popover-arrow-right.popover-arrow-right:before {
        display: none; } }
  @media screen and (max-width: 767px) {
    .popover.popover-arrow-right.popover-arrow-right {
      top: 93%;
      left: 0; } }
  .popover h4 {
    border-bottom: none;
    padding: 0;
    letter-spacing: 0;
    margin: 0 0 13px;
    font-size: 15px;
    font-weight: 700; }
  .popover p {
    padding-bottom: 1rem;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 14px;
    line-height: 1.27;
    letter-spacing: normal; }
  .popover.selected {
    visibility: visible;
    opacity: 1;
    z-index: 102; }

@media screen and (min-width: 1025px) {
  .upsell-redesign .upsell-pickup .popover.popover-arrow-left {
    top: -20%; } }

@media (max-width: 1024px) {
  .review-redesign .smd-hide {
    display: block; } }

@media (max-width: 768px) {
  .review-redesign .smd-hide {
    display: none; }
  .review-redesign .smd-show {
    display: block; } }

@media (min-width: 769px) {
  .review-redesign .desktop-hide {
    display: none; } }

@media screen and (max-width: 768px) {
  .upsell-redesign .review-finish .img-container {
    margin-right: 22px; } }

@media screen and (max-width: 767px) {
  .upsell-redesign h2 {
    font-size: 16px;
    margin: 0 0 15px 0; }
  .upsell-redesign .review-finish .img-container {
    margin-right: 0px; }
  .upsell-redesign .review-finish .review-finish-subtotal {
    margin-left: 0px;
    max-width: 100%; }
  .upsell-redesign .review-finish .upsell-cta {
    margin-left: 0px;
    max-width: 100%; }
  .upsell-redesign .upsell-option .upsell-item {
    padding: 20px 10px; }
    .upsell-redesign .upsell-option .upsell-item.has-thumbnail {
      padding: 0; }
  .upsell-redesign .delivery-option li .upsell-delivery-container {
    height: 90px; }
  .upsell-redesign .delivery-option li .delivery-text p {
    font-size: 13px; } }

.landing-page h1,
.landing-page h2,
.landing-page h3,
.landing-page p {
  letter-spacing: normal; }

.landing-page h1 {
  font-size: 50px; }

.landing-page h2,
.landing-page h3 {
  font-weight: normal; }

.landing-page h2 {
  font-size: 30px; }
  @media (max-width: 767px) {
    .landing-page h2 {
      font-size: 22px; } }

.landing-page h3 {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  font-size: 20px; }
  @media (max-width: 1024px) {
    .landing-page h3 {
      font-size: 18px; } }

.landing-page button,
.landing-page p {
  font-size: 15px;
  line-height: 1.6;
  text-transform: none; }
  @media (max-width: 1024px) {
    .landing-page button,
    .landing-page p {
      font-size: 16px;
      line-height: 1.5; } }
  @media (max-width: 768px) {
    .landing-page button,
    .landing-page p {
      font-size: 15px;
      line-height: 1.6; } }

.landing-page button {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  cursor: pointer; }

.landing-page a,
.landing-page .type-highlight {
  color: #0070C9;
  cursor: pointer; }
  .landing-page a.btn,
  .landing-page .type-highlight.btn {
    color: #FFFFFF;
    display: block;
    margin: 0 auto; }

/* 
  HOLIDAY ORDER DEADLINES TEMP PAGE
  DELETE WHEN PAGE IS NO LONGER NEEDED.
*/
@media (max-width: 767px) {
  .holiday-lp-container .main-banner {
    margin-top: 30px; } }

.holiday-lp-container .holiday-lp-img-container {
  top: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  @media (max-width: 767px) {
    .holiday-lp-container .holiday-lp-img-container {
      height: 275px; } }
  .holiday-lp-container .holiday-lp-img-container img {
    position: absolute;
    min-width: 1000%;
    min-height: 1000%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0.1); }
    @media (max-width: 580px) {
      .holiday-lp-container .holiday-lp-img-container img {
        left: 35%; } }
    @media (max-width: 425px) {
      .holiday-lp-container .holiday-lp-img-container img {
        left: 20%; } }

.holiday-lp-container .main-banner .header-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 0;
  max-height: 400px;
  min-height: auto;
  height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  @media (max-width: 768px) {
    .holiday-lp-container .main-banner .header-container {
      max-height: 350px;
      height: 350px;
      min-height: initial; } }
  @media (max-width: 767px) {
    .holiday-lp-container .main-banner .header-container {
      max-height: unset;
      height: unset;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 255px 15px 30px;
      background-size: 715px;
      background-position: top right; } }
  @media (max-width: 767px) {
    .holiday-lp-container .main-banner .header-container.header-container--main {
      margin-bottom: 15px; } }
  .holiday-lp-container .main-banner .header-container.header-container--main .banner-header-description {
    font-size: 14px;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .holiday-lp-container .main-banner .header-container.header-container--main .banner-header-description {
        font-size: 18px;
        line-height: 1.5;
        max-width: 500px;
        margin-bottom: 5px; } }
  .holiday-lp-container .main-banner .header-container .hero-container {
    margin-left: 45px; }
    @media (max-width: 767px) {
      .holiday-lp-container .main-banner .header-container .hero-container {
        margin-left: 0; } }
  .holiday-lp-container .main-banner .header-container h1.headline-hero {
    margin: 85px 0 15px;
    padding: 0; }
    @media (max-width: 767px) {
      .holiday-lp-container .main-banner .header-container h1.headline-hero {
        margin: 85px 0 34px; } }
  .holiday-lp-container .main-banner .header-container .breadcrumbs {
    display: block;
    position: absolute;
    top: 35px;
    padding: 0; }
    @media (min-width: 768px) {
      .holiday-lp-container .main-banner .header-container .breadcrumbs {
        left: -22px; } }
    @media (max-width: 768px) {
      .holiday-lp-container .main-banner .header-container .breadcrumbs {
        padding-top: 0; } }
    .holiday-lp-container .main-banner .header-container .breadcrumbs li a {
      font-size: 12px; }

.holiday-lp-container .holiday-lp-deadlines {
  background: #FFFFFF;
  padding: 72px 44px; }
  @media (max-width: 767px) {
    .holiday-lp-container .holiday-lp-deadlines {
      padding: 40px 20px; } }
  .holiday-lp-container .holiday-lp-deadlines p.deadline {
    font-size: 15px;
    margin-top: 16px; }
  .holiday-lp-container .holiday-lp-deadlines ul {
    padding-left: 20px;
    list-style-type: initial; }
    .holiday-lp-container .holiday-lp-deadlines ul li {
      font-size: 15px;
      line-height: 1.5; }
      @media (max-width: 767px) {
        .holiday-lp-container .holiday-lp-deadlines ul li {
          font-size: 14px; } }
  .holiday-lp-container .holiday-lp-deadlines h2 {
    margin: 48px 0 32px; }
    @media (max-width: 767px) {
      .holiday-lp-container .holiday-lp-deadlines h2 {
        margin: 48px 0 16px; } }
    .holiday-lp-container .holiday-lp-deadlines h2.margin-fix {
      margin-top: 72px; }
  .holiday-lp-container .holiday-lp-deadlines .price-table {
    margin: 0; }
    @media (max-width: 1366px) {
      .holiday-lp-container .holiday-lp-deadlines .price-table {
        margin-top: 48px; } }
    @media (max-width: 860px) {
      .holiday-lp-container .holiday-lp-deadlines .price-table {
        margin-top: 0;
        margin-bottom: 32px; } }
    .holiday-lp-container .holiday-lp-deadlines .price-table td:after {
      z-index: 1; }
    .holiday-lp-container .holiday-lp-deadlines .price-table a {
      position: relative;
      z-index: 10; }

.holiday-lp-container h3 {
  font-size: 40px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
  @media (max-width: 860px) {
    .holiday-lp-container h3 {
      font-size: 32px; } }
  @media (max-width: 767px) {
    .holiday-lp-container h3 {
      font-size: 24px; } }

.holiday-lp-container .holiday-lp-mrkt {
  padding: 71px 44px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 90px; }
  @media (max-width: 768px) {
    .holiday-lp-container .holiday-lp-mrkt {
      align-items: center; } }
  @media (max-width: 767px) {
    .holiday-lp-container .holiday-lp-mrkt {
      margin-top: 48px;
      padding: 16px 15px 32px;
      align-items: initial;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .holiday-lp-container .holiday-lp-mrkt:after {
    content: '';
    display: block;
    height: 1px;
    background: #E7E7E7;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 44px;
    right: 0; }
    @media (max-width: 767px) {
      .holiday-lp-container .holiday-lp-mrkt:after {
        display: none; } }
  .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--img {
    position: relative;
    overflow: hidden;
    height: 400px;
    width: 100%; }
    @media (max-width: 1439px) {
      .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--img {
        height: 276px; } }
    @media (max-width: 768px) {
      .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--img {
        height: 199px; } }
    @media (max-width: 767px) {
      .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--img {
        height: 173px;
        width: 100%; } }
    .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--img img {
      position: absolute;
      left: 50%;
      min-width: 1000%;
      min-height: 1000%;
      width: auto;
      transform: translate(-50%, -50%) scale(0.1);
      top: 50%; }
  .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container {
    width: 100%; }
    @media (max-width: 767px) {
      .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container {
        width: 100%;
        padding-left: initial;
        padding: 16px 6px; } }
    .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container .holiday-lp-mrkt--content {
      padding-left: 64px; }
      @media (max-width: 767px) {
        .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container .holiday-lp-mrkt--content {
          padding-left: initial; } }
    .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container p {
      font-size: 15px;
      line-height: 1.5; }
      @media (max-width: 768px) {
        .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container p {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .holiday-lp-container .holiday-lp-mrkt .holiday-lp-mrkt--content-container p {
          font-size: 14px; } }

@media (max-width: 860px) {
  .holiday-lp-container .hide-on-mobile {
    display: none; } }

@media (min-width: 860px) {
  .holiday-lp-container .hide-on-desktop {
    display: none; } }

.objectfit li.product-card figure img {
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border: 0; }

.no-objectfit li.product-card figure img {
  position: relative;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }

li.product-card {
  margin-bottom: 18px; }
  li.product-card figure {
    margin: 0;
    padding: 0;
    height: 480px;
    position: relative;
    will-change: transform;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
    -moz-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
    -o-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
    -webkit-transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden; }
    @media (max-width: 1024px) {
      li.product-card figure {
        height: 430px; } }
    @media (max-width: 768px) {
      li.product-card figure {
        height: 320px; } }
    @media (max-width: 767px) {
      li.product-card figure {
        height: 300px; } }
    @media (min-width: 769px) {
      li.product-card figure {
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s; } }
    li.product-card figure figcaption {
      position: absolute;
      top: 0;
      width: 100%;
      background: rgba(68, 68, 68, 0.5);
      padding: 20px 20px 16px; }
    li.product-card figure h2 {
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 12px;
      line-height: 1.5;
      font-weight: bold;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    @media (min-width: 769px) {
      li.product-card figure:hover {
        opacity: 1 !important;
        -webkit-box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
        -moz-box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
        box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
        -webkit-transform: translate(0, -4px);
        -moz-transform: translate(0, -4px);
        -ms-transform: translate(0, -4px);
        -o-transform: translate(0, -4px);
        transform: translate(0, -4px); }
        li.product-card figure:hover .foil-available {
          background-position: -30px; } }
    li.product-card figure:active {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      outline: none; }
      @media (max-width: 768px) {
        li.product-card figure:active {
          -webkit-transform: translate(0, 4px);
          -moz-transform: translate(0, 4px);
          -ms-transform: translate(0, 4px);
          -o-transform: translate(0, 4px);
          transform: translate(0, 4px); } }
    li.product-card figure a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
  li.product-card ul {
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 1; }
    li.product-card ul li {
      color: #FFFFFF;
      margin-bottom: 28px;
      text-align: right;
      font-size: 13px;
      font-weight: bold; }
      li.product-card ul li > span {
        padding: 7px 12px 5px 12px; }
        li.product-card ul li > span.red-bg {
          background: #CC0000; }
        li.product-card ul li > span:not(.red-bg) {
          background: rgba(0, 0, 0, 0.7); }
        li.product-card ul li > span.white-bg {
          background-color: rgba(255, 255, 255, 0.9);
          color: #444444; }
        li.product-card ul li > span.foil-available {
          background: -webkit-linear-gradient(90deg, #DBB06E 0%, #E7CD7A 24.39%, #C89648 55.49%, #CA994E 82.71%, #E6C97F 100%);
          background: linear-gradient(90deg, #DBB06E 0%, #E7CD7A 24.39%, #C89648 55.49%, #CA994E 82.71%, #E6C97F 100%);
          background-size: calc(100% + 30px);
          color: #000000;
          font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
          -webkit-transition: background-position ease-in-out .3s;
          -o-transition: background-position ease-in-out .3s;
          transition: background-position ease-in-out .3s; }
        li.product-card ul li > span > span {
          margin-right: 5px;
          color: #F7D141; }
  @media (max-width: 767px) {
    li.product-card {
      margin-bottom: 10px; } }
  li.product-card .image-wrapper {
    position: relative;
    padding-top: 75%; }
  li.product-card .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.product-grid-partial .product {
  position: relative;
  background: #F8F8F8;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  margin-bottom: 8px;
  height: 420px; }
  @media (max-width: 768px) {
    .product-grid-partial .product {
      height: 450px; } }
  .product-grid-partial .product ul {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 1; }
    .product-grid-partial .product ul li {
      color: #FFFFFF;
      margin-bottom: 0px;
      text-align: right;
      font-size: 13px;
      font-weight: bold; }
      .product-grid-partial .product ul li > span {
        padding: 7px 12px 5px 12px; }
        .product-grid-partial .product ul li > span.red-bg {
          background: #CC0000; }
        .product-grid-partial .product ul li > span:not(.red-bg) {
          background: rgba(0, 0, 0, 0.7); }
        .product-grid-partial .product ul li > span.white-bg {
          background-color: rgba(255, 255, 255, 0.9);
          color: #444444; }
        .product-grid-partial .product ul li > span.foil-available {
          background: -webkit-linear-gradient(90deg, #DBB06E 0%, #E7CD7A 24.39%, #C89648 55.49%, #CA994E 82.71%, #E6C97F 100%);
          background: linear-gradient(90deg, #DBB06E 0%, #E7CD7A 24.39%, #C89648 55.49%, #CA994E 82.71%, #E6C97F 100%);
          background-size: calc(100% + 30px);
          color: #000000;
          font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
          -webkit-transition: background-position ease-in-out .3s;
          -o-transition: background-position ease-in-out .3s;
          transition: background-position ease-in-out .3s; }
        .product-grid-partial .product ul li > span > span {
          margin-right: 5px;
          color: #F7D141; }
  .product-grid-partial .product .thumbs {
    cursor: pointer;
    padding: 15px 18px 18px; }
    .product-grid-partial .product .thumbs .thumb-wrap {
      text-align: center;
      height: 248px;
      text-align: center;
      vertical-align: middle;
      width: auto;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .product-grid-partial .product .thumbs img {
      max-height: 100%;
      max-width: 100%;
      border: 1px solid #aaa;
      border: 1px solid rgba(0, 0, 0, 0.12);
      bottom: 5px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.16), 0 0 2px rgba(255, 255, 255, 0.2) inset;
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .product-grid-partial .product.image-warp img {
    box-shadow: none;
    border: none; }
  .product-grid-partial .product .product-name h2,
  .product-grid-partial .product .product-description {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
  .product-grid-partial .product .product-bottom-info {
    position: relative;
    padding: 0 6%; }
    .product-grid-partial .product .product-bottom-info .color-themes {
      min-height: 36px;
      text-align: center;
      margin-bottom: 5px;
      white-space: nowrap; }
      .product-grid-partial .product .product-bottom-info .color-themes .color-theme {
        width: 20px;
        height: 20px;
        margin: 0 2px;
        border-radius: 100px;
        display: inline-block;
        background: #0070C9;
        box-sizing: content-box;
        vertical-align: middle;
        cursor: pointer;
        border: 2px solid transparent; }
        .product-grid-partial .product .product-bottom-info .color-themes .color-theme.active {
          border: 2px solid #FFF;
          position: relative; }
          .product-grid-partial .product .product-bottom-info .color-themes .color-theme.active:after {
            content: '';
            position: absolute;
            border-radius: 100px;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px;
            border: 2px solid #CCC; }
    .product-grid-partial .product .product-bottom-info .product-name {
      border-top: 1px solid rgba(151, 151, 151, 0.2); }
    .product-grid-partial .product .product-bottom-info .product-name h2 {
      padding: 28px 0 0;
      margin-bottom: 5px;
      color: #000000;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-size: 18px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: initial; }
      @media (max-width: 768px) {
        .product-grid-partial .product .product-bottom-info .product-name h2 {
          padding-top: 16px;
          cursor: pointer; } }
    .product-grid-partial .product .product-bottom-info .product-description {
      font-size: 14px;
      color: #444444;
      position: relative;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: initial; }
      @media (max-width: 768px) {
        .product-grid-partial .product .product-bottom-info .product-description {
          padding-bottom: 10px; } }
    .product-grid-partial .product .product-bottom-info .action-panel {
      text-align: center; }
      @media (min-width: 769px) {
        .product-grid-partial .product .product-bottom-info .action-panel {
          opacity: 0;
          -webkit-transform: translateY(55px);
          -moz-transform: translateY(55px);
          -ms-transform: translateY(55px);
          -o-transform: translateY(55px);
          transform: translateY(55px);
          -webkit-transition: all 0.35s ease;
          -moz-transition: all 0.35s ease;
          -ms-transition: all 0.35s ease;
          -o-transition: all 0.35s ease;
          transition: all 0.35s ease;
          -moz-transition-delay: 0.05s;
          -o-transition-delay: 0.05s;
          -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
          padding: 0 6%;
          z-index: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; } }
      .product-grid-partial .product .product-bottom-info .action-panel button {
        font-size: 16px;
        width: 100%;
        padding: 0;
        cursor: pointer;
        margin: 10px 0 15px 0;
        line-height: 42px; }
        @media (max-width: 768px) {
          .product-grid-partial .product .product-bottom-info .action-panel button {
            display: none; } }
      .product-grid-partial .product .product-bottom-info .action-panel a {
        width: 50%;
        text-align: center;
        float: left;
        font-weight: bold;
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
        .product-grid-partial .product .product-bottom-info .action-panel a.product-pricing {
          float: right; }
      @media (max-width: 768px) {
        .product-grid-partial .product .product-bottom-info .action-panel {
          padding-top: 19px;
          visibility: visible;
          opacity: 1;
          bottom: 0; }
          .product-grid-partial .product .product-bottom-info .action-panel button {
            visibility: hidden;
            display: none; } }
      .product-grid-partial .product .product-bottom-info .action-panel:after {
        clear: both;
        display: block;
        content: ''; }

@media (min-width: 769px) and (min-width: 769px) {
  .product-grid-partial .product:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2); }
    .product-grid-partial .product:hover figcaption {
      -webkit-box-shadow: 3px -1px 4px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 3px -1px 4px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 3px -1px 4px 0 rgba(0, 0, 0, 0.2); }
    .product-grid-partial .product:hover .foil-available {
      background-position: -30px; } }
  @media (min-width: 769px) {
    .product-grid-partial .product:hover .product-name h2,
    .product-grid-partial .product:hover .product-description {
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px);
      opacity: 0; }
    .product-grid-partial .product:hover .action-panel {
      visibility: visible;
      opacity: 1;
      z-index: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; } }

.body-content .create-now {
  padding-top: 37px;
  padding-bottom: 27px; }
  @media (max-width: 767px) {
    .body-content .create-now {
      padding-top: 35px;
      padding-bottom: 35px; } }

.create-now {
  background-color: rgba(242, 242, 242, 0); }
  .create-now h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 22px 0 10px 0; }
  .create-now p {
    font-size: 14px;
    line-height: 1.5714; }
    .create-now p a {
      font-weight: bold;
      line-height: 1.21; }
  .create-now a.absolute-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  @media (max-width: 767px) {
    .create-now .option-container {
      padding-bottom: 26px; } }
  .create-now .option-container p {
    padding-bottom: 10px; }
  .create-now .img-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    width: 161px;
    height: 161px;
    border-radius: 50%; }
  .create-now .option-icon {
    position: relative;
    margin: 0 auto;
    width: 161px;
    height: 161px; }
  @media (min-width: 769px) {
    .create-now .option-icon a + .img-container {
      -webkit-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -moz-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -ms-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -o-transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      transition: all 700ms cubic-bezier(0.31, 1.89, 0.85, 0.8);
      -webkit-transform: translateZ(0) scale(1) rotate(0.0001deg);
      -moz-transform: translateZ(0) scale(1) rotate(0.0001deg);
      -ms-transform: translateZ(0) scale(1) rotate(0.0001deg);
      -o-transform: translateZ(0) scale(1) rotate(0.0001deg);
      transform: translateZ(0) scale(1) rotate(0.0001deg); }
      .create-now .option-icon a + .img-container img {
        -webkit-transform: translateZ(0) scale(0.85);
        -moz-transform: translateZ(0) scale(0.85);
        -ms-transform: translateZ(0) scale(0.85);
        -o-transform: translateZ(0) scale(0.85);
        transform: translateZ(0) scale(0.85); }
    .create-now .option-icon a:hover + .img-container {
      -webkit-transform: translateZ(0) scale(1.1) rotate(0.0001deg);
      -moz-transform: translateZ(0) scale(1.1) rotate(0.0001deg);
      -ms-transform: translateZ(0) scale(1.1) rotate(0.0001deg);
      -o-transform: translateZ(0) scale(1.1) rotate(0.0001deg);
      transform: translateZ(0) scale(1.1) rotate(0.0001deg); } }
  .create-now .option-icon a:focus:active, .create-now .option-icon a:active {
    outline: none; }
    .create-now .option-icon a:focus:active + .img-container, .create-now .option-icon a:active + .img-container {
      -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.27);
      -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.27);
      box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.27);
      outline: none;
      -webkit-transform: translateZ(0) scale(1);
      -moz-transform: translateZ(0) scale(1);
      -ms-transform: translateZ(0) scale(1);
      -o-transform: translateZ(0) scale(1);
      transform: translateZ(0) scale(1); }
      .create-now .option-icon a:focus:active + .img-container img, .create-now .option-icon a:active + .img-container img {
        -webkit-transform: translateZ(0) scale(0.85);
        -moz-transform: translateZ(0) scale(0.85);
        -ms-transform: translateZ(0) scale(0.85);
        -o-transform: translateZ(0) scale(0.85);
        transform: translateZ(0) scale(0.85); }

.marketing-block {
  background-size: cover;
  color: #FFFFFF; }
  @media (min-width: 1025px) {
    .marketing-block {
      min-height: 650px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 1024px) {
    .marketing-block {
      padding-bottom: 30px; } }
  @media (max-width: 768px) {
    .marketing-block {
      background-position: center; } }
  .marketing-block p {
    font-size: 18px; }
  .marketing-block.no-margin {
    margin-top: 0; }
  .marketing-block .marketing-sizes {
    margin-top: 50px; }
    .marketing-block .marketing-sizes .oval-image {
      height: 53px; }
      .marketing-block .marketing-sizes .oval-image.oval-image-padding {
        padding-top: 10px; }
    .marketing-block .marketing-sizes .marketing-size {
      display: inline-block;
      vertical-align: top;
      margin-right: 50px; }
    .marketing-block .marketing-sizes .marketing-size-text {
      font-size: 14px;
      margin-bottom: 0; }
    .marketing-block .marketing-sizes .marketing-size-text-small {
      font-size: 10px;
      margin: 0; }
  .marketing-block .marketing-block-text {
    display: block; }
    .marketing-block .marketing-block-text h3 {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-size: 40px;
      text-transform: uppercase;
      letter-spacing: -1px; }
      @media (max-width: 1024px) {
        .marketing-block .marketing-block-text h3 {
          font-size: 36px; } }
      @media (max-width: 768px) {
        .marketing-block .marketing-block-text h3 {
          font-size: 32px; } }
      @media (max-width: 767px) {
        .marketing-block .marketing-block-text h3 {
          font-size: 30px; } }
    .marketing-block .marketing-block-text p {
      margin-bottom: 20px;
      line-height: 1.6; }
      @media (max-width: 768px) {
        .marketing-block .marketing-block-text p {
          font-size: 16px; } }
    .marketing-block .marketing-block-text ul {
      list-style: disc;
      padding-left: 15px;
      margin-bottom: 30px;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
      @media (min-width: 767px) {
        .marketing-block .marketing-block-text ul:last-of-type {
          margin-bottom: 0px; } }
      .marketing-block .marketing-block-text ul li {
        font-size: 18px;
        padding-bottom: 10px; }
        @media (max-width: 768px) {
          .marketing-block .marketing-block-text ul li {
            font-size: 16px; } }
        @media (max-width: 767px) {
          .marketing-block .marketing-block-text ul li {
            line-height: 1.5;
            padding-bottom: 0; } }
  .marketing-block .marketing-block-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    @media (max-width: 1024px) {
      .marketing-block .marketing-block-img {
        padding: 0 15px; } }
    .marketing-block .marketing-block-img img {
      border-radius: 6px;
      width: 100%;
      max-width: 574px;
      box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2); }
      @media (max-width: 768px) {
        .marketing-block .marketing-block-img img {
          max-width: 650px; } }
    .marketing-block .marketing-block-img p {
      text-align: center;
      margin-top: 15px; }
      @media (max-width: 1024px) {
        .marketing-block .marketing-block-img p {
          margin-bottom: 80px; } }
  .marketing-block.marketing-dark-1:before, .marketing-block.marketing-dark-2:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.41) 0%, #000000 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .marketing-block.marketing-block-text-home.marketing-light-1 {
    margin-top: 30px;
    margin-bottom: 50px;
    background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Home/BusinessEssentials/doc-print);
    background-color: unset;
    min-height: 500px; }
    @media (max-width: 1024px) {
      .marketing-block.marketing-block-text-home.marketing-light-1 {
        min-height: 446px;
        background-position-x: -125px; } }
    @media (max-width: 768px) {
      .marketing-block.marketing-block-text-home.marketing-light-1 {
        min-height: 386px; } }
    @media (max-width: 767px) {
      .marketing-block.marketing-block-text-home.marketing-light-1 {
        min-height: 485px;
        background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Home/BusinessEssentials/doc-print-mobile-2);
        background-position-x: initial;
        background-position-y: 75%;
        background-size: 100%;
        background-repeat: no-repeat; } }
    .marketing-block.marketing-block-text-home.marketing-light-1 > div.marketing-block-text {
      padding: 60px 0px 60px 16px;
      width: 533px;
      margin-left: 8%; }
      @media (max-width: 1024px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 > div.marketing-block-text {
          padding: 40px 0px 40px 16px;
          width: 433px;
          margin-left: 6%; } }
      @media (max-width: 768px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 > div.marketing-block-text {
          padding: 25px 0px 25px 16px;
          margin-left: 5%;
          width: 346px; } }
      @media (max-width: 767px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 > div.marketing-block-text {
          padding: 30px 20px 20px;
          width: 100%;
          margin-left: auto; } }
    .marketing-block.marketing-block-text-home.marketing-light-1 h3 {
      color: #CC0000;
      font-size: 60px;
      line-height: 74px; }
      @media (max-width: 1024px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 h3 {
          font-size: 50px; } }
      @media (max-width: 768px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 h3 {
          font-size: 40px; } }
      @media (max-width: 767px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 h3 {
          font-size: 32px;
          line-height: 39px; } }
    .marketing-block.marketing-block-text-home.marketing-light-1 p {
      margin: 10px 0 20px;
      font-size: 18px;
      line-height: 22px; }
      @media (max-width: 1024px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 p {
          font-size: 16px; } }
      @media (max-width: 768px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 p {
          font-size: 14px;
          line-height: 17px; } }
    .marketing-block.marketing-block-text-home.marketing-light-1 .btn {
      display: inline-block;
      text-align: center;
      min-width: 154px;
      margin: 10px 0;
      text-decoration: none; }
      @media (max-width: 768px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 .btn {
          margin: 0; } }
      @media (max-width: 767px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 .btn {
          min-width: 100%; } }
      @media (max-width: 414px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 .btn {
          margin-top: 30px; } }
    .marketing-block.marketing-block-text-home.marketing-light-1 ul li {
      font-size: 18px;
      line-height: 28px;
      padding-bottom: 0; }
      @media (max-width: 1024px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 ul li {
          line-height: 24px;
          font-size: 16px; } }
      @media (max-width: 768px) {
        .marketing-block.marketing-block-text-home.marketing-light-1 ul li {
          font-size: 14px;
          line-height: 22px; } }
  .marketing-block.marketing-dark-1 .marketing-block-text {
    padding: 50px 20px 50px 128px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    @media (max-width: 1024px) {
      .marketing-block.marketing-dark-1 .marketing-block-text {
        padding: 138px 170px 10px 103px; } }
    @media (max-width: 768px) {
      .marketing-block.marketing-dark-1 .marketing-block-text {
        padding: 109px 86px 20px 86px; } }
    @media (max-width: 767px) {
      .marketing-block.marketing-dark-1 .marketing-block-text {
        padding: 78px 15px 0px; } }
    .marketing-block.marketing-dark-1 .marketing-block-text h3 {
      margin-bottom: 20px; }
    .marketing-block.marketing-dark-1 .marketing-block-text h4 {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-size: 20px;
      margin-bottom: 15px; }
    .marketing-block.marketing-dark-1 .marketing-block-text h5 {
      font-size: 15px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-left: 15px; }
  .marketing-block.marketing-dark-2 .marketing-block-text {
    padding: 80px 110px; }
    @media (max-width: 1024px) {
      .marketing-block.marketing-dark-2 .marketing-block-text {
        padding: 115px 85px 50px; } }
    @media (max-width: 768px) {
      .marketing-block.marketing-dark-2 .marketing-block-text {
        padding: 130px 70px 50px 86px; } }
    @media (max-width: 767px) {
      .marketing-block.marketing-dark-2 .marketing-block-text {
        padding: 78px 15px 0px; } }
    .marketing-block.marketing-dark-2 .marketing-block-text h3 {
      margin-bottom: 12px; }
  .marketing-block.marketing-light-1, .marketing-block.marketing-light-2 {
    color: #444444;
    background-color: #FFFFFF;
    min-height: 550px;
    margin-bottom: 120px; }
    @media all and (-ms-high-contrast: none) {
      .marketing-block.marketing-light-1, .marketing-block.marketing-light-2 {
        height: 550px; } }
    @media (max-width: 1024px) and (min-width: 769px) {
      .marketing-block.marketing-light-1, .marketing-block.marketing-light-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; } }
    .marketing-block.marketing-light-1 .marketing-block-text, .marketing-block.marketing-light-2 .marketing-block-text {
      padding: 70px 16px 10px 9px; }
      @media (max-width: 1024px) {
        .marketing-block.marketing-light-1 .marketing-block-text, .marketing-block.marketing-light-2 .marketing-block-text {
          padding: 70px 60px 10px 9px; } }
      @media (max-width: 768px) {
        .marketing-block.marketing-light-1 .marketing-block-text, .marketing-block.marketing-light-2 .marketing-block-text {
          padding: 70px 8.333% 20px; } }
      @media (max-width: 767px) {
        .marketing-block.marketing-light-1 .marketing-block-text, .marketing-block.marketing-light-2 .marketing-block-text {
          padding: 65px 15px 0; } }
    .marketing-block.marketing-light-1 h3, .marketing-block.marketing-light-2 h3 {
      margin-bottom: 12px; }
    .marketing-block.marketing-light-1 h4, .marketing-block.marketing-light-2 h4 {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-size: 20px;
      margin-bottom: 15px; }
    .marketing-block.marketing-light-1 h5, .marketing-block.marketing-light-2 h5 {
      font-size: 15px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-left: 15px; }
    .marketing-block.marketing-light-1 ul:last-of-type, .marketing-block.marketing-light-2 ul:last-of-type {
      margin-bottom: 30px; }
      @media (max-width: 414px) {
        .marketing-block.marketing-light-1 ul:last-of-type, .marketing-block.marketing-light-2 ul:last-of-type {
          margin-bottom: 0px; } }
  .marketing-block.marketing-light-2 .marketing-block-text {
    padding-right: 17px; }
    @media (max-width: 1024px) {
      .marketing-block.marketing-light-2 .marketing-block-text {
        padding-right: 47px; } }
    @media (min-width: 1024px) {
      .marketing-block.marketing-light-2 .marketing-block-text ul {
        margin-bottom: 30px; } }
    @media (max-width: 1024px) {
      .marketing-block.marketing-light-2 .marketing-block-text ul {
        margin-bottom: 0px; } }
    @media (max-width: 1024px) and (min-width: 769px) {
      .marketing-block.marketing-light-2 .marketing-block-text ul {
        padding-bottom: 20px;
        min-height: unset; } }
    @media (max-width: 767px) {
      .marketing-block.marketing-light-2 .marketing-block-text ul {
        min-height: unset;
        margin-bottom: 20px; } }
  @media (min-width: 1025px) {
    .marketing-block.marketing-light-2 h3 {
      padding-right: 12%; } }
  .marketing-block.marketing-light-2 h4 {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 20px;
    padding: 10px 0 30px; }
  .marketing-block.marketing-light-2 h5 {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 15px; }
  .marketing-block.marketing-light-2 p {
    margin-bottom: 25px; }

.styleguide .marketing-block {
  margin-bottom: 40px; }
  .styleguide .marketing-block.marketing-light-1, .styleguide .marketing-block.marketing-light-2 {
    margin-bottom: 130px; }

.category-pricing-info {
  background: #FFFFFF;
  padding: 50px 60px 20px;
  min-height: 519px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 767px) {
    .category-pricing-info {
      padding: 30px 15px 15px; } }
  .category-pricing-info h2 {
    font-size: 30px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    padding: 20px 0; }
  .category-pricing-info p {
    line-height: 2;
    font-size: 14px; }
  .category-pricing-info ul {
    margin-top: 15px; }
    .category-pricing-info ul li {
      line-height: 1.5; }
  .category-pricing-info select,
  .category-pricing-info option {
    width: 100%; }
  .category-pricing-info .desktop-hide {
    display: none; }
  .category-pricing-info .select-dropdown .drop-list {
    top: 40px; }
  .category-pricing-info .pricing-read-more,
  .category-pricing-info .pricing-read-less,
  .category-pricing-info .pricing-table-more {
    color: #0070C9;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-weight: bold;
    letter-spacing: normal;
    cursor: pointer; }
  .category-pricing-info .pricing-description-more {
    max-height: 0;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: max-height 0.35s ease;
    -moz-transition: max-height 0.35s ease;
    -ms-transition: max-height 0.35s ease;
    -o-transition: max-height 0.35s ease;
    transition: max-height 0.35s ease; }
  .category-pricing-info .pricing-read-more {
    opacity: 1;
    -webkit-transition: opacity 0.05s ease;
    -moz-transition: opacity 0.05s ease;
    -ms-transition: opacity 0.05s ease;
    -o-transition: opacity 0.05s ease;
    transition: opacity 0.05s ease; }
  .category-pricing-info .pricing-long-desc-active .pricing-description-more {
    max-height: 500px; }
  .category-pricing-info .pricing-long-desc-active .pricing-read-more {
    opacity: 0;
    cursor: auto; }

.pricing-summary-container {
  overflow: hidden; }

@media (min-width: 769px) {
  .pricing-info-summary {
    padding-right: 35px; } }

.pricing-info-summary .pricing-text {
  margin-bottom: 40px;
  display: none; }
  .pricing-info-summary .pricing-text.active {
    display: block; }
  .pricing-info-summary .pricing-text p, .pricing-info-summary .pricing-text ul {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px; }

.category-pricing-multiple .pricing-info-breakdown {
  max-height: 328px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -ms-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease; }
  .category-pricing-multiple .pricing-info-breakdown.pricing-info-active {
    max-height: 1000px;
    -webkit-transition: max-height 1.3s ease;
    -moz-transition: max-height 1.3s ease;
    -ms-transition: max-height 1.3s ease;
    -o-transition: max-height 1.3s ease;
    transition: max-height 1.3s ease; }
    .category-pricing-multiple .pricing-info-breakdown.pricing-info-active + .pricing-table-more:before {
      opacity: 0; }
    .category-pricing-multiple .pricing-info-breakdown.pricing-info-active + .pricing-table-more:after {
      opacity: 0; }
  .category-pricing-multiple .pricing-info-breakdown p {
    padding-top: 0.45rem;
    margin-bottom: 0;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif; }
  .category-pricing-multiple .pricing-info-breakdown .pricing-table-container {
    display: none; }
  .category-pricing-multiple .pricing-info-breakdown .pricing-table-container {
    margin: 1rem 0; }
    .category-pricing-multiple .pricing-info-breakdown .pricing-table-container.active {
      display: block; }
  .category-pricing-multiple .pricing-info-breakdown ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 12px; }
    .category-pricing-multiple .pricing-info-breakdown ul li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 auto;
      -ms-flex: 1 auto;
      flex: 1 auto;
      text-align: center;
      border-left: 1px solid #000; }
      .category-pricing-multiple .pricing-info-breakdown ul li:first-child {
        border-left: none; }

@media (min-width: 1366px) {
  .pricing-table-wrap.no-dropdown {
    margin-top: 60px; } }

.pricing-table-wrap .pricing-table-more {
  display: block;
  text-align: center;
  padding-top: 15px;
  background: #fff;
  height: 50px;
  position: relative; }
  .pricing-table-wrap .pricing-table-more:before {
    content: '';
    height: 20px;
    width: 100%;
    position: absolute;
    top: -35px;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    opacity: 1;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -ms-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease; }
  .pricing-table-wrap .pricing-table-more:after {
    content: '';
    height: 16px;
    width: 100%;
    position: absolute;
    top: -15px;
    right: 0;
    background: #FFFFFF;
    opacity: 1;
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -ms-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease; }

.pricing-table-wrap .select-dropdown {
  margin: 0 0 5px; }
  .pricing-table-wrap .select-dropdown .select-dropdown-span {
    margin: 0; }
  @media (max-width: 414px) {
    .pricing-table-wrap .select-dropdown select.source {
      padding-right: 30px; } }

.pricing-info-breakdown .pricing-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1.5; }

.pricing-info-breakdown .table-header {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  min-height: 45px; }
  @media (max-width: 768px) {
    .pricing-info-breakdown .table-header {
      min-height: 25px; } }
  .pricing-info-breakdown .table-header .small-type {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 0.85em;
    display: block;
    text-transform: none;
    position: absolute;
    top: -13px; }

.pricing-info-breakdown .pricing-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  padding: 18px 0 0; }
  .pricing-info-breakdown .pricing-column:first-child {
    background: #F7F7F7;
    border-radius: 4px;
    padding: 18px 0 0 23px; }
    @media (min-width: 860px) {
      .pricing-info-breakdown .pricing-column:first-child {
        min-width: 140px; } }
    @media (max-width: 860px) and (min-width: 769px) {
      .pricing-info-breakdown .pricing-column:first-child {
        padding: 18px 0 0 5px; } }
    .pricing-info-breakdown .pricing-column:first-child .table-header, .pricing-info-breakdown .pricing-column:first-child .table-row-item {
      text-indent: 5px; }
    .pricing-info-breakdown .pricing-column:first-child .table-row-item:after {
      left: 7px; }

.pricing-info-breakdown .table-row-item {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  padding: 0.25em;
  word-break: break-word;
  border-bottom: 1px solid #E0E0E0;
  font-size: 14px;
  line-height: 2;
  text-indent: 20px; }
  @media (max-width: 860px) and (min-width: 769px) {
    .pricing-info-breakdown .table-row-item {
      padding: 0.25em 0; } }
  .pricing-info-breakdown .table-row-item:last-child {
    border-bottom: 0; }
  .pricing-info-breakdown .table-row-item:not(.table-header) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .pricing-info-breakdown .table-row-item:not(.table-header):hover:after {
      content: '';
      width: 100%;
      height: 29px;
      background: #0070C9;
      opacity: .1;
      border-radius: 4px;
      position: absolute;
      left: 10px; }

.pricing-info-breakdown .table-header.table-row-item {
  border-bottom: none;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap; }
  @media (min-width: 960px) {
    .pricing-info-breakdown .table-header.table-row-item {
      letter-spacing: 2px; } }
  .pricing-info-breakdown .table-header.table-row-item:after {
    content: '';
    height: 4px;
    width: 19px;
    background-color: #D0DF00;
    position: absolute;
    top: 29px;
    left: 22px; }

.pricing-info-breakdown .text-left .table-row-item:before {
  text-align: left; }

.mobile-pricing-slider-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .mobile-pricing-slider-container > .active {
    position: relative;
    height: 30px; }
    @media (min-width: 769px) {
      .mobile-pricing-slider-container > .active {
        display: none; } }

.mobile-pricing-slider {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .mobile-pricing-slider button + .slick-list {
    margin: 0 20px; }
  @media (min-width: 769px) {
    .mobile-pricing-slider {
      display: none; } }
  .mobile-pricing-slider .slick-prev {
    left: -2px; }
  .mobile-pricing-slider .slick-next {
    right: -12px; }

@media (max-width: 768px) {
  .pricing-info-breakdown .pricing-column {
    display: none; }
    .pricing-info-breakdown .pricing-column:first-of-type {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      width: 50%; }
    .pricing-info-breakdown .pricing-column.active {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      width: 50%; }
      .pricing-info-breakdown .pricing-column.active .table-header.table-row-item {
        font-size: 0; }
        .pricing-info-breakdown .pricing-column.active .table-header.table-row-item.mobile-show {
          font-size: 12px; }
          .pricing-info-breakdown .pricing-column.active .table-header.table-row-item.mobile-show:before {
            display: none; }
        .pricing-info-breakdown .pricing-column.active .table-header.table-row-item:before {
          content: 'Price';
          font-size: 12px;
          display: block;
          padding: .25em; }
    .pricing-info-breakdown .pricing-column .table-header.table-row-item {
      margin-bottom: 14px; }
  .mobile-pricing-slider {
    opacity: 0;
    -webkit-transition: opacity 0.35s ease;
    -moz-transition: opacity 0.35s ease;
    -ms-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease; }
    .mobile-pricing-slider.active {
      visibility: visible;
      opacity: 1; }
    .mobile-pricing-slider button:not(.slick-prev):not(.slick-next) {
      color: #7D7D7D;
      padding-top: 0;
      padding-bottom: 0;
      border-radius: 4px;
      width: 100%;
      height: 30px;
      font-size: 12px;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
      .mobile-pricing-slider button:not(.slick-prev):not(.slick-next).active {
        background-color: #444444;
        color: #FFFFFF; }
      .mobile-pricing-slider button:not(.slick-prev):not(.slick-next):focus {
        outline: none; }
    .mobile-pricing-slider .slick-prev:before, .mobile-pricing-slider .slick-next:before {
      content: '';
      height: 18px;
      width: 11px;
      display: block;
      background-image: url("/dynamic/Content/images/RetailerSpecific/SPLUS/red-arrow");
      background-size: cover;
      background-repeat: no-repeat; }
    .mobile-pricing-slider .slick-prev:before {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg); } }

@media (min-width: 1024px) {
  .pricing-info-breakdown.breakdown-table {
    margin-top: 3rem; } }

.price-table {
  margin: 1rem 0;
  line-height: 1.5; }
  .price-table th {
    font-size: 12px;
    letter-spacing: 0.05rem;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    text-transform: uppercase;
    text-align: left;
    padding: 23px 0 20px 25px;
    /*@media (max-width: $below-tablet) {
            float: none;
        }*/ }
    .price-table th:after {
      content: '';
      height: 4px;
      width: 19px;
      background-color: #D0DF00;
      position: absolute;
      top: 46px;
      left: 24px; }
      @media (max-width: 767px) {
        .price-table th:after {
          top: auto;
          bottom: 10px; } }
  .price-table tr {
    font-size: 1.0rem; }
    .price-table tr:hover:after {
      content: '';
      width: 100%;
      height: 29px;
      background: #09c;
      opacity: .1;
      border-radius: 4px;
      position: absolute;
      left: 10px;
      -webkit-transform: translateY(3px);
      -moz-transform: translateY(3px);
      -ms-transform: translateY(3px);
      -o-transform: translateY(3px);
      transform: translateY(3px); }
    .price-table tr:last-child {
      border-bottom: none;
      border-radius: 4px; }
      .price-table tr:last-child td {
        border-bottom: 0;
        border-radius: 4px; }
        .price-table tr:last-child td:before {
          border-bottom: 0; }
    .price-table tr td:first-child {
      background: #F7F7F7; }
    .price-table tr th:first-of-type {
      background: #F7F7F7;
      border-radius: 4px 4px 0 0; }
  .price-table td {
    line-height: 2.5;
    text-indent: 25px;
    font-size: 14px; }
    .price-table td:nth-child(even) {
      border-bottom: 1px solid #E0E0E0; }
    .price-table td:nth-child(odd) {
      border-bottom: 1px solid #F7F7F7;
      position: relative; }
      .price-table td:nth-child(odd):before {
        content: '';
        height: 1px;
        width: 100%;
        border-bottom: 1px solid #E0E0E0;
        display: inline-block;
        position: absolute;
        bottom: -1px;
        left: 20px; }
  .price-table thead tr:after {
    display: none; }
  .price-table tbody td {
    position: unset; }
  .price-table + ul li {
    line-height: 1.5; }

.pricing-table-wrap .pricing-table-more.noShowMore {
  display: none; }

#product_pricing_popup .pricing-table-wrap.no-dropdown, #samdeayinfo-popup .pricing-table-wrap.no-dropdown {
  margin-top: 0; }

#product_pricing_popup .lightbox-content, #samdeayinfo-popup .lightbox-content {
  max-width: 456px; }
  @media (max-width: 768px) {
    #product_pricing_popup .lightbox-content, #samdeayinfo-popup .lightbox-content {
      max-width: 352px; } }
  @media (max-width: 767px) {
    #product_pricing_popup .lightbox-content, #samdeayinfo-popup .lightbox-content {
      max-width: 310px; } }
  #product_pricing_popup .lightbox-content .mobile-pricing-slider-container, #samdeayinfo-popup .lightbox-content .mobile-pricing-slider-container {
    margin: 0; }
    @media (max-width: 767px) {
      #product_pricing_popup .lightbox-content .mobile-pricing-slider-container, #samdeayinfo-popup .lightbox-content .mobile-pricing-slider-container {
        margin: 10px 0; } }

#product_pricing_popup .lightbox-header, #samdeayinfo-popup .lightbox-header {
  padding-top: 20px; }
  #product_pricing_popup .lightbox-header h3, #samdeayinfo-popup .lightbox-header h3 {
    padding-bottom: 5px; }
  @media (max-width: 767px) {
    #product_pricing_popup .lightbox-header, #samdeayinfo-popup .lightbox-header {
      padding-top: 15px; }
      #product_pricing_popup .lightbox-header h3, #samdeayinfo-popup .lightbox-header h3 {
        font-size: 22px; } }

#product_pricing_popup .lightbox-body, #samdeayinfo-popup .lightbox-body {
  padding: 0; }

#product_pricing_popup .price-table, #samdeayinfo-popup .price-table {
  margin: 1px 0 0; }
  @media (max-width: 767px) {
    #product_pricing_popup .price-table thead th, #samdeayinfo-popup .price-table thead th {
      float: none; } }
  #product_pricing_popup .price-table tbody, #samdeayinfo-popup .price-table tbody {
    display: block;
    overflow-y: hidden; }
  #product_pricing_popup .price-table tr, #samdeayinfo-popup .price-table tr {
    display: block;
    position: relative;
    overflow: hidden; }
    #product_pricing_popup .price-table tr th:first-of-type, #samdeayinfo-popup .price-table tr th:first-of-type {
      border-radius: 0; }
    #product_pricing_popup .price-table tr:last-child td, #samdeayinfo-popup .price-table tr:last-child td {
      border-radius: 0; }
    #product_pricing_popup .price-table tr:hover:after, #samdeayinfo-popup .price-table tr:hover:after {
      -webkit-transform: translateY(3px);
      -moz-transform: translateY(3px);
      -ms-transform: translateY(3px);
      -o-transform: translateY(3px);
      transform: translateY(3px);
      width: 95.5%; }
      @media (max-width: 1024px) {
        #product_pricing_popup .price-table tr:hover:after, #samdeayinfo-popup .price-table tr:hover:after {
          width: 93.5%; } }
    #product_pricing_popup .price-table tr td:first-child, #samdeayinfo-popup .price-table tr td:first-child {
      background: rgba(236, 236, 236, 0.32); }
    #product_pricing_popup .price-table tr td:nth-child(even), #samdeayinfo-popup .price-table tr td:nth-child(even) {
      border-bottom: 0; }
    #product_pricing_popup .price-table tr td:nth-child(odd), #samdeayinfo-popup .price-table tr td:nth-child(odd) {
      border-bottom: 1px solid #F7F7F7;
      position: relative; }
      #product_pricing_popup .price-table tr td:nth-child(odd):before, #samdeayinfo-popup .price-table tr td:nth-child(odd):before {
        content: '';
        height: 1px;
        width: 182%;
        border-bottom: 1px solid #E0E0E0;
        display: inline-block;
        position: absolute;
        bottom: -1px;
        left: 20px; }
        @media (max-width: 1024px) {
          #product_pricing_popup .price-table tr td:nth-child(odd):before, #samdeayinfo-popup .price-table tr td:nth-child(odd):before {
            width: 177%; } }
        @media (max-width: 767px) {
          #product_pricing_popup .price-table tr td:nth-child(odd):before, #samdeayinfo-popup .price-table tr td:nth-child(odd):before {
            width: 175%; } }
  #product_pricing_popup .price-table.scrolled thead, #samdeayinfo-popup .price-table.scrolled thead {
    -webkit-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2); }

#product_pricing_popup .lightbox-footer, #samdeayinfo-popup .lightbox-footer {
  background: #F2F2F2;
  border-radius: 0 0 4px 4px;
  position: relative; }
  #product_pricing_popup .lightbox-footer .btn, #samdeayinfo-popup .lightbox-footer .btn {
    min-width: 156px; }
    @media (max-width: 1024px) {
      #product_pricing_popup .lightbox-footer .btn, #samdeayinfo-popup .lightbox-footer .btn {
        max-width: unset;
        width: 100%; } }

#product_pricing_popup.pricing-scroll thead, #samdeayinfo-popup.pricing-scroll thead {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: box-shadow 0.2s ease;
  -moz-transition: box-shadow 0.2s ease;
  -ms-transition: box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease; }

#product_pricing_popup.pricing-scroll tbody, #samdeayinfo-popup.pricing-scroll tbody {
  width: 98%;
  max-height: 308px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  left: 0;
  margin: 0;
  -webkit-transition: top 0.2s ease;
  -moz-transition: top 0.2s ease;
  -ms-transition: top 0.2s ease;
  -o-transition: top 0.2s ease;
  transition: top 0.2s ease; }
  @media (max-width: 767px) {
    #product_pricing_popup.pricing-scroll tbody, #samdeayinfo-popup.pricing-scroll tbody {
      max-height: 235px; } }
  #product_pricing_popup.pricing-scroll tbody::-webkit-scrollbar, #samdeayinfo-popup.pricing-scroll tbody::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
  #product_pricing_popup.pricing-scroll tbody::-webkit-scrollbar-thumb:vertical, #samdeayinfo-popup.pricing-scroll tbody::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  #product_pricing_popup.pricing-scroll tbody tr, #samdeayinfo-popup.pricing-scroll tbody tr {
    margin-right: -16px; }
    @media (max-width: 1024px) {
      #product_pricing_popup.pricing-scroll tbody tr, #samdeayinfo-popup.pricing-scroll tbody tr {
        margin-right: -13px; } }

@-moz-document url-prefix() {
  #product_pricing_popup.pricing-scroll tbody tr, #samdeayinfo-popup.pricing-scroll tbody tr {
    margin-right: -27px; } }
    @supports (-ms-ime-align: auto) {
      #product_pricing_popup.pricing-scroll tbody tr, #samdeayinfo-popup.pricing-scroll tbody tr {
        margin-right: -22px; } }

#product_pricing_popup.pricing-scroll .lightbox-footer:before, #samdeayinfo-popup.pricing-scroll .lightbox-footer:before {
  content: '';
  height: 10px;
  width: 100%;
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #F3F3F3 100%); }

#banners-indoor-lightbox .lightbox-content,
#banners-outdoor-lightbox .lightbox-content,
#envelopes-lightbox .lightbox-content,
#pocketEmbosserPricingLightbox .lightbox-content,
#deskEmbosserPricingLightbox .lightbox-content,
.pricing-table-lightbox .lightbox-content {
  max-width: 928px; }
  @media (max-width: 768px) {
    #banners-indoor-lightbox .lightbox-content,
    #banners-outdoor-lightbox .lightbox-content,
    #envelopes-lightbox .lightbox-content,
    #pocketEmbosserPricingLightbox .lightbox-content,
    #deskEmbosserPricingLightbox .lightbox-content,
    .pricing-table-lightbox .lightbox-content {
      margin: 0 25px; } }
  @media (max-width: 767px) {
    #banners-indoor-lightbox .lightbox-content,
    #banners-outdoor-lightbox .lightbox-content,
    #envelopes-lightbox .lightbox-content,
    #pocketEmbosserPricingLightbox .lightbox-content,
    #deskEmbosserPricingLightbox .lightbox-content,
    .pricing-table-lightbox .lightbox-content {
      margin: 0 5px; } }
  #banners-indoor-lightbox .lightbox-content .lightbox-header,
  #banners-outdoor-lightbox .lightbox-content .lightbox-header,
  #envelopes-lightbox .lightbox-content .lightbox-header,
  #pocketEmbosserPricingLightbox .lightbox-content .lightbox-header,
  #deskEmbosserPricingLightbox .lightbox-content .lightbox-header,
  .pricing-table-lightbox .lightbox-content .lightbox-header {
    height: 85px;
    border-bottom: 1px solid #E0E0E0; }
    #banners-indoor-lightbox .lightbox-content .lightbox-header h3,
    #banners-outdoor-lightbox .lightbox-content .lightbox-header h3,
    #envelopes-lightbox .lightbox-content .lightbox-header h3,
    #pocketEmbosserPricingLightbox .lightbox-content .lightbox-header h3,
    #deskEmbosserPricingLightbox .lightbox-content .lightbox-header h3,
    .pricing-table-lightbox .lightbox-content .lightbox-header h3 {
      font-size: 26px;
      padding-top: 5px; }
      @media (max-width: 767px) {
        #banners-indoor-lightbox .lightbox-content .lightbox-header h3,
        #banners-outdoor-lightbox .lightbox-content .lightbox-header h3,
        #envelopes-lightbox .lightbox-content .lightbox-header h3,
        #pocketEmbosserPricingLightbox .lightbox-content .lightbox-header h3,
        #deskEmbosserPricingLightbox .lightbox-content .lightbox-header h3,
        .pricing-table-lightbox .lightbox-content .lightbox-header h3 {
          font-size: 20px; } }

#banners-indoor-lightbox .lightbox-body,
#banners-outdoor-lightbox .lightbox-body,
#envelopes-lightbox .lightbox-body,
#pocketEmbosserPricingLightbox .lightbox-body,
#deskEmbosserPricingLightbox .lightbox-body,
.pricing-table-lightbox .lightbox-body {
  background-color: #F2F2F2;
  padding: 10px 0 0; }
  #banners-indoor-lightbox .lightbox-body .category-pricing-info,
  #banners-outdoor-lightbox .lightbox-body .category-pricing-info,
  #envelopes-lightbox .lightbox-body .category-pricing-info,
  #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info,
  #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info,
  .pricing-table-lightbox .lightbox-body .category-pricing-info {
    background: transparent;
    padding: 0;
    box-shadow: none;
    min-height: unset;
    margin-top: 0; }
    #banners-indoor-lightbox .lightbox-body .category-pricing-info p,
    #banners-outdoor-lightbox .lightbox-body .category-pricing-info p,
    #envelopes-lightbox .lightbox-body .category-pricing-info p,
    #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info p,
    #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info p,
    .pricing-table-lightbox .lightbox-body .category-pricing-info p {
      padding-bottom: 3px; }
    #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
    #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
    #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
    #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
    #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
    .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row {
      padding: 0 20px; }
      @media (max-width: 768px) {
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap > .row {
          padding: 0 10px; } }
    #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
    #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
    #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
    #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
    #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
    .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container {
      background: #FFFFFF; }
      @media (max-width: 768px) {
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container {
          padding: 10px 20px; } }
      @media (max-width: 767px) {
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table-wrap .mobile-pricing-slider-container {
          padding: 10px 10px; } }
    #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-table-container,
    #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-table-container,
    #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-table-container,
    #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-table-container,
    #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-table-container,
    .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-table-container {
      margin: 0; }
    @media (max-width: 860px) {
      #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-column:first-child,
      #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-column:first-child,
      #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-column:first-child,
      #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-column:first-child,
      #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-column:first-child,
      .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .pricing-column:first-child {
        min-width: 110px; } }
    #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .table-row-item:not(.table-header):hover:after,
    #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .table-row-item:not(.table-header):hover:after,
    #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .table-row-item:not(.table-header):hover:after,
    #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .table-row-item:not(.table-header):hover:after,
    #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .table-row-item:not(.table-header):hover:after,
    .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown .table-row-item:not(.table-header):hover:after {
      width: 98%;
      -webkit-transform: translateY(-1px);
      -moz-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
      -o-transform: translateY(-1px);
      transform: translateY(-1px); }
    @media (max-width: 767px) {
      #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown,
      #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown,
      #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown,
      #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown,
      #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown,
      .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown {
        border-right: 4px solid #FFFFFF;
        max-height: 225px;
        overflow: scroll;
        overflow-x: hidden; }
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar {
          width: 6px;
          background-color: rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          border-radius: 10px; }
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown::-webkit-scrollbar-thumb:vertical {
          background-color: rgba(0, 0, 0, 0.5);
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow {
          overflow: hidden; }
          #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow .pricing-column.active,
          #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow .pricing-column.active,
          #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow .pricing-column.active,
          #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow .pricing-column.active,
          #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow .pricing-column.active,
          .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-info-breakdown.no-overflow .pricing-column.active {
            padding: 18px 20px 0 0; } }
    #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table,
    #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table,
    #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table,
    #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table,
    #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table,
    .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table {
      background: #FFFFFF;
      padding-right: 20px; }
      @media (max-width: 767px) {
        #banners-indoor-lightbox .lightbox-body .category-pricing-info .pricing-table,
        #banners-outdoor-lightbox .lightbox-body .category-pricing-info .pricing-table,
        #envelopes-lightbox .lightbox-body .category-pricing-info .pricing-table,
        #pocketEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table,
        #deskEmbosserPricingLightbox .lightbox-body .category-pricing-info .pricing-table,
        .pricing-table-lightbox .lightbox-body .category-pricing-info .pricing-table {
          padding-right: 0; } }

#banners-indoor-lightbox .lightbox-footer,
#banners-outdoor-lightbox .lightbox-footer,
#envelopes-lightbox .lightbox-footer,
#pocketEmbosserPricingLightbox .lightbox-footer,
#deskEmbosserPricingLightbox .lightbox-footer,
.pricing-table-lightbox .lightbox-footer {
  background-color: #F2F2F2; }
  #banners-indoor-lightbox .lightbox-footer h4,
  #banners-outdoor-lightbox .lightbox-footer h4,
  #envelopes-lightbox .lightbox-footer h4,
  #pocketEmbosserPricingLightbox .lightbox-footer h4,
  #deskEmbosserPricingLightbox .lightbox-footer h4,
  .pricing-table-lightbox .lightbox-footer h4 {
    padding-top: 10px;
    font-size: 15px; }
  #banners-indoor-lightbox .lightbox-footer .btn,
  #banners-outdoor-lightbox .lightbox-footer .btn,
  #envelopes-lightbox .lightbox-footer .btn,
  #pocketEmbosserPricingLightbox .lightbox-footer .btn,
  #deskEmbosserPricingLightbox .lightbox-footer .btn,
  .pricing-table-lightbox .lightbox-footer .btn {
    min-width: 100%;
    font-weight: bold; }
  @media (max-width: 767px) {
    #banners-indoor-lightbox .lightbox-footer,
    #banners-outdoor-lightbox .lightbox-footer,
    #envelopes-lightbox .lightbox-footer,
    #pocketEmbosserPricingLightbox .lightbox-footer,
    #deskEmbosserPricingLightbox .lightbox-footer,
    .pricing-table-lightbox .lightbox-footer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      #banners-indoor-lightbox .lightbox-footer h4,
      #banners-outdoor-lightbox .lightbox-footer h4,
      #envelopes-lightbox .lightbox-footer h4,
      #pocketEmbosserPricingLightbox .lightbox-footer h4,
      #deskEmbosserPricingLightbox .lightbox-footer h4,
      .pricing-table-lightbox .lightbox-footer h4 {
        text-align: center; }
      #banners-indoor-lightbox .lightbox-footer .text-right,
      #banners-outdoor-lightbox .lightbox-footer .text-right,
      #envelopes-lightbox .lightbox-footer .text-right,
      #pocketEmbosserPricingLightbox .lightbox-footer .text-right,
      #deskEmbosserPricingLightbox .lightbox-footer .text-right,
      .pricing-table-lightbox .lightbox-footer .text-right {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1;
        padding-bottom: 10px; } }

#pocketEmbosserPricingLightbox .pricing-table-wrap.no-dropdown,
#deskEmbosserPricingLightbox .pricing-table-wrap.no-dropdown {
  margin-top: 0; }

#pocketEmbosserPricingLightbox .lightbox-content,
#deskEmbosserPricingLightbox .lightbox-content {
  max-width: 628px; }

.lightbox,
.select-size-lightbox,
.same-day-lightbox,
.filter-lightbox,
.material-indoor-lightbox,
.material-outdoor-lightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(51, 51, 51, 0.8);
  z-index: 100;
  opacity: 0;
  z-index: -999;
  overflow-y: auto; }
  .lightbox.fade,
  .select-size-lightbox.fade,
  .same-day-lightbox.fade,
  .filter-lightbox.fade,
  .material-indoor-lightbox.fade,
  .material-outdoor-lightbox.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear; }

.lightbox-dialog {
  display: table;
  width: 100%;
  height: 100%; }

.lightbox-container {
  display: table-cell;
  vertical-align: middle; }

.lightbox-content {
  display: block;
  background-color: #FFFFFF;
  opacity: 1;
  border-radius: 4px;
  margin: 0 auto;
  max-width: 692px; }
  @media (max-width: 1024px) {
    .lightbox-content {
      max-width: 652px; } }
  @media (max-width: 768px) {
    .lightbox-content {
      max-width: 596px; } }
  @media (max-width: 767px) {
    .lightbox-content {
      max-width: 100%; } }

.lightbox-open {
  overflow: hidden; }
  .lightbox-open header {
    z-index: 1; }
  .lightbox-open .lightbox {
    opacity: 1;
    z-index: 100; }

.modal-active {
  overflow: hidden; }
  .modal-active .lightbox.active-lightbox {
    opacity: 1;
    z-index: 100; }

.lightbox-open #oo_tab,
.lightbox-open #inside_holder,
.lightbox-open #_elev_io,
.lightbox-open-shared #oo_tab,
.lightbox-open-shared #inside_holder,
.lightbox-open-shared #_elev_io,
.lightbox-open-filter #oo_tab,
.lightbox-open-filter #inside_holder,
.lightbox-open-filter #_elev_io,
.lightbox-open-material-outdoor #oo_tab,
.lightbox-open-material-outdoor #inside_holder,
.lightbox-open-material-outdoor #_elev_io,
.lightbox-open-material-indoor #oo_tab,
.lightbox-open-material-indoor #inside_holder,
.lightbox-open-material-indoor #_elev_io {
  display: none !important; }

.lightbox-header {
  padding-top: 15px;
  height: 90px;
  box-shadow: 0 1px 0 0 #EAEAEA;
  border-radius: 4px 4px 0 0; }
  @media (max-width: 767px) {
    .lightbox-header {
      padding-top: 12px;
      height: 70px; } }
  .lightbox-header h3,
  .lightbox-header h4 {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    text-align: center; }
  .lightbox-header h3 {
    font-size: 30px;
    line-height: 1; }
  .lightbox-header h4 {
    font-size: 14px;
    color: #444444;
    padding-top: 4px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }

.lightbox-body {
  padding: 30px 30px 0; }

.lightbox-footer {
  padding: 20px 20px 20px;
  border-radius: 0 0 4px 4px; }
  .lightbox-footer .btn {
    max-width: 156px;
    height: 30px;
    font-size: 13px;
    padding: 6px 6px 5px;
    line-height: 1.25;
    margin: 0;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-weight: 700; }

.pricing-table-lightbox {
  max-width: 928px; }
  .pricing-table-lightbox .pricing-info-breakdown {
    overflow-y: auto;
    max-height: 450px; }
    .pricing-table-lightbox .pricing-info-breakdown::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px; }
    .pricing-table-lightbox .pricing-info-breakdown::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

#store-popup h3,
#store-popup h4 {
  font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
  text-align: center;
  border: none;
  text-transform: none;
  padding-left: 0; }

#store-popup h3 {
  color: #000000;
  font-size: 30px;
  line-height: 1;
  font-weight: normal; }
  @media (max-width: 767px) {
    #store-popup h3 {
      font-size: 22px; } }

#store-popup h4 {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  @media (max-width: 767px) {
    #store-popup h4 {
      font-size: 12px; } }

#store-popup .bullet {
  font-size: 0.65em;
  vertical-align: middle;
  padding: 0 4px; }

#store-popup .checkbox span {
  height: 20px;
  width: 20px; }
  @media (max-width: 767px) {
    #store-popup .checkbox span {
      margin: 20px 5px; } }
  #store-popup .checkbox span:after {
    height: 10px;
    width: 10px; }

#store-popup .btn-primary, #store-popup .btn-tertiary, #store-popup .btn-cart {
  margin: 0;
  padding: 0;
  min-width: auto;
  font-size: 13px;
  height: 30px; }

#store-popup .btn-secondary {
  min-width: auto;
  width: 156px; }
  @media (max-width: 767px), (max-height: 540px) {
    #store-popup .btn-secondary {
      width: 140px;
      margin-right: 10px; } }

#store-popup .lightbox-header {
  background-color: #FFFFFF; }

@media (max-width: 767px), (max-height: 540px) {
  #store-popup .lightbox-container,
  #store-popup .lightbox-content {
    height: 100vh;
    background-color: #F2F2F2; }
  #store-popup .lightbox-dialog {
    overflow-y: auto; }
  #store-popup .lightbox-dialog,
  #store-popup .lightbox-container {
    display: unset; }
  #store-popup .lightbox-body {
    padding: 15px 15px 0; } }

@media (max-width: 540px) {
  #store-popup .lightbox-content {
    max-height: 100%; } }

@media (min-device-width: 414px) and (max-device-width: 860px) and (orientation: landscape) {
  #store-popup .lightbox-dialog {
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; } }

#store-popup .lightbox-body,
#store-popup .lightbox-footer {
  background-color: #F2F2F2; }

#store-popup .address-search {
  padding-left: 0;
  position: relative; }

#store-popup .address-cta {
  padding-right: 0; }

#store-popup .default-search {
  text-align: center;
  padding-top: 80px; }

#store-popup .default-search-message {
  font-size: 18px;
  color: #000000;
  line-height: 1.31; }

#store-popup #search {
  width: 100%;
  height: 38px;
  border-radius: 63px;
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  caret-color: #CC0000;
  font-size: 13px;
  font-weight: bold; }
  @media (min-width: 768px) {
    #store-popup #search {
      padding-left: 35px;
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/icon-search-grey);
      background-repeat: no-repeat;
      background-position: left;
      background-position-x: 15px;
      background-size: 12px; } }
  @media (max-width: 767px) {
    #store-popup #search {
      padding-left: 13px; } }
  #store-popup #search::-webkit-input-placeholder {
    font-weight: normal;
    color: #A1A1A1;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
  #store-popup #search::-moz-placeholder {
    font-weight: normal;
    color: #A1A1A1;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }

#store-popup .form-group .btn-primary, #store-popup .form-group .btn-tertiary, #store-popup .form-group .btn-cart {
  width: 110px;
  padding-top: 5px;
  margin-top: 4px; }
  @media (max-width: 767px), (max-height: 540px) {
    #store-popup .form-group .btn-primary, #store-popup .form-group .btn-tertiary, #store-popup .form-group .btn-cart {
      color: transparent;
      position: relative;
      height: 30px;
      width: 50px;
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/icon-search-white);
      background-repeat: no-repeat;
      background-position: center;
      background-position-y: 5px;
      background-size: 18px; } }

#store-popup .cartpopup-options-container {
  margin-top: 25px;
  height: 290px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 767px), (max-height: 540px) {
    #store-popup .cartpopup-options-container {
      margin-top: 16px;
      height: 40vh; } }
  @media (max-width: 414px) {
    #store-popup .cartpopup-options-container {
      height: 48vh; } }
  @media (max-width: 375px) {
    #store-popup .cartpopup-options-container {
      height: 52vh; } }
  @media (max-width: 320px) {
    #store-popup .cartpopup-options-container {
      height: 40vh; } }

#store-popup .cartpopup-options-container::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px; }

#store-popup .cartpopup-options-container::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

#store-popup .list-group-item-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

#store-popup .list-group-item:focus, #store-popup .list-group-item:active {
  outline: none;
  border: 1px solid #FFFFFF; }

#store-popup .list-group-item {
  height: 90px;
  margin-bottom: 8px;
  border-radius: 4px;
  padding: 15px 10px;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid transparent;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  @media (max-width: 767px), (max-height: 540px) {
    #store-popup .list-group-item {
      height: 110px; } }
  #store-popup .list-group-item .store-name {
    font-size: 18px;
    color: #000000; }
  #store-popup .list-group-item p {
    font-size: 13px;
    line-height: 1.46; }
  #store-popup .list-group-item .store-details {
    padding-left: 10px; }
    @media (max-width: 767px), (max-height: 540px) {
      #store-popup .list-group-item .store-details {
        padding-left: 16px; } }
  #store-popup .list-group-item.active {
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7; }
    #store-popup .list-group-item.active .checkbox span {
      background: #0070C9;
      border: 2px solid #0070C9; }
      #store-popup .list-group-item.active .checkbox span:after {
        content: '';
        background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Style-Guide/line-svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center; }
  @media (min-width: 769px) {
    #store-popup .list-group-item:hover {
      background-color: #FFFFFF;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
      #store-popup .list-group-item:hover .checkbox span {
        border: 2px solid #0070C9; } }

#store-popup .lightbox-footer {
  padding-right: 40px;
  padding-left: 40px; }
  @media (max-width: 767px), (max-height: 540px) {
    #store-popup .lightbox-footer {
      padding-right: 15px;
      padding-left: 15px; } }
  #store-popup .lightbox-footer .disclaimer {
    padding-right: 34px; }
    @media (max-width: 1024px) {
      #store-popup .lightbox-footer .disclaimer {
        padding-right: 0; } }
  @media (max-width: 1024px) {
    #store-popup .lightbox-footer .cta-container {
      margin-left: 30px; } }
  @media (max-width: 767px), (max-height: 540px) {
    #store-popup .lightbox-footer .cta-container {
      margin-left: 0;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; } }
  #store-popup .lightbox-footer .cta-done {
    margin: 0 auto;
    text-align: center; }
  #store-popup .lightbox-footer p {
    font-size: 12px;
    line-height: 1.16; }

#store-popup .desktop-hide {
  display: none; }

@media (max-width: 767px), (max-height: 540px) {
  #store-popup .desktop-hide {
    display: block; }
  #store-popup .lightbox-footer .disclaimer {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 15px; }
  #store-popup .lightbox-footer .cta-done {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; } }

@media (min-width: 768px) and (max-height: 540px) {
  #store-popup .lightbox-footer .disclaimer {
    margin-left: 100px; }
  #store-popup .lightbox-footer .cta-done {
    margin-right: 220px; } }

.upsell-popupBackground {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(51, 51, 51, 0.8);
  z-index: 26; }

.upsell-popupContainer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  border-radius: 4px;
  width: 692px;
  transform: translate(-50%, -50%); }
  @media (max-width: 1024px) {
    .upsell-popupContainer {
      width: 652px; } }
  @media (max-width: 768px) {
    .upsell-popupContainer {
      width: 596px; } }
  @media (max-width: 767px) {
    .upsell-popupContainer {
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 26;
      border-radius: 0;
      transform: translate(0, 0); } }

div.upsell-popup-alert {
  width: 290px;
  padding: 20px;
  text-align: center;
  z-index: 99;
  border-radius: 6px; }
  @media (max-width: 767px) {
    div.upsell-popup-alert {
      width: 90%;
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: #FFFFFF;
      border-radius: 4px;
      height: auto;
      transform: translate(-50%, -50%); } }
  div.upsell-popup-alert .upsell-popup-title {
    margin: 10px 0 20px;
    font-size: 24px;
    line-height: 29px;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
    @media (max-width: 580px) {
      div.upsell-popup-alert .upsell-popup-title {
        font-size: 20px;
        margin: 10px 0; } }
  div.upsell-popup-alert p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px; }
    @media (max-width: 580px) {
      div.upsell-popup-alert p {
        font-size: 15px; } }
  div.upsell-popup-alert .btn {
    margin: 5px 0;
    width: 100%; }
  div.upsell-popup-alert .popup-alert-icon {
    width: 64px;
    margin: 0 auto; }
    @media (max-width: 580px) {
      div.upsell-popup-alert .popup-alert-icon {
        width: 50px; } }
    div.upsell-popup-alert .popup-alert-icon svg {
      width: 100%; }

.upsell-popup-active {
  display: block; }

.lightbox-open-shared {
  overflow: hidden; }
  .lightbox-open-shared header {
    z-index: 1; }
  .lightbox-open-shared .select-size-lightbox {
    opacity: 1;
    z-index: 100; }

.lightbox-shared-header {
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 0; }
  @media (max-width: 580px) {
    .lightbox-shared-header {
      height: 70px;
      margin-bottom: 0px; } }
  .lightbox-shared-header .show {
    display: block !important; }
  .lightbox-shared-header h3 {
    font-size: 30px;
    line-height: 90px;
    font-weight: 300;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
    @media (max-width: 580px) {
      .lightbox-shared-header h3 {
        font-size: 22px;
        line-height: 70px; } }

.lightbox-content-shared {
  background-color: #F2F2F2;
  max-width: 670px; }
  @media (max-width: 1024px) {
    .lightbox-content-shared {
      max-width: 486px; } }
  @media (max-width: 768px) {
    .lightbox-content-shared {
      max-width: 60%; } }
  @media (max-width: 580px) {
    .lightbox-content-shared {
      max-width: 90%; } }

.lightbox-shared-body {
  padding-top: 0px; }

.product-action-shared-btns {
  margin-top: 40px; }
  .product-action-shared-btns .btn {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0;
    min-width: 156px;
    margin-left: 10px; }
    @media (max-width: 1024px) {
      .product-action-shared-btns .btn {
        min-width: 48%;
        margin-left: 2.5%; }
        .product-action-shared-btns .btn:first-child {
          margin-left: 0; } }
    @media (max-width: 580px) {
      .product-action-shared-btns .btn {
        min-width: 47%;
        margin-left: 3%; } }

.card-popup.select-size-lightbox {
  overflow-y: scroll;
  width: calc(100% + 18px); }
  .card-popup.select-size-lightbox::-webkit-scrollbar {
    display: none; }
  @media (max-width: 580px) {
    .card-popup.select-size-lightbox {
      width: unset; } }
  @media (max-width: 580px) {
    .card-popup.select-size-lightbox .hide-on-mobile {
      display: none; } }
  @media (max-width: 580px) {
    .card-popup.select-size-lightbox .lightbox-body {
      padding: 30px 20px 0; } }
  .card-popup.select-size-lightbox .lightbox-header {
    margin-bottom: 30px; }
  .card-popup.select-size-lightbox .lightbox-content {
    border-radius: 4px;
    max-width: 1164px; }
    @media (max-width: 1024px) {
      .card-popup.select-size-lightbox .lightbox-content {
        max-width: 90%; } }
    @media (max-width: 768px) {
      .card-popup.select-size-lightbox .lightbox-content {
        max-width: 88%; } }
    @media (max-width: 580px) {
      .card-popup.select-size-lightbox .lightbox-content {
        max-width: 95%; } }
  .card-popup.select-size-lightbox .lightbox-shared-body {
    padding: 30px 30px 0; }

.card-popup .delivery-option-buttons {
  border-right: 2px solid rgba(151, 151, 151, 0.2); }
  @media (max-width: 768px) {
    .card-popup .delivery-option-buttons {
      border-right: 0px;
      border-bottom: 2px solid rgba(151, 151, 151, 0.2);
      padding-bottom: 30px; } }
  @media (max-width: 580px) {
    .card-popup .delivery-option-buttons {
      padding-bottom: 0px; } }

.card-popup .delivery-option-button {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  border: 2px solid transparent;
  padding: 15px;
  width: 45%;
  margin-right: 3%;
  min-height: 345px; }
  @media (max-width: 768px) {
    .card-popup .delivery-option-button {
      width: 47%; } }
  @media (max-width: 580px) {
    .card-popup .delivery-option-button {
      width: 100%;
      margin-bottom: 20px;
      min-height: unset; } }
  .card-popup .delivery-option-button:last-child {
    margin-right: 0; }
  .card-popup .delivery-option-button:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.2); }
  .card-popup .delivery-option-button:active, .card-popup .delivery-option-button:active:focus {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none; }
    @media (max-width: 768px) {
      .card-popup .delivery-option-button:active, .card-popup .delivery-option-button:active:focus {
        -webkit-transform: translate(0, 4px);
        -moz-transform: translate(0, 4px);
        -ms-transform: translate(0, 4px);
        -o-transform: translate(0, 4px);
        transform: translate(0, 4px); } }
  .card-popup .delivery-option-button h3 {
    margin: 0px;
    font-size: 22px;
    line-height: 27px;
    color: #000000;
    text-transform: none;
    font-weight: 500;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif; }
    @media (max-width: 580px) {
      .card-popup .delivery-option-button h3 {
        font-size: 16px;
        font-weight: 700;
        font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
        color: #A1A1A1; } }
  .card-popup .delivery-option-button p {
    font-size: 13px;
    line-height: 15px;
    color: #444444; }
    @media (max-width: 580px) {
      .card-popup .delivery-option-button p {
        font-size: 12px;
        color: #A1A1A1; } }
    .card-popup .delivery-option-button p:first-of-type {
      margin-bottom: 20px; }
      @media (max-width: 580px) {
        .card-popup .delivery-option-button p:first-of-type {
          margin-bottom: 6px; } }
  .card-popup .delivery-option-button .img-wrap {
    height: 153px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    @media (max-width: 580px) {
      .card-popup .delivery-option-button .img-wrap {
        display: none; } }
  .card-popup .delivery-option-button img {
    width: 100%; }
  .card-popup .delivery-option-button.selected {
    border: 3px solid #0070C9; }
    .card-popup .delivery-option-button.selected p {
      color: #444444; }
    @media (max-width: 580px) {
      .card-popup .delivery-option-button.selected h3 {
        color: #444444; } }

.card-popup .attribute-selector-options {
  padding-left: 8%; }
  @media (max-width: 768px) {
    .card-popup .attribute-selector-options {
      padding-left: 0px; } }
  .card-popup .attribute-selector-options select.options {
    line-height: 45px; }
  .card-popup .attribute-selector-options .card-size-visual {
    text-align: center; }
    .card-popup .attribute-selector-options .card-size-visual img {
      width: 75%; }
      @media (max-width: 768px) {
        .card-popup .attribute-selector-options .card-size-visual img {
          width: 45%; } }
    .card-popup .attribute-selector-options .card-size-visual p {
      padding-top: 16px; }

.card-popup .product-action-btns {
  text-align: right;
  margin-top: 30px; }
  @media (max-width: 580px) {
    .card-popup .product-action-btns {
      padding-bottom: 10px;
      margin-top: 0px;
      padding-right: 30px; } }
  .card-popup .product-action-btns .btn {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0;
    min-width: 156px;
    margin-left: 10px; }
    @media (max-width: 768px) {
      .card-popup .product-action-btns .btn {
        min-width: 48%;
        margin-left: 3%; }
        .card-popup .product-action-btns .btn:first-child {
          margin-left: 0; } }
    @media (max-width: 768px) {
      .card-popup .product-action-btns .btn {
        min-width: 47%; } }

.lightbox-open-filter {
  overflow: hidden; }
  .lightbox-open-filter header {
    z-index: 1; }
  .lightbox-open-filter .filter-lightbox {
    opacity: 1;
    z-index: 100; }

@media (max-width: 580px) {
  .filter-lightbox {
    overflow-x: scroll; } }

.filter-lightbox p {
  margin: 20px 0;
  line-height: 19px; }

.filter-lightbox .bold {
  font-weight: 700; }

.filter-lightbox .lightbox-content {
  background-color: #F2F2F2;
  max-width: 670px; }
  @media (max-width: 1024px) {
    .filter-lightbox .lightbox-content {
      max-width: 486px; } }
  @media (max-width: 768px) {
    .filter-lightbox .lightbox-content {
      max-width: 60%; } }
  @media (max-width: 580px) {
    .filter-lightbox .lightbox-content {
      max-width: 90%; } }

.filter-lightbox .select-dropdown .drop-list {
  top: 50px; }

.filter-lightbox .lightbox-header {
  height: 90px;
  padding-top: 0;
  background-color: #FFFFFF; }
  @media (max-width: 580px) {
    .filter-lightbox .lightbox-header {
      height: 70px; } }

.filter-lightbox h3 {
  font-size: 30px;
  line-height: 90px;
  font-weight: 300;
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  @media (max-width: 580px) {
    .filter-lightbox h3 {
      font-size: 22px;
      line-height: 70px; } }

.filter-lightbox .lightbox-body {
  padding-top: 0; }

.filter-lightbox .lightbox-footer {
  text-align: right;
  margin-top: 30px; }
  @media (max-width: 580px) {
    .filter-lightbox .lightbox-footer {
      padding-bottom: 10px;
      margin-top: 0px;
      padding-right: 30px; } }
  .filter-lightbox .lightbox-footer .btn {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0;
    min-width: 156px;
    margin-left: 10px; }
    @media (max-width: 768px) {
      .filter-lightbox .lightbox-footer .btn {
        min-width: 48%;
        margin-left: 3%; }
        .filter-lightbox .lightbox-footer .btn:first-child {
          margin-left: 0; } }
    @media (max-width: 768px) {
      .filter-lightbox .lightbox-footer .btn {
        min-width: 47%; } }

.blog-posts-container {
  margin-top: 15px;
  padding-bottom: 35px;
  background-color: #F9F9F9; }
  .blog-posts-container h2 {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 44px;
    line-height: 1.23;
    letter-spacing: -1px;
    padding-top: 60px;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .blog-posts-container h2 {
        font-size: 30px; } }
    .blog-posts-container h2 + p {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-size: 20px; }

.blog-posts {
  padding: 35px 0; }
  @media (min-width: 769px) {
    .blog-posts.gradient-left:before, .blog-posts.gradient-right:after {
      visibility: visible;
      content: "";
      width: 100px;
      position: absolute;
      z-index: 2;
      top: 0;
      height: 705px;
      margin-top: 270px; }
    .blog-posts.gradient-left:before {
      left: 0;
      background: transparent;
      background: -webkit-linear-gradient(0deg, #F9F9F9 15%, rgba(249, 249, 249, 0) 80%);
      background: linear-gradient(90deg, #F9F9F9 15%, rgba(249, 249, 249, 0) 80%); }
    .blog-posts.gradient-right:after {
      right: 0;
      background: transparent;
      background: -webkit-linear-gradient(0deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 80%);
      background: linear-gradient(90deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 80%); } }
  .blog-posts .blog-posts-wrap {
    width: 1620px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .blog-posts:hover.scroll-wrap {
    visibility: visible; }
  .blog-posts .blog-posts-wrap {
    width: 1500px; }
    @media (max-width: 1024px) {
      .blog-posts .blog-posts-wrap {
        width: 1350px; } }
    @media (max-width: 768px) {
      .blog-posts .blog-posts-wrap {
        width: 1000px; } }
    @media (max-width: 767px) {
      .blog-posts .blog-posts-wrap {
        width: 800px; } }
  .blog-posts .scroll-tile {
    width: 456px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    margin: 0 20px; }
    @media (max-width: 1024px) {
      .blog-posts .scroll-tile {
        width: 403px; } }
    @media (max-width: 768px) {
      .blog-posts .scroll-tile {
        width: 290px; } }
    @media (max-width: 767px) {
      .blog-posts .scroll-tile {
        width: 240px; } }
    @media (max-width: 767px) {
      .blog-posts .scroll-tile {
        margin: 0 5px; } }
    .blog-posts .scroll-tile:first-of-type {
      margin-left: 6px; }
  .blog-posts .blog-content {
    padding: 20px 35px 40px; }
    @media (max-width: 768px) {
      .blog-posts .blog-content {
        padding: 20px 25px 35px; } }
    @media (max-width: 767px) {
      .blog-posts .blog-content {
        padding: 20px; } }
  .blog-posts h3 {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 12px;
    overflow: hidden; }
    @media (max-width: 768px) {
      .blog-posts h3 {
        font-size: 20px; } }
    @media (min-width: 769px) {
      .blog-posts h3 {
        height: 108px; } }
    @media (max-width: 768px) {
      .blog-posts h3 {
        height: 98px; } }
  .blog-posts p {
    font-size: 15px;
    line-height: 1.6;
    color: #444444;
    overflow: hidden; }
    @media (min-width: 769px) {
      .blog-posts p:not(.cta) {
        height: 72px; } }
    @media (max-width: 767px) {
      .blog-posts p:not(.cta) {
        display: none; } }
    @media (max-width: 768px) {
      .blog-posts p.ellipsis {
        overflow: hidden;
        height: 48px;
        line-height: 1.6;
        position: relative; }
      .blog-posts p.ellipsis:before {
        content: "";
        float: left;
        width: 5px;
        height: 48px; }
      .blog-posts p.ellipsis > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px; }
      .blog-posts p.ellipsis:after {
        content: "\02026";
        float: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 3em;
        margin-left: -3em;
        padding-right: 5px;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        text-align: right;
        background: #FFFFFF;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF), color-stop(50%, #FFFFFF));
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%, #FFFFFF);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%, #FFFFFF);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%, #FFFFFF);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%, #FFFFFF); } }
  .blog-posts .cta {
    padding-top: 37px; }
    @media (max-width: 1024px) {
      .blog-posts .cta {
        padding-top: 30px; } }
    @media (max-width: 767px) {
      .blog-posts .cta {
        padding-top: 8px; } }

.main-configurator-container {
  padding: 25px 20px 55px; }
  @media (max-width: 767px) {
    .main-configurator-container {
      padding-top: 0; } }
  @media (max-width: 580px) {
    .main-configurator-container {
      padding: 0 0 10px 0; } }
  .main-configurator-container .slick-slide {
    outline: 0; }
  .main-configurator-container .configurator-btn {
    min-width: 150px;
    margin-right: 16px;
    cursor: pointer;
    outline: 0px; }
    @media (max-width: 767px) {
      .main-configurator-container .configurator-btn {
        min-width: 112px;
        margin-right: 5px; } }
    .main-configurator-container .configurator-btn span {
      display: block;
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      border-radius: 4px;
      width: 100%;
      text-align: center;
      background-color: #F9F9F9;
      padding: 15px;
      margin-top: 12px;
      color: #7D7D7D;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear; }
      @media (max-width: 767px) {
        .main-configurator-container .configurator-btn span {
          padding: 7px;
          font-size: 12px; } }
      .main-configurator-container .configurator-btn span:hover {
        background: #EFEFEF; }
    .main-configurator-container .configurator-btn.slick-current span {
      background-color: #444444;
      color: #FFFFFF; }
      .main-configurator-container .configurator-btn.slick-current span:hover {
        background-color: #444444; }
  .main-configurator-container h3 {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
    @media (max-width: 736px) {
      .main-configurator-container h3 {
        margin-bottom: 15px; } }
  .main-configurator-container .configurator-content {
    max-width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
    padding: 45px 42px;
    position: relative; }
    @media (max-width: 960px) {
      .main-configurator-container .configurator-content {
        padding: 45px 12px; } }
    @media (max-width: 736px) {
      .main-configurator-container .configurator-content {
        width: 100%;
        margin: 0 0 55px;
        padding: 20px 12px; } }
    @media (max-width: 580px) {
      .main-configurator-container .configurator-content {
        margin-top: 55px;
        margin-bottom: 10px;
        box-shadow: none; } }
  .main-configurator-container div.images {
    width: 65%;
    min-height: 500px;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1280px) {
      .main-configurator-container div.images {
        width: 60%; } }
    @media (max-width: 1024px) {
      .main-configurator-container div.images {
        width: 50%; } }
    @media (max-width: 768px) {
      .main-configurator-container div.images {
        width: 100%;
        min-height: 515px; } }
    @media (max-width: 767px) {
      .main-configurator-container div.images {
        min-height: 255px; } }
    .main-configurator-container div.images .big-images {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-flex-item-align: center;
      align-self: center; }
  .main-configurator-container ul.img-list {
    display: inline-block;
    width: 70px;
    vertical-align: top; }
    @media (max-width: 767px) {
      .main-configurator-container ul.img-list {
        display: none; } }
    .main-configurator-container ul.img-list li.slick-current {
      border: 2px solid #0070C9; }
    @media (min-width: 769px) {
      .main-configurator-container ul.img-list li.slick-slide:not(.slick-current):hover {
        border: 2px solid rgba(0, 112, 201, 0.5);
        overflow: visible; } }
    .main-configurator-container ul.img-list li {
      width: 60px !important;
      height: 60px;
      margin: 8px 0;
      border: 2px solid transparent;
      border-radius: 4px;
      -webkit-transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -ms-transition: all 0.1s linear;
      -o-transition: all 0.1s linear;
      transition: all 0.1s linear;
      outline: 0px;
      cursor: pointer; }
      .main-configurator-container ul.img-list li:first-of-type {
        margin-top: 0px; }
    .main-configurator-container ul.img-list img {
      width: 99%; }
  .main-configurator-container ul.big-images {
    display: inline-block;
    width: calc(100% - 75px);
    vertical-align: top; }
    @media (max-width: 960px) {
      .main-configurator-container ul.big-images {
        width: 84%; } }
    @media (max-width: 767px) {
      .main-configurator-container ul.big-images {
        width: 100%; } }
    .main-configurator-container ul.big-images img {
      width: 100%; }
    .main-configurator-container ul.big-images .slick-dots {
      bottom: -33px; }
    .main-configurator-container ul.big-images .slick-dots li button:before {
      font-size: 25px; }
    .main-configurator-container ul.big-images .slick-dots li.slick-active button:before {
      color: #0070C9; }
  .main-configurator-container .description-container {
    width: 31%;
    float: left;
    border-radius: 6px;
    padding: 10px 8px 25px;
    display: inline-block; }
    @media (max-width: 1280px) {
      .main-configurator-container .description-container {
        width: 40%; } }
    @media (max-width: 1024px) {
      .main-configurator-container .description-container {
        width: 45%;
        margin-left: 5%; } }
    @media (max-width: 768px) {
      .main-configurator-container .description-container {
        width: 62%;
        margin: 0 19%; } }
    @media (max-width: 767px) {
      .main-configurator-container .description-container {
        width: 100%;
        margin: 0;
        padding: 10px 0 25px; } }
    .main-configurator-container .description-container .description-header {
      position: relative; }
      .main-configurator-container .description-container .description-header h3 {
        font-size: 28px; }
        @media (min-width: 1025px) and (max-width: 1280px) {
          .main-configurator-container .description-container .description-header h3 {
            font-size: 24px; } }
        @media (max-width: 736px) {
          .main-configurator-container .description-container .description-header h3 {
            font-size: 20px; } }
      .main-configurator-container .description-container .description-header p {
        color: #7D7D7D;
        margin: 5px 0;
        font-size: 17px;
        display: inline-block; }
        @media (max-width: 736px) {
          .main-configurator-container .description-container .description-header p {
            font-size: 15px; } }
        @media (max-width: 767px) {
          .main-configurator-container .description-container .description-header p {
            display: block; } }
        .main-configurator-container .description-container .description-header p.starting-at {
          float: right;
          font-size: 15px;
          color: #444444;
          margin: 3px 0; }
          @media (max-width: 767px) {
            .main-configurator-container .description-container .description-header p.starting-at {
              float: none;
              margin-top: 25px; } }
          .main-configurator-container .description-container .description-header p.starting-at span {
            font-size: 20px; }
      .main-configurator-container .description-container .description-header a {
        position: absolute;
        right: 0px;
        top: 12px;
        font-size: 14px;
        cursor: pointer; }
        @media (max-width: 736px) {
          .main-configurator-container .description-container .description-header a {
            position: unset;
            right: unset;
            top: unset;
            display: block;
            margin-top: 12px; } }
  .main-configurator-container .main-nav {
    margin-bottom: 45px; }
    @media (max-width: 736px) {
      .main-configurator-container .main-nav {
        margin-bottom: 25px; } }
    .main-configurator-container .main-nav .slick-arrow {
      background: #FFFFFF;
      top: 23px;
      height: 100%; }
    .main-configurator-container .main-nav .slick-prev {
      left: 0px;
      line-height: 0; }
    .main-configurator-container .main-nav .slick-next {
      right: -10px;
      line-height: 0; }
    .main-configurator-container .main-nav .slick-arrow:before {
      content: '';
      height: 18px;
      width: 11px;
      display: block;
      background-image: url(/dynamic/Content/images/RetailerSpecific/SPLUS/red-arrow);
      background-size: cover;
      background-repeat: no-repeat; }
    .main-configurator-container .main-nav .slick-prev:before {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg); }
  @media (max-width: 736px) {
    .main-configurator-container .description-cta {
      position: absolute;
      top: 118px;
      width: 100%;
      padding-right: 30px; } }
  .main-configurator-container .description-cta .left {
    float: left; }
  .main-configurator-container .description-cta p {
    font-size: 15px;
    color: #444444;
    float: left; }
    @media (max-width: 736px) {
      .main-configurator-container .description-cta p {
        display: block;
        float: unset; } }
    .main-configurator-container .description-cta p span {
      font-size: 20px;
      line-height: 30px; }
  .main-configurator-container .description-cta a.btn-primary, .main-configurator-container .description-cta a.btn-tertiary, .main-configurator-container .description-cta a.btn-cart {
    float: right;
    text-align: center;
    text-decoration: none;
    margin: unset;
    min-width: 45%;
    outline: 0; }
    @media (max-width: 736px) {
      .main-configurator-container .description-cta a.btn-primary, .main-configurator-container .description-cta a.btn-tertiary, .main-configurator-container .description-cta a.btn-cart {
        display: block;
        float: unset;
        width: 100%;
        margin-top: 8px; } }
    .main-configurator-container .description-cta a.btn-primary.left, .main-configurator-container .description-cta a.left.btn-tertiary, .main-configurator-container .description-cta a.left.btn-cart {
      float: left; }
    .main-configurator-container .description-cta a.btn-primary:active, .main-configurator-container .description-cta a.btn-tertiary:active, .main-configurator-container .description-cta a.btn-cart:active {
      color: #FFFFFF; }
  .main-configurator-container .description-cta:after {
    content: '';
    clear: both;
    display: block; }
  .main-configurator-container .description-body {
    padding: 20px 0 15px;
    margin: 24px 0 30px;
    border-top: 2px solid rgba(151, 151, 151, 0.2);
    border-bottom: 2px solid rgba(151, 151, 151, 0.2); }
    @media (max-width: 736px) {
      .main-configurator-container .description-body {
        border-bottom: 0;
        padding: 130px 0 0;
        margin: 15px 0; } }
    .main-configurator-container .description-body ul li {
      color: #7D7D7D;
      font-size: 15px;
      line-height: 18px;
      margin: 10px 0;
      font-weight: 500; }
      .main-configurator-container .description-body ul li span {
        float: right;
        color: #444444;
        font-weight: bold; }
        @media (max-width: 736px) {
          .main-configurator-container .description-body ul li span {
            display: block;
            margin-bottom: 10px;
            float: unset; } }
  .main-configurator-container.no-borders .description-container,
  .main-configurator-container.no-borders .description-body {
    border: none;
    border-radius: unset; }

.checks-configurator .main-nav .slick-track,
.businessforms-configurator .main-nav .slick-track {
  left: -155px; }
  @media (max-width: 736px) {
    .checks-configurator .main-nav .slick-track,
    .businessforms-configurator .main-nav .slick-track {
      left: 25px; } }

@media (max-width: 768px) {
  .checks-configurator .configurator-content,
  .businessforms-configurator .configurator-content {
    padding: 25px 26px 60px; } }

.checks-configurator p,
.businessforms-configurator p {
  font-size: 15px;
  line-height: 25px;
  color: #444444;
  font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
  margin-bottom: 15px; }

@media (max-width: 736px) {
  .checks-configurator .description-cta,
  .businessforms-configurator .description-cta {
    margin-top: 16px;
    position: unset;
    padding-right: 0; } }

.checks-configurator .description-body,
.businessforms-configurator .description-body {
  margin: 0;
  padding: 20px 0 35px; }
  @media (max-width: 736px) {
    .checks-configurator .description-body,
    .businessforms-configurator .description-body {
      padding: unset; } }
  .checks-configurator .description-body p,
  .businessforms-configurator .description-body p {
    margin-bottom: 25px; }
    .checks-configurator .description-body p:nth-child(2),
    .businessforms-configurator .description-body p:nth-child(2) {
      margin-bottom: 15px; }

.checks-configurator .description-container,
.businessforms-configurator .description-container {
  padding: 10px 8px 25px;
  min-height: 0; }
  @media (max-width: 736px) {
    .checks-configurator .description-container,
    .businessforms-configurator .description-container {
      min-height: unset;
      padding: 21px 0px 21px; } }

.checks-configurator div.images,
.businessforms-configurator div.images {
  min-height: 0; }

@media (max-width: 768px) {
  .checks-configurator ul.big-images,
  .businessforms-configurator ul.big-images {
    width: 100%;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; } }

.checks-configurator ul.disc-list,
.businessforms-configurator ul.disc-list {
  list-style-type: disc;
  margin-left: 19px; }
  .checks-configurator ul.disc-list li,
  .businessforms-configurator ul.disc-list li {
    font-size: 15px;
    color: #444444;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    margin-bottom: 10px;
    font-weight: 400; }

.businessforms-configurator .main-nav .slick-track {
  left: -225px; }
  @media (max-width: 768px) {
    .businessforms-configurator .main-nav .slick-track {
      left: -249px; } }
  @media (max-width: 736px) {
    .businessforms-configurator .main-nav .slick-track {
      left: 25px; } }

.container.accessories-container {
  background: transparent;
  background: -webkit-linear-gradient(89.8deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  background: linear-gradient(0.2deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  padding-bottom: 35px; }
  @media (max-width: 768px) {
    .container.accessories-container {
      padding: 0 0 35px; } }
  @media (pointer: coarse) {
    .container.accessories-container {
      padding-right: 0; } }
  @media (min-width: 769px) and (pointer: fine) {
    .container.accessories-container .gradient-left:before, .container.accessories-container .gradient-right:after {
      visibility: visible;
      content: "";
      width: 100px;
      height: 570px;
      position: absolute;
      z-index: 2;
      margin-top: 98px;
      top: 0; } }
  @media (min-width: 769px) and (pointer: fine) {
    .container.accessories-container .gradient-left:before {
      left: 0;
      background: transparent;
      background: -webkit-linear-gradient(0deg, #F3F3F3 15%, rgba(255, 255, 255, 0) 80%);
      background: linear-gradient(90deg, #F3F3F3 15%, rgba(255, 255, 255, 0) 80%); } }
  @media (min-width: 769px) and (pointer: fine) {
    .container.accessories-container .gradient-right:after {
      right: 0;
      background: transparent;
      background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #F3F3F3 80%);
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #F3F3F3 80%); } }
  .container.accessories-container img {
    width: 100%;
    border-radius: 6px; }
  .container.accessories-container h2 {
    padding-left: 6px; }
    @media (max-width: 768px) {
      .container.accessories-container h2 {
        padding-left: 17px; } }
    @media (max-width: 767px) {
      .container.accessories-container h2 {
        padding-left: 15px; } }
  .container.accessories-container h3 {
    font-size: 18px;
    line-height: 1.277;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    margin: 35px 0 20px; }
  .container.accessories-container p {
    font-size: 15px;
    line-height: 1.667;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    margin-bottom: 20px; }
  .container.accessories-container p.plus-price {
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    color: #444444;
    position: absolute;
    bottom: 14px;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0; }
    .container.accessories-container p.plus-price:before {
      content: "";
      background: url(/dynamic/Content/images/RetailerSpecific/SPLUS/Landing-Page/Banners/plus-icon) no-repeat;
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 7px; }
    @media (max-width: 768px) {
      .container.accessories-container p.plus-price {
        margin-bottom: 15px; } }
    .container.accessories-container p.plus-price + span {
      font-size: 12px;
      color: #A1A1A1;
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      position: absolute;
      bottom: 0; }
  .container.accessories-container .accessories-wrap {
    width: 1620px; }
  .container.accessories-container:hover .scroll-wrap {
    visibility: visible; }
  .container.accessories-container .scroll-tile {
    width: 300px;
    height: 540px;
    margin: 0 12px 40px; }
  .container.accessories-container .scroll-tile:first-of-type {
    margin-left: 6px; }
  @media (max-width: 768px) {
    .container.accessories-container .accessories-wrap {
      width: 1128px; }
    .container.accessories-container .scroll-tile {
      width: 200px;
      height: 520px;
      margin: 0 10px; }
    .container.accessories-container .scroll-tile:first-of-type {
      margin-left: 15px; } }

@-moz-document url-prefix() {
  .gradient-left:before, .gradient-right:after {
    display: none; }
  @media (min-width: 769px) {
    .accessories-container {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 769px) {
    .accessories-container h2 {
      padding-left: 18px; } }
  @media (min-width: 769px) {
    .accessories-container .accessories-wrap {
      width: 1632px; } }
  @media (min-width: 769px) {
    .accessories-container .scroll-tile:first-of-type {
      margin-left: 18px; } } }

.pricing-container + .marketing-messaging-container {
  margin: 0px 20px 24px; }
  @media (max-width: 768px) {
    .pricing-container + .marketing-messaging-container {
      margin: 24px 25px; } }
  @media (max-width: 767px) {
    .pricing-container + .marketing-messaging-container {
      margin: 24px 15px; } }

.marketing-messaging-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 20px; }
  @media (max-width: 768px) {
    .marketing-messaging-container {
      margin: 24px 25px; } }
  @media (max-width: 767px) {
    .marketing-messaging-container {
      margin: 24px 15px; } }
  @media (max-width: 767px) {
    .marketing-messaging-container {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .marketing-messaging-container .marketing-messaging-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    background: #FFFFFF;
    margin-right: 16px;
    padding: 24px;
    border-radius: 5px; }
    .marketing-messaging-container .marketing-messaging-content:last-child {
      margin-right: 0; }
    @media (max-width: 1024px) {
      .marketing-messaging-container .marketing-messaging-content {
        padding: 16px;
        margin-right: 12px; } }
    @media (max-width: 768px) {
      .marketing-messaging-container .marketing-messaging-content {
        padding: 8px;
        margin-right: 14px; } }
    @media (max-width: 767px) {
      .marketing-messaging-container .marketing-messaging-content {
        margin-right: 0;
        margin-bottom: 8px; } }
  .marketing-messaging-container .marketing-messaging-text {
    margin-left: 24px;
    margin-top: 3px; }
    @media (max-width: 1024px) {
      .marketing-messaging-container .marketing-messaging-text {
        margin-left: 16px;
        margin-top: initial; } }
    @media (max-width: 768px) {
      .marketing-messaging-container .marketing-messaging-text {
        margin-left: 8px; } }
  .marketing-messaging-container p {
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    font-size: 15px;
    line-height: 24px; }
    @media (max-width: 767px) {
      .marketing-messaging-container p {
        margin-bottom: 8px; } }
  .marketing-messaging-container a {
    font-size: 15px;
    text-decoration: underline; }
  .marketing-messaging-container .marketing-messaging-title {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 20px;
    line-height: 26px; }
    @media (max-width: 768px) {
      .marketing-messaging-container .marketing-messaging-title {
        font-size: 16px;
        margin-bottom: initial; } }
    @media (max-width: 767px) {
      .marketing-messaging-container .marketing-messaging-title {
        font-size: 15px;
        line-height: 22px;
        font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
        margin-bottom: 8px;
        color: #000000; } }
  .marketing-messaging-container .marketing-messaging-icon img {
    width: 78px; }
    @media (max-width: 1024px) {
      .marketing-messaging-container .marketing-messaging-icon img {
        width: 54px; } }
    @media (max-width: 768px) {
      .marketing-messaging-container .marketing-messaging-icon img {
        width: 32px; } }
    @media (max-width: 767px) {
      .marketing-messaging-container .marketing-messaging-icon img {
        width: 20px; } }
  .marketing-messaging-container .hide-on-desktop {
    display: none; }
    @media (max-width: 767px) {
      .marketing-messaging-container .hide-on-desktop {
        display: block; } }
  .marketing-messaging-container .toggle-more-marketing {
    display: block; }
    @media (max-width: 767px) {
      .marketing-messaging-container .toggle-more-marketing {
        display: none; } }

#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #CCCCCC;
  color: #CCCCCC;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media screen and (max-width: 1024px) {
    #toTop {
      display: none; } }
  #toTop p {
    margin-top: 11px;
    font-size: 25px; }
  #toTop:hover {
    color: #CC0000;
    border-color: #CC0000; }

#styleGuideNav {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
  margin-top: 150px; }
  #styleGuideNav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (max-width: 767px) {
      #styleGuideNav ul {
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap; } }
  #styleGuideNav li {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    #styleGuideNav li a {
      color: #FFFFFF;
      padding: 15px 0;
      font-size: 16px;
      letter-spacing: 1px;
      text-transform: capitalize;
      display: block;
      background: #CC0000;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      #styleGuideNav li a:hover {
        background: #b30000; }

#styleguide {
  font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  #styleguide section > h2 {
    font-size: 32px;
    line-height: 44px;
    color: #444444;
    margin: 100px 0 30px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    border: 1px solid #A1A1A1;
    padding: 20px;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*&.active {}*/ }
    #styleguide section > h2 span {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      color: #E7E7E7;
      position: absolute;
      font-size: 90px;
      line-height: inherit;
      z-index: -1;
      left: 5px; }
  #styleguide .mobile {
    max-width: 320px; }
    #styleguide .mobile .grid-padding-mobile {
      padding: 5px; }
  #styleguide p.description {
    margin-bottom: 20px; }
  #styleguide .class-name {
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    font-size: 14px;
    padding: 5px;
    background: #000000;
    color: #FFFFFF;
    display: inline;
    letter-spacing: 0.5px; }
    #styleguide .class-name.red {
      background: #CC0000; }
    #styleguide .class-name.grey {
      background: #444444; }
  #styleguide #grid .grid-8, #styleguide #grid .grid-16 {
    background-color: #F7EBF5; }
    #styleguide #grid .grid-8 > div, #styleguide #grid .grid-16 > div {
      background: #FDD5F9;
      height: 30px; }
  #styleguide #grid h3 {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #444444;
    text-align: center;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin: 20px 0; }
  #styleguide #colorPalette h3 {
    font-size: 14px;
    font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
    color: #A1A1A1;
    margin: 30px auto;
    background: #E7E7E7;
    padding: 8px 20px;
    /*display: inline;*/ }
    #styleguide #colorPalette h3:after {
      content: '';
      display: block;
      clear: both;
      width: 100%; }
  #styleguide #colorPalette .circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 20px auto;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #styleguide #colorPalette .circle:hover {
      -webkit-transform: translateY(-8px);
      -moz-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      -o-transform: translateY(-8px);
      transform: translateY(-8px); }
  #styleguide #colorPalette p {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #444444;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
    letter-spacing: 0.5px; }
    #styleguide #colorPalette p:first-of-type {
      font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
      font-size: 18px;
      color: #000000; }
  #styleguide #colorPalette .red {
    background: #CC0000; }
  #styleguide #colorPalette .white {
    background: #FFFFFF; }
  #styleguide #colorPalette .blue {
    background: #0070C9; }
  #styleguide #colorPalette .black {
    background: #000000; }
  #styleguide #colorPalette .green {
    background: #D0DF00; }
  #styleguide #colorPalette .charcoal {
    background: #444444; }
  #styleguide #colorPalette .steel {
    background: #A1A1A1; }
  #styleguide #colorPalette .sterling {
    background: #CCCCCC; }
  #styleguide #colorPalette .light {
    background: #E7E7E7; }
  #styleguide #colorPalette .lighter {
    background: #F2F2F2; }
  #styleguide #colorPalette .smoke {
    background: #7D7D7D; }
  #styleguide #typography a {
    cursor: pointer; }
  #styleguide #typography .row {
    padding: 60px 0;
    border-bottom: 2px solid #E7E7E7; }
    #styleguide #typography .row > div.grid-50:first-of-type {
      padding-right: 70px;
      padding-left: 50px; }
      @media screen and (max-width: 860px) {
        #styleguide #typography .row > div.grid-50:first-of-type {
          padding-right: 0;
          padding-left: 0;
          margin-bottom: 20px; } }
  #styleguide #typography .product-pricing {
    text-align: left; }
  #styleguide #typography p.descriptor {
    margin: 20px 0;
    font-family: "NormsProMedium", "Norms Pro", arial, sans-serif;
    font-size: 18px;
    color: #000000; }
  #styleguide #typography ul li {
    margin-bottom: 5px;
    font-size: 12px;
    font-family: "NormsProRegular", "Norms Pro", arial, sans-serif; }
  #styleguide #buttons {
    padding-bottom: 200px; }
    #styleguide #buttons h3 {
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      font-size: 14px;
      padding: 5px;
      background: #000000;
      color: #FFFFFF;
      display: inline;
      letter-spacing: 0.5px; }
    #styleguide #buttons button {
      display: block; }
      #styleguide #buttons button #cart-count {
        visibility: visible; }
  #styleguide #inputs {
    background: #FFFFFF;
    padding: 32px; }
  #styleguide #pricing-table {
    margin-bottom: 50px; }

#tiles #tileToggle {
  width: 310px;
  font-size: 15px;
  text-align: center;
  cursor: pointer; }

#retinaTest h3 {
  font-size: 22px;
  font-weight: bold;
  margin: 40px 0 10px; }

#retinaTest h4 {
  font-weight: bold;
  font-size: 18px;
  margin: 20px 0; }

#retinaTest p {
  line-height: 18px;
  margin-bottom: 20px; }

.breadcrumbs {
  display: block;
  padding-top: 16px;
  padding-bottom: 0; }
  @media (max-width: 767px) {
    .breadcrumbs {
      display: none; } }
  .breadcrumbs ul li {
    display: inline;
    list-style-type: none; }
    .breadcrumbs ul li:before {
      content: url(/dynamic/Content/images/RetailerSpecific/SPLUS/breadcrumb-arrow/);
      width: 9px;
      height: auto;
      margin: 0 11px;
      zoom: 0; }
    .breadcrumbs ul li:first-child:before {
      content: ''; }
    .breadcrumbs ul li:first-of-type:before {
      margin: 0; }
    .breadcrumbs ul li:last-of-type span,
    .breadcrumbs ul li:last-of-type a {
      color: #000000;
      font-family: "NormsProBold", "Norms Pro", arial, sans-serif;
      cursor: default; }
      .breadcrumbs ul li:last-of-type span:hover,
      .breadcrumbs ul li:last-of-type a:hover {
        color: #000000;
        text-decoration: none; }
    .breadcrumbs ul li a,
    .breadcrumbs ul li a.breadcrumb-link {
      font-family: "NormsProRegular", "Norms Pro", arial, sans-serif;
      font-size: 14px;
      color: #444444;
      text-decoration: none; }
      .breadcrumbs ul li a:hover,
      .breadcrumbs ul li a.breadcrumb-link:hover {
        font-weight: 600;
        color: #444444;
        text-decoration: underline; }
      .breadcrumbs ul li a:active,
      .breadcrumbs ul li a.breadcrumb-link:active {
        color: #000000;
        text-decoration: none; }

.breadcrumb-spacing {
  margin-bottom: 20px; }

.breadcrumbs-search {
  margin-bottom: 10px; }
  .breadcrumbs-search .breadcrumbs {
    padding-top: 10px; }