.spotlight {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  text-align: center;
  background-size: cover;
  padding: 2em 1em;
  box-sizing: border-box;
}
.spotlight .slick-slide img {
  width: 100%;
}
.spotlight > z-widget {
  width: 100%;
}

.adBoxContainer {
  width: 100%;
  max-width: 1599px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: #F4F4F4;
}
@media (min-width: 779px) {
  .adBoxContainer {
    flex-direction: row;
  }
}
.adBoxContainer .adBoxes {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding: 1em;
  box-sizing: border-box;
}
@media (min-width: 779px) {
  .adBoxContainer .adBoxes {
    width: 100%;
    flex-direction: row;
  }
}
.adBoxContainer .adBoxes img {
  width: 100%;
}
.adBoxContainer .adBoxes .add-box-heading {
  padding: 0;
  color: #444;
}
.adBoxContainer .adBoxes .add-box-subheading {
  font-size: 15px;
  color: #666;
}

#SizingChart {
  overflow: auto;
}

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

#AboutPage {
  /* Desktop */
}
#AboutPage * {
  box-sizing: border-box;
}
#AboutPage .desktopOnly {
  display: none;
}
#AboutPage .container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
#AboutPage section {
  margin: 3em 0;
}
#AboutPage .col-xs-12.col-12.sp-template {
  padding: 0;
}
#AboutPage .Column {
  display: flex;
  flex-direction: column;
}
#AboutPage .DesktopCircles {
  display: flex;
  flex-direction: row;
  padding: 20px 60px 20px 60px;
}
#AboutPage .DesktopTextTitle {
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-family: "Motiva-Sans";
  font-weight: 800;
  line-height: 1.75em;
  margin-bottom: 1.75em;
  color: #CC0000;
}
#AboutPage .DesktopText {
  font-family: "Motiva-Sans";
  max-width: 310px;
  line-height: 1.4;
  padding-left: 20px;
  font-size: 0.9em;
}
#AboutPage section.main-title {
  margin: 0 1em;
}
#AboutPage .TopMainTitle {
  text-transform: uppercase;
  font-family: "Motiva-Sans";
  font-weight: 800;
  font-size: 1.25em;
  padding: 20px 0;
  font-weight: bold;
}
#AboutPage .RedText {
  color: #CC0000;
}
#AboutPage .MainTitle {
  font-family: "Motiva-Sans";
  font-weight: 800;
  font-size: 2.3em;
  line-height: 1.5;
  margin-bottom: 150px;
  max-width: 20em;
}
#AboutPage .sectionHeader {
  position: absolute;
  font-size: 2.3em;
  line-height: 1em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  color: #CC0000;
  text-transform: uppercase;
}
#AboutPage .ValueWrapper {
  position: relative;
  display: block;
  margin-bottom: 10em;
}
#AboutPage .ValueWrapper .sectionHeader {
  top: -0.65em;
  left: 0.25em;
  line-height: normal;
}
#AboutPage .ValueWrapper .greyBox {
  height: 200px;
  display: flex;
  flex-direction: row;
  position: relative;
}
#AboutPage .Wavy {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: #CC0000;
}
#AboutPage .BoxColorWrapper {
  display: flex;
  flex-direction: column;
}
#AboutPage .greyBox {
  background: rgba(209, 210, 212, 0.24);
  position: relative;
  line-height: 1.75;
}
#AboutPage .RedBox {
  background-color: #CC0000;
  height: 200px;
  display: flex;
  flex-direction: row;
  position: relative;
}
#AboutPage .BlackBox {
  background-color: #000;
  height: 200px;
  display: flex;
  flex-direction: row;
  position: relative;
}
#AboutPage .greyBox .number {
  font-size: 9.375em;
  color: #cc0000;
  font-family: "Motiva-Sans";
  font-weight: 800;
  line-height: 304px;
}
#AboutPage .CustomerBox {
  font-family: "Motiva-Sans";
  font-weight: 800;
  color: #000;
  font-size: 2em;
  position: absolute;
  line-height: 1.1;
  left: 97px;
  bottom: -7px;
  z-index: 2;
}
#AboutPage .RedBox .number {
  font-size: 9.375em;
  color: #fff;
  font-family: "Motiva-Sans";
  font-weight: 800;
  line-height: 304px;
}
#AboutPage .BrandBox {
  max-width: 7em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  color: #000;
  font-size: 2em;
  position: absolute;
  line-height: 1.1em;
  left: 97px;
  bottom: -4px;
}
#AboutPage .BlackBox .number {
  font-size: 9.375em;
  color: #CC0000;
  font-family: "Motiva-Sans";
  font-weight: 800;
  line-height: 297px;
}
#AboutPage .StayBox {
  max-width: 6em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  color: #fff;
  font-size: 2em;
  position: absolute;
  line-height: 1.1;
  left: 97px;
  bottom: -7px;
}
#AboutPage .OurServicesWrapper {
  position: relative;
  width: 100%;
  margin: 1em 0;
}
#AboutPage .OurServicesWrapper .sectionHeader {
  top: -0.25em;
  left: 0.5em;
  z-index: 2;
}
#AboutPage .OurServicesWrapper .greyBox {
  position: relative;
  max-width: 1425px;
  width: 100%;
}
#AboutPage .ServiceText {
  font-family: "Motiva-Sans";
  font-weight: 800;
  font-size: 1.4em;
  color: #000;
  position: relative;
  line-height: 1.65em;
  padding: 2em 1em 1.5em;
}
#AboutPage .UnderlineSettle {
  border-bottom: 3px solid #CC0000;
}
#AboutPage .YellowText {
  background-color: #f7f5b4;
}
#AboutPage .YellowTextBlack {
  background-color: #a79a0e;
}
#AboutPage .MerchandiseWrapper {
  position: relative;
  margin: 4em 0 0 0;
}
#AboutPage .MerchandiseWrapper .greyBox {
  position: relative;
  z-index: 1;
  background-color: #f2f2f3;
  max-width: 60%;
  margin: 0 1em 0 0;
  padding: 6em 1em 2em 1em;
  font-family: "Motiva-Sans";
  font-weight: 400;
  top: -6em;
  left: 40%;
}
#AboutPage .MerchandiseImage {
  position: relative;
  z-index: 2;
  width: 80%;
  max-width: 22em;
}
#AboutPage .MerchandiseTitle {
  position: relative;
  width: calc(100% + 1.25em);
  right: 1.25em;
  margin-top: 0.75em;
  text-transform: uppercase;
  font-size: 1.9em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  word-break: break-all;
}
#AboutPage .MerchBorder {
  position: absolute;
  width: 2em;
  left: -2.25em;
  top: 0.75em;
  border-bottom: 3px solid black;
}
#AboutPage .KitWrapper {
  position: relative;
  width: 100%;
  min-height: 24em;
  overflow: hidden;
}
@media screen and (min-width: 779px) {
  #AboutPage .KitWrapper {
    min-height: 27em;
  }
}
#AboutPage .KitWrapper .greyBox {
  width: 50%;
  min-width: 13em;
  margin: 0 0 0 2.25em;
  padding: 1.5em 0.25em 2em 1em;
  font-family: "Motiva-Sans";
  font-weight: 400;
  z-index: 2;
}
#AboutPage .KitBorder {
  border-bottom: 3px solid #000;
  position: absolute;
  width: 3em;
  right: -1.5em;
  top: 0.75em;
}
#AboutPage .KitTitle {
  position: relative;
  left: -1em;
  max-width: 7em;
  text-transform: uppercase;
  font-size: 1.9em;
  font-family: "Motiva-Sans";
  font-weight: 800;
}
#AboutPage .KitTitle span {
  display: inline-block;
}
#AboutPage .KitImage {
  position: absolute;
  right: -25%;
  bottom: 0;
  width: 88%;
  max-width: 560px;
}
#AboutPage .OnlineWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5em 0;
}
#AboutPage .OnlineWrapper .serviceTitle {
  position: relative;
  left: -2%;
  width: 110%;
  display: flex;
  flex-direction: row;
  font-size: 1.9em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  text-transform: uppercase;
}
#AboutPage .OnlineWrapper .greyBox {
  position: relative;
  left: calc(10% - 2em);
  background-color: #f2f2f3;
  width: 75%;
  padding: 3em 1em 2em 3em;
  margin-top: -4em;
  font-family: "Motiva-Sans";
}
#AboutPage .OnlineImage {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  width: 70%;
  left: calc(-10% - 1em);
}
#AboutPage .OnlineBorder {
  position: absolute;
  top: 1.25em;
  left: 1.5em;
  height: 62px;
  border-left: 3px solid #000;
}
#AboutPage .EventWrapper {
  position: relative;
  overflow: hidden;
  margin: 2em 0;
  padding: 0.5em 0;
}
#AboutPage .EventWrapper .serviceTitle {
  position: relative;
  left: -2em;
  display: flex;
  flex-direction: row;
  margin: 0.125em 0 0.5em;
  max-width: 8.5em;
  font-size: 1.9em;
  line-height: 1.5;
  font-family: "Motiva-Sans";
  text-transform: uppercase;
  font-weight: 800;
}
#AboutPage .EventWrapper .greyBox {
  position: relative;
  background: rgba(209, 210, 212, 0.24);
  width: 75%;
  left: calc(5% + 2em);
  margin-top: -5em;
  padding: 5em 0.5em 2em 1.5em;
  z-index: 1;
}
#AboutPage .EventBorder {
  position: absolute;
  right: -2.5em;
  top: calc(0.75em - 3px);
  width: 2.5em;
  border-bottom: 3px solid #000;
  margin-left: 20px;
  margin-bottom: 20px;
}
#AboutPage .EventImage {
  position: relative;
  z-index: 1;
  width: 90%;
  left: 20%;
}
#AboutPage .clients .OurServicesWrapper {
  margin: 6em 0;
}
#AboutPage .DedicatedTeam {
  width: 90%;
  margin: 3em 0;
  padding: 2em 1em;
  background-color: #f2f2f3;
  text-align: left;
  font-family: "Motiva-Sans";
  font-size: 1.7em;
  font-weight: 800;
  line-height: 1.5;
}
#AboutPage .AccountTeamCircles {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#AboutPage .IconWrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 50px 0px 20px 0px;
}
#AboutPage .CircleIcon img {
  width: 200px;
}
#AboutPage .AccountText {
  font-size: 1em;
  text-transform: uppercase;
  font-family: "Motiva-Sans";
  font-weight: 500;
  color: #CC0000;
  letter-spacing: 0.18em;
  text-align: center;
  padding-top: 20px;
}
#AboutPage .Airbnblogo {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
#AboutPage .QuoteWrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#AboutPage .AirText {
  font-family: "Motiva-Sans";
  justify-content: center;
  display: flex;
  flex-direction: row;
}
#AboutPage .InsideQuote {
  max-width: 150px;
  font-family: "Motiva-Sans";
  font-weight: 400;
}
#AboutPage .AirQuote1 {
  margin-top: -20px;
}
#AboutPage .AirQuote2 {
  margin-top: 20px;
  position: relative;
}
#AboutPage .QuoteFinish {
  color: #CC0000;
  font-family: "Motiva-Sans";
  font-weight: 800;
  font-size: 0.8em;
  text-align: right;
  letter-spacing: 1.3px;
}
#AboutPage .OurLocationsWrapper {
  text-align: left;
}
#AboutPage .OurLocationsWrapper .sectionHeader {
  position: relative;
  bottom: -0.5em;
  padding-left: 1em;
  z-index: 1;
}
#AboutPage .OurLocationsWrapper .greyBox {
  background-color: #000;
  padding: 2em;
}
#AboutPage .globalLocations {
  display: none;
}
#AboutPage .LocationsText {
  font-family: "Motiva-Sans";
  font-weight: 500;
  font-size: 1.5em;
  color: #fff;
  position: relative;
  line-height: 1.5;
}
#AboutPage .LocationsTextSmall {
  color: #fff;
  padding: 1.5em 0;
  line-height: 1.75em;
  font-family: "Motiva-Sans";
  font-weight: 400;
}
#AboutPage .LocationsButton {
  background-color: #fff;
  border-radius: 3px;
  font-size: 0.9em;
  width: 14em;
  padding: 0.75em 1.6em;
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
  font-family: "Motiva-Sans";
  font-weight: 800;
  letter-spacing: 0.125em;
}
#AboutPage .LocationsButton a {
  color: #000;
}
#AboutPage .Map {
  max-height: 375px;
  overflow: hidden;
}
#AboutPage .Map img {
  width: 100%;
}
#AboutPage .MapText {
  display: none;
  padding-left: 20px;
  text-transform: uppercase;
  color: #fff;
  line-height: 2;
  letter-spacing: 1.3px;
  font-size: 1.2em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  text-align: center;
}
#AboutPage .SignUpText {
  font-size: 1.2em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  padding-left: 20px;
}
#AboutPage .YourEmail {
  font-size: 0.9em;
  font-family: "Motiva-Sans";
  font-weight: 800;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
  max-width: 600px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 50px;
}
#AboutPage .ColumnWrapper {
  display: none;
}
#AboutPage .clientLogos {
  width: 90%;
  margin: 0 auto;
}
#AboutPage .clientLogos .slick-track {
  display: flex;
  align-items: center;
}
#AboutPage .SecondQuoteWrapper {
  display: none;
}
@media (min-width: 960px) {
  #AboutPage {
    /* Desktop Valueboxes */
    /* Desktop Services */
    /* Desktop Merchandise */
    /* Desktop Kit */
    /* Desktop Online */
    /* Desktop Event Support */
    /* Desktop Locations */
    /* Desktop Clients */
  }
  #AboutPage .mobileOnly {
    display: none;
  }
  #AboutPage .desktopOnly {
    display: block;
  }
  #AboutPage .sectionHeader {
    transform: rotate(270deg);
    font-size: 1.75em;
  }
  #AboutPage .TopMainTitle {
    text-align: center;
    margin: 7em 0 0.5em;
  }
  #AboutPage section.main-title {
    margin: 0 auto;
    max-width: 52em;
  }
  #AboutPage .MainTitle {
    display: block;
    margin: 0.8em auto 8em auto;
    font-size: 3em;
    text-align: center;
  }
  #AboutPage span.line1 {
    display: inline-block;
    width: 100%;
  }
  #AboutPage .ValueWrapper .sectionHeader {
    top: -1em;
    left: -3.6em;
  }
  #AboutPage .BoxColorWrapper {
    flex-direction: row;
    justify-content: center;
    width: calc(100% - 6em);
    left: 6em;
    position: relative;
  }
  #AboutPage .BoxColorWrapper > div {
    width: 33.333333%;
    height: 22.5em !important;
  }
  #AboutPage .BoxColorWrapper .number {
    position: absolute;
    bottom: -75px;
    left: -21px;
    font-size: 18em;
  }
  #AboutPage .BoxColorWrapper .greyBox .number {
    left: -0.25em;
  }
  #AboutPage .CustomerBox {
    bottom: -19px;
    left: 2.5em;
    font-size: 2.5em;
    line-height: 1.75em;
  }
  #AboutPage .BrandBox {
    left: 4.5em;
    bottom: -15px;
    font-size: 2.5em;
    line-height: 1.5em;
  }
  #AboutPage .BlackBox .number {
    left: -13px;
  }
  #AboutPage .StayBox {
    left: 4.5em;
    bottom: -16px;
    font-size: 2.5em;
    line-height: 1.5em;
  }
  #AboutPage .OurServicesWrapper {
    position: relative;
    width: 75%;
    left: 25%;
    margin: 18em 0 8em;
  }
  #AboutPage .OurServicesWrapper .greyBox {
    font-size: 1.5em;
  }
  #AboutPage .OurServicesWrapper .sectionHeader {
    left: auto;
    right: 1.5em;
  }
  #AboutPage .ServiceText {
    padding: 2em 6em 1.5em 2em;
  }
  #AboutPage .serviceTitle {
    letter-spacing: 0.12em;
  }
  #AboutPage .MerchandiseWrapper {
    display: flex;
    justify-content: space-between;
  }
  #AboutPage .MerchandiseWrapper .greyBox {
    padding: 4em 2em 2em 2em;
    width: 35%;
    max-height: 16em;
    top: 0;
    left: -4%;
    z-index: 2;
  }
  #AboutPage .MerchandiseImage {
    z-index: 1;
    width: 56%;
    max-width: 100%;
    height: 100%;
  }
  #AboutPage .MerchBorder {
    width: 12em;
    top: -1.25em;
    left: -8.25em;
  }
  #AboutPage .KitWrapper {
    display: flex;
    justify-content: flex-end;
    margin: 6em 0 2em 0;
  }
  #AboutPage .KitWrapper .greyBox {
    width: 33%;
    max-height: 20em;
    max-width: 21em;
    left: 1em;
    padding: 2em;
  }
  #AboutPage .KitTitle {
    min-width: 13.5em;
    left: -2.6em;
  }
  #AboutPage .KitImage {
    width: 60%;
    height: 100%;
    max-height: 55em;
    max-width: 57em;
    position: relative;
    left: -4em;
  }
  #AboutPage .KitBorder {
    width: 7em;
    right: -6.5em;
  }
  #AboutPage .OnlineWrapper {
    padding: 0;
    flex-direction: row;
    justify-content: center;
  }
  #AboutPage .OnlineWrapper .greyBox {
    max-width: 21em;
    left: -1em;
    margin: 0;
    padding: 4em 2em 6em;
  }
  #AboutPage .OnlineWrapper .serviceTitle {
    left: -3em;
  }
  #AboutPage .OnlineBorder {
    width: 7em;
    height: 1em;
    left: -3em;
    border-left: none;
    border-bottom: 3px solid #000;
  }
  #AboutPage .OnlineImage {
    width: 66%;
    left: auto;
  }
  #AboutPage .EventWrapper {
    display: flex;
    flex-direction: row-reverse;
  }
  #AboutPage .EventWrapper .greyBox {
    width: 33%;
    height: 100%;
    top: 3em;
    left: 2em;
    margin: 0;
    padding: 5em 4em 2em 2em;
  }
  #AboutPage .EventWrapper .serviceTitle {
    max-width: fit-content;
    left: -2.25em;
  }
  #AboutPage .EventImage {
    width: 60%;
    height: 100%;
    left: auto;
  }
  #AboutPage .EventBorder {
    width: 10.25em;
    right: -11em;
  }
  #AboutPage section.locations {
    display: flex;
    width: 93%;
    max-width: 84em;
    position: relative;
    left: 7%;
    background-color: #000;
  }
  #AboutPage .OurLocationsWrapper {
    padding: 4em 2em 2em 8em;
  }
  #AboutPage .OurLocationsWrapper .greyBox {
    padding: 0 2em;
  }
  #AboutPage .OurLocationsWrapper .sectionHeader {
    position: absolute;
    bottom: auto;
    padding-left: 1em;
    z-index: 1;
    top: 1em;
    left: -4em;
  }
  #AboutPage .globalLocations {
    display: block;
  }
  #AboutPage .ColumnWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px;
  }
  #AboutPage .AccountTeamCircles {
    display: none;
  }
  #AboutPage .DesktopIcon img {
    width: 100%;
    max-width: 9em;
  }
  #AboutPage .clients-upper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  #AboutPage .clientLogos {
    width: 20%;
    max-width: 42em;
  }
  #AboutPage .clients .OurServicesWrapper {
    width: 60%;
    left: auto;
  }
  #AboutPage .SecondQuoteWrapper {
    display: block;
  }
  #AboutPage .QuoteWrapper > div {
    margin: 1em 6%;
  }
  #AboutPage .AirQuote2 {
    left: 4em;
  }
}
@media (min-width: 1090px) {
  #AboutPage .BoxColorWrapper {
    font-size: 15px;
  }
  #AboutPage .BoxColorWrapper .number {
    bottom: -64px;
  }
}

.sp-approval-list {
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #D1D2D4;
}

.user-account .page-title {
  color: #c3c3c3;
  padding-bottom: 20px;
}

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

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

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

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

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

.trendPage {
  margin: 0 auto;
  position: relative;
}
.trendPage .trendSection {
  width: calc(100% - 2em);
  max-width: 536px;
  margin: 1em auto 0 auto;
}
.trendPage .trendSection:last-child {
  margin: 100px auto;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection {
    max-width: 1364px;
    margin: 100px auto 0 auto;
  }
}
.trendPage .trendSection .trendsTitle {
  display: flex;
  flex-direction: column;
  position: relative;
}
.trendPage .trendSection .trendsTitle .sectionTitle {
  color: #919191;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.trendPage .trendSection .trendsTitle .sectionTitle:after {
  content: "";
  height: 7px;
  display: block;
  width: 53px;
  background-color: #F8D647;
}
.trendPage .trendSection .trendsTitle .trendTitle {
  color: #000;
  font-size: 28px;
  font-weight: 800;
  padding-top: 10px;
  padding-bottom: 25px;
}
.trendPage .trendSection .trendContent {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent {
    flex-direction: row;
  }
}
.trendPage .trendSection .trendContent .mainItem {
  width: 100%;
  max-width: 536px;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .mainItem {
    width: 39.296188%;
    margin-right: 1.173021%;
  }
}
.trendPage .trendSection .trendContent .mainItem img {
  width: 100%;
  max-width: 536px;
}
.trendPage .trendSection .trendContent .secondaryItems {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .secondaryItems {
    flex-direction: row;
    width: 59.530792%;
    justify-content: space-between;
  }
}
.trendPage .trendSection .trendContent .secondaryItems .trendCol {
  display: flex;
  flex-direction: row;
  object-fit: contain;
  align-items: flex-start;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .secondaryItems .trendCol {
    flex-direction: column;
    padding-right: 1.970443%;
  }
  .trendPage .trendSection .trendContent .secondaryItems .trendCol:last-child {
    padding-right: 0;
  }
}
.trendPage .trendSection .trendContent .secondaryItems .trendCol div {
  padding: 4.266667% 4.266667% 0 0;
}
.trendPage .trendSection .trendContent .secondaryItems .trendCol div img {
  display: block;
  width: 100%;
  max-width: 260px;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .secondaryItems .trendCol div img {
    width: 100%;
    padding: 0 0 5.882353% 0;
  }
  .trendPage .trendSection .trendContent .secondaryItems .trendCol div img:last-child {
    padding: 0px;
  }
}
.trendPage .trendSection .trendContent .secondaryItems .trendCol div:last-child {
  padding: 4.266667% 0 0 0;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .secondaryItems .trendCol div {
    width: 100%;
    padding: 0 0 5.882353% 0;
  }
  .trendPage .trendSection .trendContent .secondaryItems .trendCol div:last-child {
    padding: 0px;
  }
}
.trendPage .trendSection .trendContent .secondaryItems .trendCol.col2 {
  display: none;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .secondaryItems .trendCol.col2 {
    display: block;
  }
}
.trendPage .trendSection .trendContent .secondaryItems .trendCol.col3 {
  display: none;
}
@media screen and (min-width: 767px) {
  .trendPage .trendSection .trendContent .secondaryItems .trendCol.col3 {
    display: block;
  }
}
.trendPage .trendSection .trendExplore {
  text-align: right;
  padding: 5px 0;
}
.trendPage .trendSection .trendExplore a {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.trendPage .trendSection .trendExplore a:hover {
  color: #cc0000;
}
.trendPage .trendSection .trendExplore a i {
  display: block;
  margin-left: 10px;
}
@media screen and (min-width: 479px) {
  .trendPage .trendSection .trendExplore a i {
    display: inline;
  }
}

#myViewerContent {
  margin: 0 auto;
}

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

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

.header-brand {
  display: none;
  font-size: 0.86em;
  text-align: right;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 2px 20px;
}
.header-brand a {
  padding-left: 5px;
  font-size: 0.8em;
  cursor: pointer;
}

.table {
  margin-bottom: 0;
  font-size: 13px;
}
.table tbody tr td {
  padding: 5px;
  vertical-align: middle;
  border: 0;
}
.table tbody tr td .zf-inactive, .table tbody tr td .zf-close {
  color: #cc0000;
}
.table tbody tr td .zf-active, .table tbody tr td .zf-ok {
  color: #76c700;
}
.table tbody tr td .zf-file-text {
  font-size: 32px;
}
.table tbody tr td label {
  font-weight: normal;
}
.table tfoot {
  display: none;
}

.no-record {
  text-align: center;
  padding: 5px 0;
}

.grid-control {
  height: 24px;
}
.grid-control .padding-left {
  padding-left: 6px;
}

.pagination-top {
  padding: 0 0 7px;
  float: left;
}

.pagination-bottom {
  padding: 10px 0 0;
  float: left;
}

.pagination {
  padding-right: 15px;
  float: left;
  margin: 0;
  font-size: 12px;
}
.pagination i {
  color: #cc0000;
}

.pagination .page-limit {
  padding-right: 7px;
  border-right: 1px solid #333;
}

.pagination .page-limit input[type=text] {
  width: 30px;
  float: none;
  text-align: center;
  height: 26px;
  border-radius: 2px;
  margin: 0;
}

.pagination .show-per-page {
  padding-left: 7px;
}
.pagination .show-per-page select {
  width: 54px;
  float: none;
  height: 26px;
  border-radius: 2px;
}
.pagination .show-per-page .separator {
  margin-right: 15px;
  border-right: 1px solid #333;
  padding-right: 15px;
  padding-left: 3px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
}

.action-ui {
  margin: 0;
  padding: 0;
}
.action-ui li {
  padding: 0 3px;
  list-style: none;
  display: inline-block;
  border-radius: 0;
  min-width: 22px;
  text-align: center;
  min-height: 20px;
  border-right: 1px solid #333;
}
.action-ui li a {
  color: #cc0000;
  font-size: 13px;
  line-height: 17px;
}
.action-ui li a:hover {
  color: #333;
}
.action-ui li:last-child {
  margin-right: 0;
  border-right: none;
}

.imageicon {
  text-align: center;
  width: 100px;
}
.imageicon .grid-img {
  max-width: 35px;
  max-height: 35px;
  min-height: 35px;
  border: 1px solid #333;
}

.navgation-control a, .navgation-control button {
  display: inline-block;
  text-align: center;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 0 10px;
  margin-left: 5px;
  height: 26px;
  line-height: 26px;
}
.navgation-control a:hover, .navgation-control button:hover {
  color: #333;
  cursor: pointer;
}
.navgation-control p {
  line-height: 26px;
  margin: 0 5px;
}

.grid-checkbox {
  width: 30px;
}

.JCLRgrip .JColResizer {
  width: 4px !important;
  border-right: 1px solid #3e8cf0;
  background-color: transparent !important;
}
.JCLRgrip .JColResizer:hover, .JCLRgrip .JColResizer:active, .JCLRgrip .JColResizer:focus {
  opacity: 0.5;
}

.filter-component {
  position: relative;
  display: block;
  min-height: 45px;
  padding: 8px 0;
  background-color: #f8f3f3;
  line-height: 26px;
  margin-bottom: 15px;
  border: 1px solid #f1e8e8;
}
.filter-component .manage-filter {
  float: left;
  min-width: 140px;
  border-right: 1px solid #333;
  padding: 9px 0;
  background: #f1e8e8;
}
.filter-component .manage-filter a {
  background-color: transparent;
  border: 0;
  color: #cc0000;
  padding: 0 20px;
}
.filter-component .manage-filter .dropdown-search .right-inner-icon i {
  line-height: 7px;
}
.filter-component .manage-filter .z-down {
  font-size: 13px;
  padding-left: 5px;
  vertical-align: sub;
}
.filter-component .filter-close {
  position: absolute;
  right: 0;
  top: -12px;
  right: -8px;
  font-size: 17px;
  color: #333;
}
.filter-component .filter-item-content {
  padding: 8px 0;
  float: left;
}
.filter-component .filter-option {
  position: relative;
}
.filter-component .filter-option .popover.bottom > .arrow::after {
  border-bottom-color: #f6f6f6;
}
.filter-component .filter-option .popover, .filter-component .filter-option .popover-content {
  border-radius: 0;
  background-color: #f6f6f6;
  max-width: none;
  min-width: 290px;
}
.filter-component .filter-option .parent-content-popover select {
  min-width: 40px;
  border-radius: 0;
  height: 24px;
}
.filter-component .filter-option .parent-content-popover input[type=text] {
  border-radius: 0;
  border-right: 0;
  height: 24px;
  margin: 0;
}
.filter-component .filter-option .parent-content-popover button {
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filter-component .filter-option .parent-content-popover:after {
  content: "";
  display: block;
  clear: both;
}
.filter-component .filter-option .btn-dropdown {
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  margin: 2px 5px;
  padding: 0 10px;
  height: 24px;
  line-height: 21px;
  text-transform: capitalize;
  background-color: #fff;
  color: #333;
  text-align: left;
  border: 1px solid #333;
}
.filter-component .filter-option .btn-dropdown:hover, .filter-component .filter-option .btn-dropdown:focus, .filter-component .filter-option .btn-dropdown:active {
  color: #333;
}
.filter-component .filter-option .btn-dropdown span {
  padding: 0;
}
.filter-component .filter-option .btn-dropdown .z-down {
  font-size: 11px;
  padding-left: 2px;
  color: #333;
  vertical-align: sub;
}
.filter-component .filter-option .option-close i {
  position: absolute;
  top: -5px;
  font-size: 13px;
  cursor: pointer;
  right: -2px;
}
.filter-component .filter-option button.btn-text {
  height: 24px;
  line-height: 24px;
}
.filter-component .filter-option .filter-search-btn {
  background-color: #fff;
  height: 24px;
  border-left: 0;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  line-height: 24px;
  color: #cc0000;
  outline: medium none !important;
  padding: 0 6px;
}

/*IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .filter-component .filter-option .popover, .filter-component .filter-option .popover-content {
    min-width: 289px;
  }
}
.datepicker {
  top: 0;
  left: 0;
  padding: 5px 10px;
  margin-top: 0;
  background-color: #fff !important;
  cursor: pointer !important;
  z-index: 9999 !important;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  -ms-transition: all 0s ease;
  transition: all 0s ease;
  border-radius: 0;
}

.datepicker-orient-top:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #333;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker-orient-top:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker-orient-bottom:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 6px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
}

.datepicker-orient-bottom:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 7px;
  width: 0;
  height: 0;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker td, .datepicker th {
  text-align: center;
  width: 40px;
  height: 20px;
}

.datepicker td.day:hover {
  background: #e6e9e6;
  cursor: pointer;
}

.datepicker td.old, .datepicker td.new {
  color: #999;
}

.datepicker td.active, .datepicker td.active:hover {
  background: #cc0000;
  color: #fff;
}

.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
  background-color: #cc0000;
  color: #fff;
}

.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active {
  background-color: #039 \9 ;
}

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
}

.datepicker td span:hover {
  background: #e6e9e6;
}

.datepicker td span.active {
  background: #cc0000;
  color: #fff;
}

.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
  background: #cc0000;
  color: #fff;
}

.datepicker td span.active:active, .datepicker td span.active.active {
  background-color: #039 \9 ;
}

.datepicker td span.old {
  color: #999;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #fff;
}

.datepicker-months table tbody tr td, .datepicker-years table tbody tr td {
  width: 220px !important;
}

.datepicker table thead tr {
  padding: 5px 0;
}
.datepicker table thead tr .prev, .datepicker table thead tr .next {
  color: #333;
}
.datepicker table thead tr .dow {
  font-weight: normal;
  color: #323230;
  font-size: 12px;
}

.datepicker table tbody {
  background-color: #ececec;
}
.datepicker table tbody tr td {
  background-color: #fff;
  border: 1px solid #ececec;
}

.timepicker .timepicker-picker .timepicker-hour, .timepicker .timepicker-picker .timepicker-minute {
  text-align: center;
  display: block;
}

.timepicker .timepicker-picker .glyphicon {
  color: #333;
}

.timepicker .timepicker-picker .btn-primary {
  background: #333;
  border: 1px solid #333;
}

.product-view-details .product-images .alternate-img {
  padding: 20px 50px;
}
.product-view-details .product-images .alternate-img .item img:hover {
  border: 2px solid #cc0000;
}
.product-view-details .product-images .alternate-img .owl-controls {
  top: -35px;
}
.product-view-details .product-images .alternate-img .item img {
  text-align: center;
  border: 2px solid #D1D2D4;
  display: block;
  max-width: 100px;
  margin: 0 auto;
  max-height: 50px;
  max-width: 50px;
}
.product-view-details .product-images .owl-theme .owl-controls {
  margin-top: 10px;
}
.product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev, .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-next {
  border: 1px solid #D1D2D4;
  border-radius: 3px;
  color: #666;
  height: 28px;
  width: 28px;
  margin: 0;
  line-height: 26px;
  opacity: 1;
}
.product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-next:hover {
  background-color: #cc0000;
  color: #FFF;
}
.product-view-details .product-images .owl-theme .owl-controls .owl-buttons .owl-prev {
  margin-right: 5px;
}
.product-view-details .product-images .new-product-tag {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 99;
  width: 40px;
  height: 40px;
}

.simpleLens-gallery-container {
  margin-bottom: 25px;
}
.simpleLens-gallery-container .simpleLens-container {
  display: table;
  position: relative;
  margin: 0 auto;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  width: 100%;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
  height: auto !important;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0;
  box-shadow: none;
  float: none;
  position: relative;
  -ms-transform: none;
  cursor: zoom-in;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-big-image {
  max-width: 100%;
  -ms-transform: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-mouse-cursor {
  background-color: #ccc;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #D1D2D4;
  box-shadow: 0 0 2px 2px #999;
  cursor: none;
  -ms-transform: none;
  display: none;
}
.simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image .simpleLens-mouse-cursor:last-child {
  display: block;
}

.noimageclass {
  pointer-events: none;
}

.simpleLens-lens-element {
  background-color: #FFF;
  box-shadow: 0 0 2px 2px #8e8e8e;
  height: 100%;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
  text-align: center;
  -ms-transform: none;
}
.simpleLens-lens-element img {
  position: relative;
  top: 0;
  left: 0;
  width: auto !important;
  max-width: none !important;
  -ms-transform: none;
}

*::-ms-backdrop, .simpleLens-gallery-container .simpleLens-container {
  display: block;
}

*::-ms-backdrop, .simpleLens-gallery-container .simpleLens-big-image-container {
  display: inline-block;
  vertical-align: middle;
}

*::-ms-backdrop, .simpleLens-gallery-container .simpleLens-big-image-container:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.small-view-template .product-view-details .product-images .alternate-img {
  padding: 20px;
}
.small-view-template .simpleLens-gallery-container .simpleLens-big-image-container .simpleLens-lens-image {
  width: 70%;
}
.small-view-template .simpleLens-container {
  height: 275px;
}
.small-view-template .simpleLens-lens-element {
  left: 85%;
}

.easyzoom {
  position: relative;
}

.easyzoom-flyout, .easyzoom-notice {
  position: absolute;
  background: #FFF;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
  z-index: 100;
  overflow: hidden;
}

.easyzoom-overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom-adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}

.easyzoom .easyzoom-img {
  display: table;
  width: 100%;
  text-align: center;
}

@media all and (min-width: 320px) {
  .simpleLens-lens-element {
    display: none;
  }
  .easyzoom img {
    width: 310px;
  }
}
@media all and (min-width: 768px) {
  .easyzoom img {
    width: auto;
  }
}
@media all and (min-width: 992px) {
  .simpleLens-lens-element {
    display: block;
  }
}
:root {
  --loading-animation-file-path: url(/Views/Themes/SalmonSalmon/Images/spp-loading.svg?v=1.0.0) ;
}

@font-face {
  font-family: "RedPanda";
  src: url("../../../RedPanda/Fonts/RedPanda.eot?v=1.0.0");
  src: url("../../../RedPanda/Fonts/RedPanda.eot?v=1.0.0#iefix") format("embedded-opentype"), url("../../../RedPanda/Fonts/RedPanda.ttf?v=1.0.0") format("truetype"), url("../../../RedPanda/Fonts/RedPanda.woff?v=1.0.0") format("woff"), url("../../../RedPanda/Fonts/RedPanda.svg?v=1.0.0#RedPanda") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SalmonSalmon-custom";
  src: url("../../Fonts/SalmonSalmon-custom/SalmonSalmon-custom.svg?v=1.0.0") format("svg");
}
@font-face {
  font-family: "SalmonSalmon-custom";
  src: url("../../Fonts/SalmonSalmon-custom/SalmonSalmon-custom.ttf?v=1.0.0") format("truetype");
}
@font-face {
  font-family: "SalmonSalmon-custom";
  src: url("../../Fonts/SalmonSalmon-custom/SalmonSalmon-custom.woff?v=1.0.0") format("woff");
}
@font-face {
  font-family: "StaplesNormsPro";
  src: url("../../Fonts/StaplesNorms/StaplesNormsPro-Regular.woff2?v=1.0.0") format("woff2"), url("../../Fonts/StaplesNorms/StaplesNormsPro-Regular.woff?v=1.0.0") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "StaplesNormsPro";
  src: url("../../Fonts/StaplesNorms/StaplesNormsPro-Bold.woff2?v=1.0.0") format("woff2"), url("../../Fonts/StaplesNorms/StaplesNormsPro-Bold.woff?v=1.0.0") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "StaplesNormsPro";
  src: url("../../Fonts/StaplesNorms/StaplesNormsPro-ExtraBold.woff2?v=1.0.0") format("woff2"), url("../../Fonts/StaplesNorms/StaplesNormsPro-ExtraBold.woff?v=1.0.0");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Material Icons";
  src: url("../../Fonts/MaterialIcons/MaterialIcons-Regular.woff2?v=1.0.0") format("woff2"), url("../../Fonts/MaterialIcons/MaterialIcons-Regular.woff?v=1.0.0");
}
/* material-icons - https://google.github.io/material-design-icons/ */
/*@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../../Fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'), url(../../Fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff');
    //src: url(https://fonts.gstatic.com/s/materialicons/v83/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'), url(https://fonts.gstatic.com/s/materialicons/v83/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}*/
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons Outlined"), local("material-icons-outlined"), url(../../Fonts/MaterialIcons/material-icons-outlined.woff2?v=1.0.0) format("woff2");
}
/*@mixin material-icon {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    //line-height: 1;
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;*/
/* Support for all WebKit browsers. */
/*-webkit-font-smoothing: antialiased;*/
/* Support for Safari and Chrome. */
/*text-rendering: optimizeLegibility;*/
/* Support for Firefox. */
/*-moz-osx-font-smoothing: grayscale;*/
/* Support for IE. */
/*font-feature-settings: 'liga';
}*/
.material-icons {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "SalmonSalmon-custom";
  src: url("../../Fonts/SalmonSalmon-custom/SalmonSalmon-custom.woff?v=1.0.0") format("woff"), url("../../Fonts/SalmonSalmon-custom/SalmonSalmon-custom.svg?v=1.0.0#SalmonSalmon-custom") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.salmons-icons {
  font-family: "SalmonSalmon-custom";
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=zf-], [class*=" zf-"] {
  font-family: "SalmonSalmon-custom" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zf-eraser:before {
  font-family: "SalmonSalmon-custom";
  content: "\f12d";
}

.zf-bin:before {
  font-family: "SalmonSalmon-custom";
  content: "\e9ac";
}

.zf-refresh:before {
  font-family: "SalmonSalmon-custom";
  content: "\ea2e";
}

.zf-plus-circle:before {
  font-family: "SalmonSalmon-custom";
  content: "\e906";
}

.zf-upload:before {
  font-family: "SalmonSalmon-custom";
  content: "\e907";
}

.zf-checkmark:before {
  font-family: "SalmonSalmon-custom";
  content: "\e908";
}

.icon-cross:before {
  font-family: "SalmonSalmon-custom";
  content: "\ea0f";
}

.key-icon:before {
  font-family: "SalmonSalmon-custom";
  content: "\e90b";
}

.salmons-icons-question:before {
  font-family: "SalmonSalmon-custom";
  content: "\e90a";
}

.zf-warning:before {
  font-family: "SalmonSalmon-custom";
  content: "\e90c";
}

.salmons-icons-help-circle:before {
  font-family: "SalmonSalmon-custom";
  content: "\e90d";
}

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

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

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

.zf-arrow-left-big:before, .owl-prev:before, .search-pagination .arrow-left a:before {
  font-family: "znode-web-store";
  content: "\e913";
}

.zf-arrow-right-big:before, .owl-next:before, .search-pagination .arrow-right a:before {
  font-family: "znode-web-store";
  content: "\e914";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes halfFade {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes expand {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes staplesPromoLogo_left {
  0% {
    transform: scaleY(0);
  }
  33% {
    transform: scaleY(1);
  }
}
@keyframes staplesPromoLogo_middle {
  0% {
    transform: scaleX(0);
  }
  33% {
    transform: scaleX(0);
  }
  66% {
    transform: scaleX(1);
  }
}
@keyframes staplesPromoLogo_right {
  0% {
    transform: scaleY(0);
  }
  33% {
    transform: scaleY(0);
  }
  66% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes staplesPromoLogo_name {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes staples-loading_left {
  0% {
    transform: translateY(100%);
  }
  16%, 33% {
    transform: translateY(0);
  }
  66%, 100% {
    transform: translateY(-100%);
  }
}
@keyframes staples-loading_middle {
  0%, 16% {
    transform: translateX(-100%);
  }
  33%, 66% {
    transform: translateX(0);
  }
  82%, 100% {
    transform: translateX(100%);
  }
}
@keyframes staples-loading_right {
  0%, 33% {
    transform: translateY(-100%);
  }
  66%, 82% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
.rotate {
  animation: rotation 3s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes blip {
  0% {
    transform: scale(0.001);
    opacity: 1;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}
@keyframes jiggle {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@keyframes wavy {
  0% {
    top: 0px;
  }
  50% {
    top: -1em;
  }
  100% {
    top: 0px;
  }
}
/*.quantity-spinner{
               .spinner{flex-direction:row !important;float:right;
                      span{display:none;}
                      .btn-spinner{border-radius:0;background-color:#ffffff;border:1px solid #808080;font-weight:normal;margin:.25em 0;}
                      input{text-align:center;font-family:#ffffff;float:right;border:1px solid #808080;border-left:.25em 0;margin:0;width:60px;}

                }
}
*/
#divSinglePageCheckout.enable-quantity-input .quantity-spinner .spinner input {
  cursor: text;
  opacity: 1;
  pointer-events: all;
  border: 1px solid;
}
#divSinglePageCheckout.enable-quantity-input .quantity-spinner .spinner .spp-update-qty {
  display: block;
  margin-top: 5px;
  float: right;
  margin-left: 5px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -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;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

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


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

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

.owl-pagination {
  display: none;
}

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

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
}

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

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
  border: none;
  font-weight: 700;
}

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

.Boxed {
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}*/
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
.mktoHasWidth {
  max-width: 450px;
  margin: 0;
  margin-left: 0.5em;
}

.mktoFormCol {
  margin-bottom: 0.5em;
}

.mktFormRow {
  position: relative;
}

.mktoInstruction {
  display: none;
}

.mktoForm .mktoFieldWrap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.mktoAsterix {
  display: none;
  /* position: absolute;
  transform: translate(-.75em,.25em);
  color: red;
  padding: 0 0 0 .25em; */
}

.mktoForm {
  margin: 0 auto;
}
.mktoForm label#LblEmail {
  max-width: 1em;
}
.mktoForm label#LblCountry {
  max-width: 1em;
}
.mktoForm input#Email, .mktoForm input#FirstName, .mktoForm input#LastName, .mktoForm input#Company, .mktoForm input#LeadRole, .mktoForm select#Industry, .mktoForm select#Country {
  width: 100%;
  min-width: 16em;
  min-height: 2.5em;
  border-color: #cacaca;
}
.mktoForm #LblsTAPLESPROMOEnrolled {
  width: calc(100% - 3rem);
  margin-left: 2.5rem;
}
.mktoForm #sTAPLESPROMOEnrolled {
  position: absolute;
  top: 0;
}
.mktoForm select#Industry {
  padding-left: 0.3rem;
}
.mktoForm .mktoHasWidth {
  margin-left: 0;
}
.mktoForm .mktoCheckboxList.mktoHasWidth {
  max-width: 2rem;
}
.mktoForm .mktoError {
  z-index: 9;
  display: block;
  right: auto !important;
  position: absolute;
}
.mktoForm .mktoError .mktoErrorArrowWrap {
  position: absolute;
  left: 0;
  min-height: 1em;
  min-width: 1em;
  transform: translate(3em, 0.25em) rotate(45deg);
  background: red;
}
.mktoForm .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
  display: none;
}
.mktoForm .mktoError .mktoErrorMsg {
  position: absolute;
  left: 1.5em;
  z-index: 101;
  margin-top: 0.25em;
  padding: 0.5em;
  background: #C00;
  color: #FFF;
}

.filter-component {
  position: relative;
  display: block;
  min-height: 45px;
  padding: 8px;
  background-color: #f8f3f3;
  line-height: 26px;
  margin: 15px 0;
  border: 1px solid #f1e8e8;
}
.filter-component .manage-filter {
  float: left;
  min-width: 140px;
  border-right: 1px solid #333;
  padding: 9px 0;
  background: #f1e8e8;
}
.filter-component .manage-filter a {
  background-color: transparent;
  border: 0;
  color: #cc0000;
  padding: 0 20px;
}
.filter-component .manage-filter .dropdown-search .right-inner-icon i {
  line-height: 7px;
}
.filter-component .manage-filter .z-down {
  font-size: 13px;
  padding-left: 5px;
  vertical-align: sub;
}
.filter-component .filter-close {
  position: absolute;
  right: 0;
  top: -12px;
  right: -8px;
  font-size: 17px;
  color: #333;
}
.filter-component .filter-item-content {
  padding: 8px 0;
  float: left;
}
.filter-component .filter-option {
  position: relative;
}
.filter-component .filter-option .popover.bottom > .arrow::after {
  border-bottom-color: #f6f6f6;
}
.filter-component .filter-option .popover, .filter-component .filter-option .popover-content {
  border-radius: 0;
  background-color: #f6f6f6;
  max-width: none;
  min-width: 290px;
}
.filter-component .filter-option .parent-content-popover select {
  min-width: 40px;
  border-radius: 0;
  height: 24px;
}
.filter-component .filter-option .parent-content-popover input[type=text] {
  border-radius: 0;
  border-right: 0;
  height: 24px;
  margin: 0;
}
.filter-component .filter-option .parent-content-popover button {
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.filter-component .filter-option .parent-content-popover:after {
  content: "";
  display: block;
  clear: both;
}
.filter-component .filter-option .btn-dropdown {
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  margin: 2px 5px;
  padding: 5px 10px;
  height: 24px;
  line-height: 2px;
  text-transform: capitalize;
  background-color: #fff;
  color: #333;
  text-align: left;
  border: 1px solid #333;
}
.filter-component .filter-option .btn-dropdown:hover, .filter-component .filter-option .btn-dropdown:focus, .filter-component .filter-option .btn-dropdown:active {
  color: #333;
}
.filter-component .filter-option .btn-dropdown span {
  padding: 0;
}
.filter-component .filter-option .btn-dropdown .z-down {
  font-size: 11px;
  padding-left: 2px;
  color: #333;
  vertical-align: sub;
}
.filter-component .filter-option .option-close i {
  position: absolute;
  top: -5px;
  font-size: 13px;
  cursor: pointer;
  right: -2px;
}
.filter-component .filter-option button.btn-text {
  height: 24px;
  line-height: 24px;
}
.filter-component .filter-option .filter-search-btn {
  background-color: #fff;
  height: 24px;
  border-left: 0;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  line-height: 24px;
  color: #cc0000;
  outline: medium none !important;
  padding: 0 6px;
}

/*IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .filter-component .filter-option .popover, .filter-component .filter-option .popover-content {
    min-width: 289px;
  }
}
body:not(.inside-chatv2-open) #inside_holder > * {
  z-index: 1 !important;
}

html {
  font-family: StaplesNormsPro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

body {
  font-family: StaplesNormsPro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1066px) {
  body {
    font-size: 0.87em;
  }
}
@media only screen and (min-width: 1920px) {
  body {
    font-size: 1em;
  }
}

b, strong {
  font-weight: bold;
}

a {
  color: rgb(255, 105, 60);
  text-decoration: none;
  word-wrap: break-word;
}
a:hover, a:focus {
  color: rgb(165.75, 68.25, 39);
  text-decoration: none;
}
a:focus {
  outline-style: none;
}

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

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
  line-height: 1.2em;
}
h2 .eyebrow {
  margin-bottom: 0.5em;
  font-size: 1em;
  line-height: 1.5em;
  color: #c00;
}

h3 {
  font-size: 1.25em;
  line-height: 1.2em;
}

h4, h5 {
  text-transform: none;
}

h4 {
  font-size: 1.0625em;
  line-height: 1.5em;
}

h5 {
  font-size: 1em;
}

p {
  /*padding: 0 0 1.5em 0;*/
}

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

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

/* _buttons.scss */
button, .btn, [type=button], #header-container a.btn {
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
button.btn-primary.lean, button.btn-secondary.lean, .btn.btn-primary.lean, .btn.btn-secondary.lean, [type=button].btn-primary.lean, [type=button].btn-secondary.lean, #header-container a.btn.btn-primary.lean, #header-container a.btn.btn-secondary.lean {
  padding: 0.1rem 1rem;
}
button.btn-primary, button .btn-bg-primary, button.mktoButton, .btn.btn-primary, .btn .btn-bg-primary, .btn.mktoButton, [type=button].btn-primary, [type=button] .btn-bg-primary, [type=button].mktoButton, #header-container a.btn.btn-primary, #header-container a.btn .btn-bg-primary, #header-container a.btn.mktoButton {
  min-width: 12em;
  border: 1px solid rgb(255, 105, 60);
  border-radius: 4em;
  padding: 0.5em 1.25em;
  background: rgb(255, 105, 60);
  color: rgb(255, 255, 255);
  font-size: 0.9rem;
  font-weight: 600;
}
button.btn-primary:hover, button.btn-primary:focus, button .btn-bg-primary:hover, button .btn-bg-primary:focus, button.mktoButton:hover, button.mktoButton:focus, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn .btn-bg-primary:hover, .btn .btn-bg-primary:focus, .btn.mktoButton:hover, .btn.mktoButton:focus, [type=button].btn-primary:hover, [type=button].btn-primary:focus, [type=button] .btn-bg-primary:hover, [type=button] .btn-bg-primary:focus, [type=button].mktoButton:hover, [type=button].mktoButton:focus, #header-container a.btn.btn-primary:hover, #header-container a.btn.btn-primary:focus, #header-container a.btn .btn-bg-primary:hover, #header-container a.btn .btn-bg-primary:focus, #header-container a.btn.mktoButton:hover, #header-container a.btn.mktoButton:focus {
  background-color: rgb(255, 105, 60);
}
button.btn-primary:active, button.btn-primary:active:hover, button.btn-primary:active:focus, button .btn-bg-primary:active, button .btn-bg-primary:active:hover, button .btn-bg-primary:active:focus, button.mktoButton:active, button.mktoButton:active:hover, button.mktoButton:active:focus, .btn.btn-primary:active, .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn .btn-bg-primary:active, .btn .btn-bg-primary:active:hover, .btn .btn-bg-primary:active:focus, .btn.mktoButton:active, .btn.mktoButton:active:hover, .btn.mktoButton:active:focus, [type=button].btn-primary:active, [type=button].btn-primary:active:hover, [type=button].btn-primary:active:focus, [type=button] .btn-bg-primary:active, [type=button] .btn-bg-primary:active:hover, [type=button] .btn-bg-primary:active:focus, [type=button].mktoButton:active, [type=button].mktoButton:active:hover, [type=button].mktoButton:active:focus, #header-container a.btn.btn-primary:active, #header-container a.btn.btn-primary:active:hover, #header-container a.btn.btn-primary:active:focus, #header-container a.btn .btn-bg-primary:active, #header-container a.btn .btn-bg-primary:active:hover, #header-container a.btn .btn-bg-primary:active:focus, #header-container a.btn.mktoButton:active, #header-container a.btn.mktoButton:active:hover, #header-container a.btn.mktoButton:active:focus {
  background-color: rgb(191.25, 78.75, 45);
}
button.btn-secondary, button#truste-consent-button, .btn.btn-secondary, .btn#truste-consent-button, [type=button].btn-secondary, [type=button]#truste-consent-button, #header-container a.btn.btn-secondary, #header-container a.btn#truste-consent-button {
  border: 1px solid rgb(255, 105, 60);
  border-radius: 4em;
  padding: 0.5em 1.25em;
  background: rgb(255, 255, 255);
  color: rgb(255, 105, 60);
  font-size: 0.9rem;
  font-weight: 600;
}
button.btn-secondary:hover, button.btn-secondary:focus, button#truste-consent-button:hover, button#truste-consent-button:focus, .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn#truste-consent-button:hover, .btn#truste-consent-button:focus, [type=button].btn-secondary:hover, [type=button].btn-secondary:focus, [type=button]#truste-consent-button:hover, [type=button]#truste-consent-button:focus, #header-container a.btn.btn-secondary:hover, #header-container a.btn.btn-secondary:focus, #header-container a.btn#truste-consent-button:hover, #header-container a.btn#truste-consent-button:focus {
  background-color: rgb(219.3, 219.3, 219.3);
}
button.btn-secondary:active, button.btn-secondary:active:hover, button.btn-secondary:active:focus, button#truste-consent-button:active, button#truste-consent-button:active:hover, button#truste-consent-button:active:focus, .btn.btn-secondary:active, .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn#truste-consent-button:active, .btn#truste-consent-button:active:hover, .btn#truste-consent-button:active:focus, [type=button].btn-secondary:active, [type=button].btn-secondary:active:hover, [type=button].btn-secondary:active:focus, [type=button]#truste-consent-button:active, [type=button]#truste-consent-button:active:hover, [type=button]#truste-consent-button:active:focus, #header-container a.btn.btn-secondary:active, #header-container a.btn.btn-secondary:active:hover, #header-container a.btn.btn-secondary:active:focus, #header-container a.btn#truste-consent-button:active, #header-container a.btn#truste-consent-button:active:hover, #header-container a.btn#truste-consent-button:active:focus {
  background-color: rgb(244.8, 244.8, 244.8);
}
button.btn-tertiary, .btn.btn-tertiary, [type=button].btn-tertiary, #header-container a.btn.btn-tertiary {
  background: transparent;
  padding: 0 1em;
  border: none;
  color: rgb(255, 105, 60);
}
button.btn-tertiary:hover, button.btn-tertiary:focus, .btn.btn-tertiary:hover, .btn.btn-tertiary:focus, [type=button].btn-tertiary:hover, [type=button].btn-tertiary:focus, #header-container a.btn.btn-tertiary:hover, #header-container a.btn.btn-tertiary:focus {
  color: #F44719;
}
button.btn-nav, .btn.btn-nav, [type=button].btn-nav, #header-container a.btn.btn-nav {
  padding: 0.25em 2em;
  border: 0 none;
  border-radius: 4em;
  background-color: rgb(77, 77, 79);
  color: rgb(255, 255, 255);
  font-size: 0.9rem;
  font-weight: 600;
}
button.btn-nav:hover, button.btn-nav:active, button.btn-nav:focus, .btn.btn-nav:hover, .btn.btn-nav:active, .btn.btn-nav:focus, [type=button].btn-nav:hover, [type=button].btn-nav:active, [type=button].btn-nav:focus, #header-container a.btn.btn-nav:hover, #header-container a.btn.btn-nav:active, #header-container a.btn.btn-nav:focus {
  background-color: rgb(204, 0, 0);
}
button.close, .btn.close, [type=button].close, #header-container a.btn.close {
  opacity: 1;
  color: rgb(0, 0, 0);
}
button:focus, .btn:focus, [type=button]:focus, #header-container a.btn:focus {
  box-shadow: 0 0 0 3px rgba(150, 150, 151, 0.25);
  outline: 1px solid transparent;
}
button:disabled, .btn:disabled, [type=button]:disabled, #header-container a.btn:disabled {
  pointer-events: none;
  opacity: 0.35;
}

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

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

input.input-validation-error, input.ng-touched.ng-invalid, input.error, select.input-validation-error, select.ng-touched.ng-invalid, select.error {
  border: 1px solid rgb(204, 0, 0) !important;
  border-radius: 2px;
}
input.input-validation-error:focus, input.ng-touched.ng-invalid:focus, input.error:focus, select.input-validation-error:focus, select.ng-touched.ng-invalid:focus, select.error:focus {
  box-shadow: 0px 0px 0px 1px rgb(204, 0, 0);
}

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

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

.error-msg {
  position: relative;
  color: rgb(204, 0, 0);
}
.error-msg + input {
  border: 1px solid rgb(204, 0, 0);
}
.error-msg.error-enhanced {
  display: none;
  position: absolute;
  top: 5.5em;
  z-index: 2;
  padding: 0.75rem;
  color: rgb(255, 255, 255);
  background-color: rgb(204, 0, 0);
}
.error-msg.error-enhanced.field-validation-error {
  display: block;
}
.error-msg.error-enhanced:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -0.25em;
  height: 1em;
  width: 1em;
  margin-left: 0.375em;
  border: 1px solid rgb(204, 0, 0);
  border-right: none;
  border-bottom: none;
  background: rgb(204, 0, 0);
  transform: rotate(45deg);
}

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

input, textarea, select {
  border-radius: 0.3rem;
}

input, textarea {
  width: 100%;
  background: rgb(252.45, 252.45, 252.45);
  margin: 0 0 0.25em 0;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  box-sizing: border-box;
  -webkit-appearance: none;
  transition: box-shadow 0.25s ease-in-out;
}
input:focus, textarea:focus {
  box-shadow: 0px 0px 5px 1px rgba(150, 150, 151, 0.25);
  outline: 1px solid transparent;
}
input:focus::placeholder, textarea:focus::placeholder {
  opacity: 0;
}
input[readonly=readonly]:focus, textarea[readonly=readonly]:focus {
  box-shadow: none;
  outline: 1px solid transparent;
}

.select-container, .dropdown {
  display: inline-block;
  position: relative;
  width: 100%;
}
.select-container select, .dropdown select {
  width: 100%;
  margin: 0 0 0.25em 0;
  padding: 0.5rem 2.25rem 0.5rem 0.5rem;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgb(252.45, 252.45, 252.45);
  border: 1px solid #cacaca;
  transition: box-shadow 0.25s ease-in-out;
}
.select-container select:focus, .select-container select:focus-visible, .dropdown select:focus, .dropdown select:focus-visible {
  box-shadow: 0 0 0 3px rgba(150, 150, 151, 0.25);
  outline: none;
}
.select-container::after, .dropdown::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  content: "expand_more";
  pointer-events: none;
  position: absolute;
  top: -0.125em;
  right: 0.25em;
}

.spp-custom-select {
  position: relative;
  display: inline-block;
  min-width: 12em;
  line-height: 1em;
  cursor: pointer;
}
.spp-custom-select label, .spp-custom-select select {
  display: none;
}
.spp-custom-select .select-selected {
  display: inline-block;
  border-radius: 0.5em;
  border: 1px solid rgba(150, 150, 151, 0.5);
  padding: 0.25em;
  transition: all 0.25s ease-out;
}
.spp-custom-select .select-selected:after {
  position: relative;
  content: "expand_more";
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.spp-custom-select .select-items {
  position: absolute;
  width: calc(100% + 2em);
  min-width: 12em;
  margin: 0;
  border: 1px rgba(150, 150, 151, 0.5) solid;
  padding: 0;
  background: #FFF;
  transform: translatey(-1px);
  z-index: 9;
}
.spp-custom-select .select-items > li {
  padding: 1rem;
  border-top: 1px rgba(0, 0, 0, 0.1) solid;
  list-style: none;
}
@media only screen and (min-width: 1066px) {
  .spp-custom-select .select-items > li {
    padding: 0.75rem;
  }
}
.spp-custom-select .select-items > li.same-as-selected {
  background: #F4F4F4;
  color: #888;
}
.spp-custom-select .select-items > li:hover, .spp-custom-select .select-items > li:focus {
  background: rgb(0, 0, 0);
  color: #FFF;
}
.spp-custom-select .select-hide {
  display: none;
}

input[type=checkbox] {
  height: 1.125rem;
  width: 1.125rem;
  position: relative;
}
input[type=checkbox]:checked::after {
  font-family: "RedPanda";
  content: "\e902";
  position: absolute;
  top: 0;
  left: 0;
}
input[type=checkbox]:disabled + .input-checkbox_appearance {
  cursor: not-allowed;
  opacity: 0.65;
}

.input-checkbox_container {
  margin: 0.5rem 0;
}
.input-checkbox_container:active .input-checkbox_appearance {
  background-color: rgb(27, 108, 224);
}
.input-checkbox_container .input-checkbox_appearance {
  cursor: pointer;
  display: inline-block;
  box-sizing: content-box;
  height: 1.3rem;
  width: 1.3rem;
  border: 1px solid rgba(57.3529411765, 57.3529411765, 57.7352941176, 0.675);
  margin-right: 0.5rem;
  min-width: 18px;
  box-shadow: inset 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
  transition: background 0.125s ease-in-out, box-shadow 0.25s ease-in-out;
}
.input-checkbox_container .input-checkbox_appearance .material-icons {
  visibility: hidden;
  color: rgb(255, 255, 255);
}
.input-checkbox_container .input-checkbox {
  position: absolute;
  overflow: hidden;
  width: 1px !important;
  height: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  visibility: visible;
  white-space: nowrap;
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance {
  background-color: rgb(27, 108, 224);
}
.input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance .material-icons {
  visibility: visible;
}
.input-checkbox_container .input-checkbox:disabled {
  /*            & + .input-checkbox_appearance {
      border: 2px solid transparentize($borderColor,.6);

      svg {
          visibility: hidden !important;
          opacity: .65 !important;
      }
  }

  & ~ .input-checkbox_label {
      color: transparentize($textColor,.6);
  }*/
}
.input-checkbox_container .input-checkbox:active + .input-checkbox_appearance svg {
  visibility: visible;
  opacity: 0.65;
}
.input-checkbox_container .input-checkbox:active + .input-checkbox_appearance svg path {
  /*                fill: shade($borderColor,35);
  stroke: shade($borderColor,35);*/
  stroke-width: 1px;
}
.input-checkbox_container .input-checkbox:focus + .input-checkbox_appearance {
  box-shadow: 0 0 0 3px rgba(150, 150, 151, 0.25);
  outline: 1px solid transparent;
}
.input-checkbox_container .input-checkbox_label {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
}
.input-checkbox_container .input-checkbox_label.checkbox-disable {
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.input-checkbox_container .input-checkbox_label.checkbox-disable .input-checkbox_appearance {
  background: #c3c3c3 !important;
}

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

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

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

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

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

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

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

input:read-only {
  cursor: text;
}

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

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

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}
.multiselect-container .input-group {
  margin: 5px;
}
.multiselect-container li {
  padding: 0;
}
.multiselect-container li a {
  padding: 0;
}
.multiselect-container li a:hover {
  background-color: #3085db;
}
.multiselect-container li label.radio, .multiselect-container li label.checkbox {
  margin: 0;
}
.multiselect-container li label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: normal !important;
  padding: 3px 20px 3px 25px;
}
.multiselect-container li label input[type=checkbox] {
  margin-bottom: 5px;
}
.multiselect-container li input[type=checkbox] {
  opacity: 1 !important;
}
.multiselect-container li.multiselect-group label {
  margin: 0;
  padding: 3px 20px;
  height: 100%;
  font-weight: normal;
}
.multiselect-container li.multiselect-group-clickable label {
  cursor: pointer;
}
.multiselect-container li.filter .input-group-addon {
  padding: 1px 6px;
}
.multiselect-container li.filter .input-group-btn {
  padding: 0;
}
.multiselect-container li.filter .input-group-btn button {
  padding: 1px 6px;
}
/* Toggle switch

    Mark-up:
    <span class="toggle-container">
        <span class="toggle-switch">
            <input type="checkbox" class="toggle-switch-input">
            <span class="toggle-switch-background">
                <span class="toggle-switch-switch">
                    <span class="toggle-label-on">@CustomWebStore_Resources.LabelToggleOn</span>
                    <span class="toggle-label-off">@CustomWebStore_Resources.LabelToggleOff</span>
                </span>
            </span>
        </span>
    </span>
*/
.toggle-container {
  margin-right: 0.25rem;
}
.toggle-container .toggle-switch {
  position: relative;
  display: inline-block;
  min-width: 3.75rem;
}
.toggle-container .toggle-switch .toggle-switch-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.toggle-container .toggle-switch .toggle-switch-input:disabled {
  cursor: default;
}
.toggle-container .toggle-switch .toggle-switch-background {
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: 3rem;
  padding: 2px;
  text-align: left;
  background-color: rgb(221, 221, 221);
}
.toggle-container .toggle-switch .toggle-switch-background .toggle-switch-switch {
  display: inline-block;
  padding: 0 0.5rem;
  border-radius: 1rem;
  text-transform: uppercase;
  background-color: rgb(255, 255, 255);
}
.toggle-container .toggle-switch .toggle-label-on, .toggle-container .toggle-switch .toggle-label-off {
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.toggle-container .toggle-switch .toggle-label-on {
  display: none;
}
.toggle-container .toggle-switch .toggle-switch-input:checked ~ .toggle-switch-background {
  text-align: right;
  background-color: rgb(27, 108, 224);
}
.toggle-container .toggle-switch .toggle-switch-input:checked ~ .toggle-switch-background .toggle-switch-switch .toggle-label-on {
  display: inline;
}
.toggle-container .toggle-switch .toggle-switch-input:checked ~ .toggle-switch-background .toggle-switch-switch .toggle-label-off {
  display: none;
}

.spp-tab-group {
  display: flex;
  padding-left: 0.25em;
}
.spp-tab-group .spp-tab {
  margin: 0 0.5em 0 0;
  margin-bottom: -1em;
  padding: 0.75em 1em;
  padding-bottom: 2em;
  border: none;
  border-radius: 0.5em 0.5em 0 0;
  background: rgb(221, 221, 221);
  cursor: pointer;
}
.spp-tab-group .spp-tab.active {
  background: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
}
.spp-tab-group input[type=radio]:checked + .spp-tab {
  background: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
}
.spp-tab-group.accordion-tabs .spp-tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 0 -1em 0;
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 600;
}
.spp-tab-group.accordion-tabs .spp-tab::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  position: absolute;
  right: 0.5rem;
  content: "keyboard_arrow_up";
  transform: rotate(180deg);
  transition: transform 0.35s;
}

.spp-accordion-tab-section:last-of-type:not(.active) .spp-tab {
  margin: -1em 0 0 0;
  border-radius: 0em 0em 0.5em 0.5em;
  padding: 2em 1em 0.75em 1em;
}

/* _progressBar.scss */
@keyframes progressBarMoving {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.spp-progress-bar-container {
  width: 100%;
  min-height: 2em;
}
.spp-progress-bar-container .spp-progress-bar-text {
  width: 100%;
  text-align: left;
}

.spp-progress-bar {
  position: relative;
  width: 100%;
  min-height: 1.5em;
  border-radius: 0.5em;
  background: rgb(27, 108, 224);
}
.spp-progress-bar::after {
  position: absolute;
  content: "";
  height: 100%;
  display: block;
  width: 100%;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  animation: progressBarMoving 3s linear infinite;
}

#logo-upload-instructions {
  display: none;
}

#personalizationLogo.loading {
  pointer-events: none;
}
#personalizationLogo .deco-tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 3rem;
  padding-right: 3rem;
  font-weight: 600;
}
#personalizationLogo .deco-tab::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  content: " ";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  position: absolute;
  left: 0.5em;
}
#personalizationLogo .deco-tab.artwork-applied::before {
  content: "check";
}
#personalizationLogo .artwork-manage {
  position: relative;
  left: -1.25em;
  bottom: -2rem;
  width: calc(100% + 2.5em);
  margin-top: -1em;
  background: rgb(254, 193, 68);
  padding: 1em;
  border-radius: 0 0 0.3rem 0.3rem;
}

.spp-tab-group {
  display: none;
  flex-wrap: nowrap;
}
.spp-tab-group.accordion-tabs {
  display: flex;
  padding: 0 0.25em;
}
@media screen and (min-width: 640px) {
  .spp-tab-group {
    display: flex;
  }
  .spp-tab-group.accordion-tabs {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .spp-tab-group {
    display: none;
  }
  .spp-tab-group.accordion-tabs {
    display: flex;
  }
}
@media screen and (min-width: 1066px) {
  .spp-tab-group {
    display: flex;
  }
  .spp-tab-group.accordion-tabs {
    display: none;
  }
}

.group-decoration-area {
  display: flex;
  flex-direction: column;
}
.group-decoration-area .logo-functionality-container {
  display: none;
}
.group-decoration-area.active .logo-functionality-container {
  display: block;
}
.group-decoration-area.active .accordion-tabs .deco-tab {
  background: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
}
.group-decoration-area.active .accordion-tabs .deco-tab::after {
  transform: rotate(0deg);
}
.group-decoration-area:last-of-type:not(.active) {
  flex-direction: column-reverse;
}
.group-decoration-area:last-of-type:not(.active) .accordion-tabs .deco-tab {
  border-radius: 0em 0em 0.5em 0.5em;
  margin: -1em 0 0 0;
  padding: 2em 1em 0.75em 1em;
}
.group-decoration-area .accordion-tabs .deco-tab {
  margin: 0 0 -1em 0;
}
.group-decoration-area .accordion-tabs .deco-tab::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  position: absolute;
  right: 0.5rem;
  content: "keyboard_arrow_up";
  transform: rotate(180deg);
  transition: transform 0.35s;
}

.logo-locker-controls {
  position: relative;
  z-index: 1;
}
.logo-locker-controls .art-library {
  border: 1px solid rgb(221, 221, 221);
  padding: 1em;
  border-radius: 0.3rem;
  background: rgb(255, 255, 255);
}
.logo-locker-controls .art-library .overlay {
  display: block;
  background: rgba(255, 255, 255, 0);
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
}
.logo-locker-controls .art-library .artwork-list {
  margin: 0;
  max-height: 24em;
  overflow-y: auto;
}
.logo-locker-controls .art-library .artwork-list .artwork-list-relative-scroll {
  position: relative;
  min-height: 12em;
}
.logo-locker-controls .art-library .artwork-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 639px) {
  .logo-locker-controls .art-library .artwork-list ul {
    width: auto;
    justify-content: flex-start;
    position: absolute;
    flex-wrap: nowrap;
  }
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item {
  position: relative;
  max-width: calc(33% - 0.4em);
  min-width: 8em;
  box-sizing: content-box;
  border: 0.2em solid transparent;
  border-radius: 0.3rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: border 0.35s ease;
  animation: fadeIn 0.5s ease;
}
@media screen and (min-width: 640px) {
  .logo-locker-controls .art-library .artwork-list li.uploaded-item {
    min-width: auto;
  }
}
@media screen and (min-width: 768px) {
  .logo-locker-controls .art-library .artwork-list li.uploaded-item {
    max-width: calc(50% - 2.5em);
  }
}
@media screen and (min-width: 1066px) {
  .logo-locker-controls .art-library .artwork-list li.uploaded-item {
    max-width: calc(25% - 2.5em);
  }
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item.active {
  border-color: rgb(27, 108, 224);
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item.active .removeArtwork {
  display: block;
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item.active .removeArtwork:hover {
  background-color: rgb(77, 77, 79);
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item .removeArtwork {
  display: none;
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  border-radius: 50%;
  padding: 0.125em;
  background-color: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
  cursor: pointer;
  transition: background-color 0.35s;
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item span {
  display: flex;
  word-break: break-all;
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item span.artwork-image {
  margin-bottom: 0.5rem;
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item span.artwork-image img {
  max-width: 100%;
  max-height: 7.5em;
  vertical-align: baseline;
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item span.artwork-name {
  font-size: 0.8em;
}
.logo-locker-controls .art-library .artwork-list li.uploaded-item span.loading {
  animation: halfFade 0.75s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in;
}
.logo-locker-controls .art-library .artwork-list li:hover, .logo-locker-controls .art-library .artwork-list li:focus {
  background-color: rgb(247, 247, 247);
}
.logo-locker-controls .art-library .artwork-list li:hover .artwork-image, .logo-locker-controls .art-library .artwork-list li:focus .artwork-image {
  outline: 1px dashed rgb(150, 150, 151);
}
.logo-locker-controls .art-library #no-artwork {
  display: none;
  padding: 1em;
  color: rgb(77, 77, 79);
}

/*.logo-functionality-container {
    margin-left: 0.625rem;
    padding-left: 1.325rem;
    border-left: 1px solid $lightGrey;
}*/
.upload-container {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 9em;
  width: 100%;
  margin-bottom: 1em;
  border-radius: 0.3rem;
  background-color: rgb(255, 255, 255);
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='rgb(221, 221, 221)' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  overflow: visible;
  padding: 1rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .upload-container {
    min-height: 7.5em;
  }
}
.upload-container:focus, .upload-container:focus-within {
  box-shadow: 0px 0px 5px 1px rgba(150, 150, 151, 0.25);
  outline: 2px solid rgb(0, 0, 0);
}
.upload-container > div {
  display: flex;
  align-items: center;
  text-align: center;
}
.upload-container > div span {
  padding-bottom: 0.5em;
}
.upload-container .uploader-input-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
}
.upload-container input[type=file] {
  display: inline-block;
  height: 100%;
  width: 100%;
  border: 0 none;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.upload-container .material-icons.loop-icon.rotate {
  font-size: 3em;
  height: 1em;
  width: 1em;
  line-height: 1em;
}
.upload-container .deco-loading, .upload-container .deco-upload, .upload-container .deco-uploaded {
  width: 100%;
  height: 100%;
}
.upload-container .deco-loading {
  padding-top: 1em;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 640px) {
  .upload-container .deco-loading > p {
    animation: halfFade alternate infinite 0.75s;
  }
  .upload-container .deco-loading .loop-icon {
    display: none;
  }
}
.upload-container .deco-uploaded {
  padding-top: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 10px;
  width: 90%;
  display: none;
  opacity: 0;
  pointer-events: none;
}
.upload-container .deco-uploaded.active {
  display: block;
  opacity: 1;
}
.upload-container .deco-uploaded .upload-confirmed {
  font-size: 2rem;
  margin-bottom: -0.5rem;
  color: rgb(105, 201, 63);
}
.upload-container .disclaimer {
  font-style: oblique;
  font-size: 0.9em;
  line-height: 1em;
  padding: 1em 0;
}
@media screen and (min-width: 640px) {
  .upload-container .deco-upload {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2rem;
  }
}
.upload-container .deco-upload .upload-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  padding: 0.75rem;
  background: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.upload-container .deco-upload .upload-instructions {
  text-align: left;
  padding-left: 0.75rem;
}
.upload-container .deco-upload strong {
  color: rgb(27, 108, 224);
}
@media screen and (min-width: 640px) {
  .upload-container .deco-upload strong {
    font-size: 1.25em;
  }
}
.upload-container .deco-upload p {
  margin: 0;
}
.upload-container:hover .deco-upload .strong {
  color: rgb(0, 0, 0);
}

.msg-upload-container {
  display: none;
  position: relative;
  z-index: 4;
  padding: 0.5rem;
  top: -4rem;
  left: 10%;
  width: 80%;
  background-color: rgb(255, 255, 255);
}
.msg-upload-container.error {
  border: 1px solid rgb(204, 0, 0);
}
.msg-upload-container .msg-upload-content {
  display: inline-block;
  margin: 0 1.75em 0 0;
}
.msg-upload-container .msg-upload-container-close {
  position: absolute;
  top: 0.5rem;
  right: 0.25rem;
  cursor: pointer;
}

#subhead-decoration-location span {
  display: inline-block;
}
#subhead-decoration-location span.subhead {
  text-transform: lowercase;
}

.decoration-location {
  margin-bottom: 0;
  border-radius: 0.8em;
  background-color: rgb(247, 247, 247);
}
@media screen and (min-width: 640px) {
  .decoration-location {
    padding: 1.5em;
  }
}
.decoration-location .alert-danger, .decoration-location .alert-success {
  margin-top: 15px;
}
.decoration-location .alert-danger .zf-close, .decoration-location .alert-success .zf-close {
  position: absolute;
  top: 0;
  right: 0;
  color: rgb(0, 0, 0);
  opacity: 1;
  font-size: 15px;
  padding: 5px;
}

.deco-loading {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  color: rgb(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.deco-loading.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.upload-loader.active {
  right: 0;
  top: 3px;
  height: 92px;
  display: flex;
  flex-direction: column;
}

.logo_btn {
  border-radius: 45px;
  padding: 9px;
  background: rgb(255, 255, 255);
  color: rgb(204, 0, 0);
  border: 1px solid rgb(204, 0, 0);
  margin-top: 15px;
  font-weight: 600;
}
.logo_btn:hover {
  background-color: rgb(221, 221, 221);
}
.logo_btn:focus {
  outline: none;
  box-shadow: none;
}

.deco-method-details {
  padding: 0 0 1em;
}

.personalized-attributes-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.personalized-attributes-head .preview-btn {
  margin: 0 1em;
}

.customized-txt-input-row {
  display: flex;
  position: relative;
}
.customized-txt-input-row .dynamic-msg {
  position: absolute;
  top: -3em;
  background: rgb(204, 0, 0);
}
.customized-txt-input-row .dynamic-msg .error-msg {
  color: rgb(255, 255, 255);
}

.add-decoration [disabled=disabled] {
  display: none;
}

.additional-text-div {
  display: flex;
  justify-content: flex-end;
}

.add-decoration {
  padding: 15px 0;
}
.add-decoration a {
  color: #c00;
}

.customized-txt-remove {
  position: relative;
  padding-right: 2em;
}
.customized-txt-remove .remove-icon {
  position: absolute;
  right: 0;
  top: 0.5em;
}

.approved-logo-wrapper .twitter-typeahead {
  padding: 12px;
}

/*menus*/
[data-menu-parent] [data-menu=heading] {
  display: block;
  position: relative;
  padding: 0.25em;
  overflow: hidden;
  cursor: pointer;
}
[data-menu-parent] [data-menu=heading]:hover, [data-menu-parent] [data-menu=heading]:focus {
  color: #F44719;
}
[data-menu-parent] [data-menu-child] {
  position: absolute;
  z-index: 2;
  margin-top: -1px;
  border: 1px solid rgba(239.0217391304, 239.0217391304, 239.1739130435, 0.825);
  padding: 0;
  background: #FFF;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.16);
  opacity: 0;
  visibility: hidden;
  transition: all 0.12s ease-in;
  transition-delay: 0.1s;
}
@media only screen and (max-width: 640px) {
  [data-menu-parent] [data-menu-child] {
    padding: 0;
  }
}
[data-menu-parent].menu-open > [data-menu=heading] {
  color: #F44719 !important;
}
[data-menu-parent].menu-open > [data-menu=heading]::after {
  opacity: 1;
  visibility: visible;
  transition: none;
  transition-delay: 0s;
}
[data-menu-parent].menu-open > .menu-child {
  opacity: 1;
  visibility: visible;
  transition: none;
  transition-delay: 0s;
}

/*mini cart*/
#miniCartViewer {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  height: 100vh;
  height: 100dvh;
  width: 100%;
  max-width: 24em;
  border-left: 1px solid rgb(221, 221, 221);
  padding: 1.5em;
  background: rgb(255, 255, 255);
  transform: translateX(100%);
  transition: transform 0.35s ease-in;
}
@media only screen and (min-width: 640px) {
  #miniCartViewer {
    padding: 1.5em 0 1.5em 1.5em;
  }
  #miniCartViewer #closeMiniCart {
    margin-right: 1em;
  }
}
#miniCartViewer.active {
  transform: translateX(0);
}
#miniCartViewer h2 {
  line-height: 1.8;
  font-size: 1.5em;
}
#miniCartViewer #miniCartContent {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "miniCartSummary" "miniCartListing" "miniCartCTA";
  grid-template-rows: auto 1fr 9em;
}
#miniCartViewer .loader {
  height: 100%;
  width: 100%;
  min-height: 24em;
  max-width: 8em;
  margin: 0 auto;
  background: var(--loading-animation-file-path) center center no-repeat;
}
#miniCartViewer .cart-summary-table {
  width: 100%;
}
#miniCartViewer .cart-summary-table td, #miniCartViewer .cart-summary-table th {
  padding: 0.25em;
}
#miniCartViewer .cart-summary-value {
  text-align: right;
}
#miniCartViewer .order-total {
  font-weight: 600;
}
#miniCartViewer #miniCartSummary {
  grid-area: miniCartSummary;
  padding-right: 1.5em;
  border-bottom: 1px solid rgb(221, 221, 221);
}
#miniCartViewer #miniCartListing {
  grid-area: miniCartListing;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}
#miniCartViewer #miniCartListing > li {
  padding: 0.125em 1.5em 0.125em 0.125em;
  list-style: none;
}
#miniCartViewer #miniCartListing .item-description {
  padding: 0 0 0 0.5em;
}
#miniCartViewer #miniCartListing .cart-item-name {
  font-weight: 600;
  padding: 0 0 0.5em 0;
}
#miniCartViewer #miniCartListing .cart-item-name a {
  color: rgb(0, 0, 0);
}
#miniCartViewer #miniCartListing .cart-item-size {
  font-weight: 500;
}
#miniCartViewer #miniCartListing .cart-item-price {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgb(221, 221, 221);
  padding: 0.25em 1em 0 0;
  font-weight: 600;
}
#miniCartViewer #miniCartCTA {
  grid-area: miniCartCTA;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  border-top: 1px solid rgb(221, 221, 221);
}
#miniCartViewer #miniCartCTA > .btn {
  width: 100%;
  margin: 0 0 1em;
}
#miniCartViewer .edit-remove-links {
  display: flex;
  justify-content: space-between;
}
#miniCartViewer .edit-remove-links a, #miniCartViewer .edit-remove-links [data-action=removeCartItem] {
  display: flex;
  background: none;
  border: none;
  color: rgb(0, 0, 0);
  font-weight: 400;
}
#miniCartViewer .cart-item {
  border-bottom: 1px solid rgb(221, 221, 221);
}
#miniCartViewer .cart-item-wrapper {
  display: flex;
  padding: 1em 0;
}
#miniCartViewer .cart-item-wrapper .item-image img {
  max-width: 9em;
}
#miniCartViewer .cart-item-wrapper .item-description > li {
  list-style: none;
}
#miniCartViewer .item-size-group {
  border-top: 1px solid rgb(247, 247, 247);
}
#miniCartViewer .item-size-group ul {
  padding: 0.25em 0;
}
#miniCartViewer .item-size-group li {
  list-style: none;
}

#miniCartListing button[data-action=removeCartItem] {
  visibility: hidden;
}

.owl-carousel {
  width: calc(100% - 8em);
  max-width: 90em;
  margin: 0 auto;
}

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

.owl-controls {
  position: absolute;
  top: calc(50% - 2em);
  left: 0;
  width: 100%;
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.owl-controls .owl-prev {
  left: -1em;
  position: absolute;
  font-size: 2em;
}
.owl-controls .owl-prev:before {
  content: none;
}
.owl-controls .owl-next {
  right: -1em;
  position: absolute;
  font-size: 2em;
}
.owl-controls .owl-next:before {
  content: none;
}

#breadCrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 0.5em;
  font-size: 0.96em;
}
#breadCrumb #breadcrumb-productname {
  display: none;
}
#breadCrumb > a, #breadCrumb > strong {
  padding: 0 0.5em;
}
#breadCrumb > a:first-of-type {
  padding-left: 0;
}
#breadcrumb .active {
  color: #000;
}

#product-list-wrapper aside.sidebar-facets {
  /*        z-index: 0;
  min-width: auto;
  max-height: 600px;
  overflow: visible;
  white-space: nowrap;*/
}
#product-list-wrapper aside.sidebar-facets h2 .material-icons, #product-list-wrapper aside.sidebar-facets h3 .material-icons {
  font-size: inherit;
  line-height: 1em;
}
#product-list-wrapper aside.sidebar-facets h2 {
  font-size: 1.125rem;
}
#product-list-wrapper aside.sidebar-facets h3 {
  font-size: 1rem;
}
#product-list-wrapper aside.sidebar-facets .panel-heading {
  padding: 0.25rem 0 0.25rem 0;
}
#product-list-wrapper aside.sidebar-facets .panel-body {
  padding: 0 1em 0 0;
}
#product-list-wrapper aside.sidebar-facets .panel-search-categories #sidebar-subcategories {
  margin-left: 0;
}
#product-list-wrapper aside.sidebar-facets #sidebar-subcategories {
  padding: 0 0 1rem 0;
  margin-right: 0;
}
#product-list-wrapper aside.sidebar-facets #sidebar-subcategories li {
  padding: 0 1rem 0 0;
  margin-right: 1rem;
  font-weight: 500;
}
#product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a {
  display: inline-block;
  width: 100%;
  color: rgb(0, 0, 0);
}
#product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a:hover, #product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a:focus, #product-list-wrapper aside.sidebar-facets #sidebar-subcategories li a:active {
  color: rgb(204, 0, 0);
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel {
  box-shadow: none;
  -webkit-box-shadow: none;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel .accordion-trigger {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  overflow: hidden;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel .accordion-panel {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: all 0.5s ease-out;
  transition-delay: 0;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel .accordion-panel .input-checkbox_container .input-checkbox {
  visibility: hidden;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel.active .accordion-trigger .material-icons {
  transform: rotate(180deg);
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel.active .accordion-panel {
  max-height: 90rem;
  visibility: visible;
  overflow: hidden;
  overflow-y: auto;
  transition: all 0.5s ease-out;
  transition-delay: 0;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel.active .accordion-panel .input-checkbox_container .input-checkbox {
  visibility: visible;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel.panel-add-filters .filter-item {
  cursor: pointer;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel.panel-add-filters .filter-item :hover {
  color: rgb(204, 0, 0);
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel .truncate li.input-checkbox_container {
  display: none;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel .truncate li.input-checkbox_container:nth-child(-n+10) {
  display: block;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show {
  display: none;
  padding-top: 0.5rem;
  cursor: pointer;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show.active {
  display: block;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show:hover, #product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show:focus {
  color: rgb(204, 0, 0);
}
#product-list-wrapper aside.sidebar-facets #filter-panel .panel li.filters-show .material-icons {
  padding-right: 0.5rem;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list {
  padding: 0 !important;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list li.input-checkbox_container {
  margin: 0;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list .styled-input input {
  cursor: pointer;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list .styled-input .input-checkbox_label {
  display: flex;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list label {
  display: inline-block;
  margin: 0.25em 0;
  font-weight: 500;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list label sup {
  font-weight: 800;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list .filter-item {
  display: flex;
  align-items: center;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list .filter-item.filtered {
  justify-content: space-between;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-list .filter-item.filtered .filtered-remove {
  cursor: pointer;
}
#product-list-wrapper aside.sidebar-facets #filter-panel .filter-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #product-list-wrapper aside.sidebar-facets {
    display: block;
    padding-right: 1rem;
    margin-right: 1rem;
  }
  #product-list-wrapper aside.sidebar-facets ul#sidebar-subcategories {
    display: block;
    padding: 0;
    list-style: none;
    margin-bottom: 2.5rem;
  }
  #product-list-wrapper aside.sidebar-facets ul#sidebar-subcategories li {
    margin: 0.25em 0;
    border: none;
    padding: 0;
  }
}

#active-filters-list {
  margin-bottom: 1rem;
  padding: 1rem 1rem 0.5rem 1rem;
  background-color: rgb(247, 247, 247);
}
#active-filters-list .panel-heading-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
#active-filters-list .panel-heading-container h3 {
  font-size: 1em;
}
#active-filters-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
}
#active-filters-list ul li {
  margin: 0 0.25rem 0.25rem 0;
  padding: 0 0.5rem 0 1rem;
  background-color: #fff;
  border-radius: 2rem;
  white-space: nowrap;
}
#active-filters-list ul li span {
  padding: 0.25rem;
  vertical-align: middle;
}
#active-filters-list ul li .filter-item-value {
  font-weight: bold;
}
#active-filters-list ul li .filtered-remove {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid rgb(247, 247, 247);
  cursor: pointer;
}

.form-group {
  position: relative;
  margin-bottom: 15px;
}
.form-group.form-group-cta {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .form-group-split {
    display: flex;
    justify-content: space-between;
  }
  .form-group-split .form-group {
    width: calc(50% - 0.5rem);
  }
}
.form-item {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.data-capture-section {
  padding-bottom: 1em;
}

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

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

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

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(202, 202, 202);
}

::-moz-placeholder { /* Firefox 19+ */
  color: rgb(202, 202, 202);
}

:-ms-input-placeholder { /* IE 10+ */
  color: rgb(202, 202, 202);
}

:-moz-placeholder { /* Firefox 18- */
  color: rgb(202, 202, 202);
}

:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(255, 255, 255);
}

:focus::-moz-placeholder { /* Firefox 19+ */
  color: rgb(255, 255, 255);
}

:focus:-ms-input-placeholder { /* IE 10+ */
  color: rgb(255, 255, 255);
}

:focus:-moz-placeholder { /* Firefox 18- */
  color: rgb(255, 255, 255);
}

.register-container .left-inner-icon, #loginForm .left-inner-icon {
  position: relative;
}
.register-container .left-inner-icon input, #loginForm .left-inner-icon input {
  padding-left: 36px;
}
.register-container .left-inner-icon i, #loginForm .left-inner-icon i {
  position: absolute;
  padding: 18px 14px;
  height: 34px;
  top: 0;
  pointer-events: none;
  line-height: 4px;
}

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

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

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

a .hot-tag-description {
  color: rgb(0, 0, 0);
}

.hot-tags-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
}

.hot-tag-6 {
  display: flex;
}
.hot-tag-6 img {
  width: 35px;
  height: auto;
  margin-right: 7px;
  margin-left: 7px;
}

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

.name-hot-tag {
  min-height: 50px;
}
.name-hot-tag .hot-tag-4 {
  position: absolute;
}

.price-hot-tag {
  min-height: 50px;
  margin-top: 30px;
}
.price-hot-tag .hot-tag-6 {
  position: absolute;
}

.hot-tag-2 > div {
  position: relative;
}
.hot-tag-2 .hot-tag-default .hot-tag-description {
  left: -200px;
}
.hot-tag-2 .hot-tag-default .hot-tag-description::after {
  top: -0.5em;
  left: calc(50% + 6.5em);
}

.plp-product-name {
  min-height: 50px;
}
.plp-product-name .hot-tag-4 {
  position: absolute;
}
.plp-product-name .hot-tag-4 .hot-tag-default .hot-tag-description {
  left: -10px;
}
.plp-product-name .hot-tag-4 .hot-tag-default .hot-tag-description::after {
  left: calc(50% - 7.5em);
}

.plp-product-price {
  min-height: 50px;
}
.plp-product-price .hot-tag {
  position: absolute;
  font-weight: 300;
}
.plp-product-price .hot-tag .hot-tag-default .hot-tag-description {
  left: -10px;
}
.plp-product-price .hot-tag .hot-tag-default .hot-tag-description::after {
  left: calc(50% - 7.5em);
}

@media only screen and (max-width: 778px) {
  .name-hot-tag .hot-tag-default .hot-tag-description:after, .price-hot-tag .hot-tag-default .hot-tag-description:after {
    left: calc(50% - 9.5em);
  }
  .name-hot-tag .hot-tag-default .hot-tag-description, .price-hot-tag .hot-tag-default .hot-tag-description {
    width: 330px;
    left: 10px;
  }
  .hot-tag-2 .hot-tag-default .hot-tag-description {
    left: -275px;
  }
}
.product-item {
  /*.loader_plp{
      min-height:200px; <- causes distorted images on Product List pages
  }*/
}
.product-item .product-main-view {
  width: 230px;
  margin: 0 auto 1em auto;
  max-height: 100%;
  min-height: 1px;
}

.product-tile {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 1rem 1rem 2.5rem 1rem;
}
.product-tile .product-price, .product-tile .product-was-price, .product-tile .product-minimum-quantity, .product-tile .product-color-swatches, .product-tile .linkProductURL h4 {
  padding-left: 0.5em;
}
.product-tile .product-was-price {
  display: flex;
  margin: auto;
  color: rgb(77, 77, 79);
  align-items: flex-start;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 300;
}
.product-tile img.product-main-view {
  max-width: 250px;
  margin: 0 auto;
}
.product-tile .linkProductURL:focus-within h4 {
  color: rgb(255, 105, 60);
}
.product-tile .linkProductURL h4 {
  color: rgb(0, 0, 0);
  height: 3.25em;
  overflow: hidden;
  font-weight: 400;
  word-break: break-word;
}
.product-tile .product-image {
  position: relative;
  margin: 0 0 1em 0;
  border: 1px solid rgba(150, 150, 151, 0.5);
  border-radius: 0.5em;
  overflow: hidden;
  text-align: center;
}
.product-tile .product-image:focus-within {
  box-shadow: 0em 0em 0.5em rgba(255, 105, 60, 0.25);
}
.product-tile .product-minimum-quantity {
  /*display: none;*/
}
.product-tile.quick-ship .linkProductURL {
  display: inline-block;
  position: relative;
}
.product-tile.quick-ship .linkProductURL h4 {
  padding-left: 2em;
}
.product-tile.quick-ship .linkProductURL .quick-ship-icon.has-tooltip {
  position: absolute;
  top: 0;
  left: 0;
}
.product-tile.quick-ship .linkProductURL .quick-ship-icon.has-tooltip .tooltip {
  left: 0;
  right: unset;
}
.product-tile.quick-ship .linkProductURL .quick-ship-icon.has-tooltip .tooltip:after {
  left: 1.25em;
}

.product-color-swatches {
  position: relative;
  padding: 0.5em 0;
}
.product-color-swatches .plp-swatch-count {
  display: none;
}

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

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

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

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

.product-tile-cta {
  position: absolute;
  bottom: 0;
}

#SizingChart {
  overflow: auto;
}

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

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

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

.size-guide-popup {
  max-width: 40em;
  margin: 5em auto;
}

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

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

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

.delivery-date {
  position: relative;
  margin: 0.5em 0 0 0;
  padding-right: 8em;
  line-height: 2em;
}
.delivery-date .delivery-date-date {
  font-weight: normal;
}

#delivery-date-label {
  font-size: 0.9em;
  line-height: 1.25em;
}

#customer-service-number a {
  display: inline-block;
  color: rgb(27, 108, 224);
}

#calendar-button {
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 0;
}
#calendar-button .material-icons {
  width: 1em;
  overflow: hidden;
  direction: rtl;
  transition: transform 0.25s ease-out;
}
#calendar-button.active .icon-chevron {
  transform: rotate(-180deg);
}

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

.deliverySlideIn {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  border: 1px solid transparent;
  transition: max-height 0.75s ease-out, opacity 0.5s ease-in-out, border 0.5s;
}
.deliverySlideIn.active {
  max-height: 47em;
  opacity: 1;
  border-top: 1px solid rgba(150, 150, 151, 0.5);
}
.deliverySlideIn .ui-datepicker-title {
  font-weight: bold;
}
.deliverySlideIn .date-today a {
  color: #000;
  border: 1px solid rgb(21, 131, 193);
}
.deliverySlideIn th {
  font-size: 0.85em;
}
.deliverySlideIn .date-approval a {
  background-color: #f3a435;
  color: rgb(0, 0, 0);
}
.deliverySlideIn .date-production a {
  background-color: rgba(21, 131, 193, 0.3);
  color: rgb(77, 77, 79);
}
.deliverySlideIn .date-production.ui-datepicker-week-end a {
  color: rgb(255, 255, 255);
}
.deliverySlideIn .date-shipping a {
  background-color: rgba(21, 131, 193, 0.6);
  color: rgb(255, 255, 255);
}
.deliverySlideIn .date-holiday a {
  background-color: #cd2123;
  color: rgb(255, 255, 255);
}
.deliverySlideIn .date-delivery a {
  background-color: rgb(21, 131, 193);
  color: #fff;
  font-weight: bold;
}
.deliverySlideIn .ui-datepicker-week-end a {
  color: rgb(221, 221, 221);
}
.deliverySlideIn .ui-state-disabled,
.deliverySlideIn .ui-widget-content .ui-state-disabled,
.deliverySlideIn .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}
.deliverySlideIn .ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

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

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

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

#delivery-legend {
  padding: 0;
  font-size: 0.8em;
}
#delivery-legend * {
  vertical-align: text-top;
}
#delivery-legend li {
  display: inline-block;
  margin-right: 1em;
}
#delivery-legend li a {
  display: inline-block;
  width: 1em;
  height: 1em;
}

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

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

#layout-footer #consent_blackbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  color: rgb(0, 0, 0);
  line-height: 125%;
  border-top: 1px solid rgb(247, 247, 247);
}
#layout-footer #consent_blackbar #truste-consent-track {
  border: 0 none !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-text, #layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons a, #layout-footer #consent_blackbar #truste-consent-track #truste-show-consent {
  color: rgb(0, 0, 0) !important;
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-text, #layout-footer #consent_blackbar #truste-consent-track #truste-consent-button, #layout-footer #consent_blackbar #truste-consent-track #truste-show-consent, #layout-footer #consent_blackbar #truste-consent-track #truste-cookie-button {
  font-family: inherit;
  font-size: inherit;
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-text {
  display: block;
  float: none !important;
  width: 100%;
  margin: 1rem 1rem 0 1rem;
}
@media screen and (max-width: 640px) {
  #layout-footer #consent_blackbar #truste-consent-track #truste-consent-text {
    margin-top: 0.5rem;
  }
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 0.5rem 1rem;
}
@media screen and (max-width: 640px) {
  #layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons {
    margin-top: 0;
  }
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons #truste-show-consent, #layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons #truste-cookie-button {
  padding: 0.5rem 1rem !important;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons #truste-show-consent, #layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons #truste-cookie-button {
    padding: 0.5rem 0.5rem !important;
    white-space: initial;
  }
}
#layout-footer #consent_blackbar #truste-consent-track #truste-consent-buttons #truste-consent-button {
  float: none !important;
  width: auto;
  max-height: 2.5rem;
  padding: 0.5em 1.25em !important;
  white-space: nowrap;
  background-color: rgb(255, 255, 255) !important;
  color: rgb(255, 105, 60) !important;
  border: 1px solid rgb(255, 105, 60) !important;
}
@media screen and (max-width: 640px) {
  #layout-footer #consent_blackbar #truste-consent-track .truste-messageColumn {
    margin-bottom: 0;
  }
}

.spp-modal-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  z-index: 9;
}

.spp-modal {
  width: 100%;
  max-width: 42em;
  margin: 1em;
  padding: 1em;
  background: rgb(255, 255, 255);
  border-radius: 0.75em;
}
.spp-modal .btn-tertiary.close {
  padding: 0;
  color: rgb(0, 0, 0);
}

.spp-modal-content {
  padding: 1em 0 0 0;
}

.spp-modal-cta {
  display: flex;
  justify-content: flex-end;
  margin: 1em 0 0 0;
}
.spp-modal-cta button:last-child {
  margin-left: 1em;
}

.ui-dialog {
  z-index: 99;
  padding: 1rem;
  border: 1px solid rgba(150, 150, 151, 0.5);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 5px rgb(221, 221, 221);
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 1.75em;
  line-height: 1.2em;
  font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  color: rgb(77, 77, 79);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  content: "\e5cd";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  text-decoration: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  color: rgb(0, 0, 0);
  box-shadow: none;
  outline: none;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(150, 150, 151, 0.25);
}

body > header {
  position: relative;
  z-index: 2;
  background-color: rgb(255, 255, 255);
}

#desktop-search {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
#desktop-search > z-widget {
  max-width: 90%;
}
@media only screen and (min-width: 1066px) {
  #desktop-search > z-widget {
    max-width: 28em;
  }
}
#desktop-search * {
  vertical-align: middle;
}
#desktop-search button {
  height: 100%;
  margin: 0;
  padding: 0.5rem 0 0.5rem 0.25rem;
}
#desktop-search .tt-dropdown-menu {
  width: calc(100% + 2rem);
  margin-left: 0px;
}
#desktop-search .tt-dataset-autos {
  text-align: left;
}

#header-logo {
  min-width: 2em;
}
@media only screen and (max-width: 419px) {
  #header-logo {
    position: absolute;
    width: 10%;
  }
}
#header-logo svg {
  width: 100%;
}
#header-logo .mobile {
  display: block;
  max-width: 2.5em;
}
@media only screen and (min-width: 1066px) {
  #header-logo .mobile {
    display: none;
  }
}
#header-logo .desktop {
  display: none;
  width: 12em;
}
@media only screen and (min-width: 1066px) {
  #header-logo .desktop {
    display: block;
  }
}

#header-container {
  /*    .link-log-in {

      @media (pointer: coarse) {
          display: none !important;
      }
  }*/
}
#header-container a {
  color: rgb(0, 0, 0);
}
#header-container a:hover, #header-container a:focus {
  color: rgb(255, 105, 60);
}
#header-container li {
  list-style: none;
}
#header-container .link-group {
  margin: 0;
  padding: 0 0 0 1em;
}
@media only screen and (min-width: 640px) {
  #header-container .link-group {
    display: flex;
  }
  #header-container .link-group li {
    margin-left: 2em;
  }
}
#header-container .header-top-links-text {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1066px) {
  #header-container .header-top-links-text {
    display: flex;
  }
  #header-container .header-top-links-text > li {
    margin-left: 2em;
  }
}
#header-container .header-phone-number-text {
  margin: 0;
}
@media only screen and (min-width: 420px) {
  #header-container #locale-header.empty {
    display: none;
  }
}
@media only screen and (max-width: 419px) {
  #header-container #locale-header {
    order: -1;
    min-width: calc(50% - 2em);
  }
  #header-container #locale-header .dropdown-menu {
    left: 0;
  }
}
#header-container #locale-header .locale-drowdown {
  width: 2.65em;
}
#header-container #locale-header .locale-drowdown .dropdown-menu {
  padding-left: 1em;
}
#header-container #locale-header .locale-drowdown li {
  list-style: none;
}
#header-container #locale-header .locale-drowdown li a {
  padding: 0.25em 0;
  display: inline-block;
  font-weight: 600;
}
#header-container #locale-header .dropdown-toggle {
  font-family: "SalmonSalmon-custom";
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8em;
  display: block;
  cursor: pointer;
  padding: 0.25em;
}
#header-container #locale-header .select-container::after, #header-container #locale-header .dropdown::after {
  top: 0;
  right: 0;
  font-size: 1em;
}
#header-container #header-account {
  text-align: unset;
}
@media only screen and (pointer: fine) {
  #header-container #header-account {
    /*            .tooltip {
        right: -.6em;
    }*/
  }
  #header-container #header-account:hover {
    padding: 0 0 2.25rem 2.25rem;
    margin-bottom: -2.25rem;
    margin-left: -1.25rem;
  }
}
#header-container #header-account .login-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#header-container #header-account #account-dropdown-info {
  margin: 0.5rem -1rem -0.5rem -1rem;
  padding: 1rem;
  background-color: rgb(247, 247, 247);
}
#header-container #header-account .tooltip {
  z-index: 9;
}
#header-container #header-account .tooltip a {
  min-width: 8.95em;
  padding: 0.5em 0;
  display: flex;
  align-items: center;
}
#header-container #header-account .tooltip span.material-icons {
  padding-right: 0.25em;
}
#header-container .logged-in-account-link::before {
  content: "";
  display: block;
  position: absolute;
  right: 0.5em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  transform-origin: center;
  opacity: 1;
  transform: scale(0.001);
  transition: transform 0.75s, opacity 0.5s;
  transition-delay: 1s;
  pointer-events: none;
}
#header-container .logged-in-account-link.blip {
  animation: jiggle 0.25s 0.25s;
  animation-iteration-count: 2;
}
#header-container .logged-in-account-link.blip::before {
  background: radial-gradient(circle, rgba(244, 71, 25, 0.3113620448) 0%, rgb(244, 71, 25) 93%, rgba(244, 71, 25, 0.2049194678) 100%);
  /*animation: blip 1.5s .5s;
  animation-iteration-count: 2;*/
}
#header-container .logged-in-account-link > span.salmons-icons {
  min-width: 1em;
}
#header-container #header-cart #global-header-cart-quantity {
  display: none;
}
#header-container #header-cart #global-header-cart-quantity.hasItem {
  display: inline;
}
#header-container #header-cart .header-cart.hasItem .headerQuantity, #header-container #header-cart .header-cart.hasItem .combinedHeaderQuantity {
  display: block;
  position: absolute;
  z-index: 1;
  right: -5px;
  top: -5px;
  overflow: hidden;
  height: 2em;
  width: 2em;
  line-height: 2em;
  vertical-align: middle;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
  border-radius: 15px;
  font-size: 10px;
  text-align: center;
}
#header-container #header-cart .tooltip {
  right: -0.5rem;
}
#header-container #header-cart .tooltip::after {
  right: 0.5rem;
}
#header-container #header-cart #header-cart-icon {
  display: flex;
  align-items: center;
}
#header-container #header-cart #header-cart-icon::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  content: "shopping_cart";
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.35);
    opacity: 0;
  }
  100% {
    transform: scale(0.95);
    opacity: 1;
  }
}
#header-container #header-cart .hasItem #header-cart-icon::before {
  color: rgb(255, 105, 60);
  animation: pulse 1250ms 0.35s;
}
#header-container #header-cart .hasItem #header-cart-icon::before {
  /*color: $primaryColor;*/
  font-family: "SalmonSalmon-custom";
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "cart-filled";
}
#header-container .service-nav-item {
  min-height: 1.25em;
  margin-left: 1rem;
  white-space: nowrap;
}
#header-container .has-tooltip {
  position: relative;
  bottom: 0;
  right: 0;
  text-align: right;
}
#header-container .tooltip {
  top: 2em;
  right: -1em;
  width: auto;
  margin-top: 0;
  padding: 0.5rem 1rem;
  text-align: left;
}
#header-container .tooltip a {
  display: inline-block;
  text-transform: none;
}
#header-container .tooltip ul {
  padding: 0;
}

#header-upper {
  width: calc(100% - 2em);
  max-width: 90rem;
  margin: 0 auto;
  padding: 1em 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
@media only screen and (min-width: 420px) {
  #header-upper {
    align-items: center;
  }
}
@media only screen and (min-width: 640px) {
  #header-upper {
    display: grid;
    grid-template-columns: auto auto 1fr auto auto auto;
  }
}
#header-upper > z-widget {
  display: none;
}
#header-upper #global-header-search-icon-mobile {
  background: transparent;
}

#header-lower {
  background: rgb(247, 247, 247);
}
#header-lower .width-cap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  min-height: 3em;
}
@media only screen and (min-width: 420px) {
  #header-lower .width-cap {
    width: calc(100% - 2em);
    max-width: 90rem;
  }
}
#header-lower .no-mobile {
  display: none;
}
@media only screen and (min-width: 640px) {
  #header-lower .no-mobile {
    display: block;
  }
}

#mobile-search {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  #mobile-search {
    display: none;
  }
}
#mobile-search input {
  border: transparent;
  background: transparent;
  padding: 0.5em 3em 0.5em 1em;
}

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

#skip-to-main:focus {
  transform: translateY(0);
}

.search-widget form {
  /*display: flex;
  align-items: center;*/
  position: relative;
}
.search-widget form .twitter-typeahead {
  width: 100%;
  display: inline-block;
}
.search-widget form input {
  margin: 0;
  padding-right: 2em;
}
.search-widget button.btn-tertiary {
  position: absolute;
  right: 1em;
  padding: 0;
  color: rgb(77, 77, 79);
}

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

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

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

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

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

.search-result-wrapper-left-single {
  left: 0;
}

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

@media screen and (max-width: 1024px) {
  .customize-search-box .search-result-wrapper {
    left: 0;
    top: 110%;
  }
}
@media screen and (max-width: 769px) {
  .customize-search-box .search-result-wrapper {
    flex-wrap: wrap;
  }
  .customize-search-box .search-result-wrapper .typeahead-results-wrapper .tt-dropdown-menu {
    margin: 0px;
  }
}
@media screen and (min-width: 1910px) and (max-width: 1920px) {
  .customize-search-box .search-result-wrapper {
    width: 465px;
  }
}
a.category-heading.hasSub {
  pointer-events: none;
}

@media only screen and (max-width: 419px) {
  #primary-links {
    order: -1;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1065px) {
  #primary-links.menu-open .primary-links[data-menu-child=primary-links] {
    transform: translateX(0);
  }
  #primary-links.menu-open #header-mobile-menu-toggle > span::before {
    content: "close";
  }
  #primary-links.menu-open.submenu-open .primary-links[data-menu-child=primary-links] {
    transform: translateX(-100%);
  }
  #primary-links .header-top-links-text {
    margin-top: -1.5em;
  }
}
#primary-links #header-mobile-menu-toggle {
  display: inline-block;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 2em;
}
#primary-links #header-mobile-menu-toggle > span::before {
  display: block;
  content: "menu";
}
@media only screen and (min-width: 420px) {
  #primary-links #header-mobile-menu-toggle {
    padding: 0 1rem 1rem;
    margin-bottom: -1rem;
  }
}
#primary-links .primary-links[data-menu-child=primary-links] {
  width: 100%;
}
@media only screen and (max-width: 1065px) {
  #primary-links .primary-links[data-menu-child=primary-links] {
    position: absolute;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.35s;
  }
}
@media only screen and (min-width: 1066px) {
  #primary-links .primary-links[data-menu-child=primary-links] {
    position: static;
    display: flex;
  }
}
#primary-links a {
  display: inline-block;
  padding: 0.5rem;
  font-weight: 600;
}
@media only screen and (pointer: coarse) {
  #primary-links a[data-menu=heading] {
    width: 100%;
    pointer-events: none;
  }
}
@media only screen and (min-width: 1066px) {
  #primary-links a {
    font-size: 1.12em;
  }
}
#primary-links > .menu-child {
  margin-top: 4em;
}
@media only screen and (min-width: 1066px) {
  #primary-links > .menu-child {
    /* Rules to overwrite the added class 'menu-child'. #primary-link is only a menu on mobile. */
    align-items: center;
    margin-top: 0;
    border: 0 none;
    padding: 0 1em;
    background: transparent none;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    /* End rules to overwrite the added class 'menu-child'. #primary-link is only a menu on mobile. */
  }
}
#primary-links > .menu-child a {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1065px) {
  #primary-links > .menu-child a {
    width: 100%;
    max-height: 2.5em;
    margin: 0;
    border-top: 1px solid #EEE;
    font-weight: initial;
  }
}
@media only screen and (min-width: 1066px) {
  #primary-links .primary-link {
    margin-left: 1em;
    padding: 1em 0;
    font-weight: 600;
  }
}

#category-links {
  margin: 0;
  padding: 0;
}
@media (pointer: coarse) {
  #category-links {
    width: 100%;
  }
}
@media only screen and (min-width: 1066px) {
  #category-links {
    width: auto;
    margin-left: 2em;
  }
}
#category-links li[data-menu-parent=giga-menu] > a {
  font-weight: 600;
}
#category-links li[data-menu-parent=giga-menu] .giga-menu-container {
  position: absolute;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1065px) {
  #category-links li[data-menu-parent=giga-menu] .giga-menu-container {
    top: 0;
    transform: translateX(-100%);
    transition: all 0.35s;
  }
}
@media only screen and (min-width: 1066px) {
  #category-links li[data-menu-parent=giga-menu] .giga-menu-container {
    width: calc(100% + 0.5em);
    left: -0.5em;
    margin-top: calc(3.75em + 1px);
    border: none;
    padding: 1em 0 0;
    background: none;
  }
}
@media only screen and (max-width: 1065px) {
  #category-links li[data-menu-parent=giga-menu].menu-open .giga-menu-container {
    transform: translateX(0);
  }
  #category-links li[data-menu-parent=giga-menu].submenu-open .giga-menu-container {
    transform: translateX(-100%);
  }
}
@media only screen and (min-width: 1066px) {
  #category-links li[data-menu-parent=giga-menu] .giga-menu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid rgb(247, 247, 247);
    padding: 1em 0;
    background: rgb(255, 255, 255);
    font-weight: 400;
  }
  #category-links li[data-menu-parent=giga-menu] .giga-menu .category-heading {
    font-size: 1.12em;
  }
  #category-links li[data-menu-parent=giga-menu] .width-cap {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
  }
  #category-links li[data-menu-parent=giga-menu] .width-cap > ul.second-level {
    column-count: 4;
    width: calc(100% - 2em);
    margin: 0 auto;
    text-align: left;
  }
  #category-links li[data-menu-parent=giga-menu] .width-cap > ul.second-level > li {
    display: flex;
    width: 100%;
    min-width: 12em;
    overflow: hidden;
  }
  #category-links li[data-menu-parent=giga-menu] .itemLevel3 > a {
    padding: 0 0 0.5em 0.5em;
    font-weight: 500;
    line-height: 1.2em;
  }
}
#category-links li[data-menu-parent=giga-menu] ul {
  padding: 0;
}
#category-links > [data-menu-parent] {
  width: 100%;
}
@media only screen and (min-width: 1066px) {
  #category-links > [data-menu-parent] {
    display: flex;
  }
}
#category-links > [data-menu-parent].menu-open [data-menu=heading] .chevron {
  transform: rotate(0deg);
}
#category-links > [data-menu-parent] [data-menu=heading] {
  padding-right: 1.5em;
}
@media only screen and (min-width: 1066px) {
  #category-links > [data-menu-parent] [data-menu=heading]::after {
    display: none;
  }
}
#category-links > [data-menu-parent] [data-menu=heading] .chevron {
  transform: rotate(-90deg);
  transition: transform 0.25s ease-out;
}
#category-links > li > a {
  display: block;
  overflow: hidden;
}
#category-links .mobile-menu-shop-all-link a {
  font-weight: 600;
  font-size: 1.12em;
}
#category-links .desktop-menu-shop-all-link.desktop-only > z-widget {
  width: auto;
}
#category-links .desktop-menu-shop-all-link.desktop-only a.btn {
  width: auto;
  justify-content: center;
}
#category-links .category-back-link > button {
  display: flex;
  padding: 0.5em 0;
}
#category-links .category-sub-links > ul {
  opacity: 1;
  display: block;
}
@media only screen and (max-width: 1065px) {
  #category-links .category-sub-links.submenu-open > ul {
    transform: translate(100%, 0);
  }
  #category-links .category-sub-links > ul {
    position: absolute;
    top: 0;
    width: 100vw;
    max-height: initial !important;
    overflow: auto !important;
    transition: all 0.35s !important;
    background: rgb(255, 255, 255);
    transform: translate(-100%, 0);
  }
  #category-links .category-sub-links > a::after {
    max-height: 2em;
    content: "chevron_right";
    display: inline-block;
    padding-left: 0.75em;
    font-family: "Material Icons Outlined";
  }
}
#category-links .category-sub-links .category-sub-title a {
  font-size: 1.12em;
  font-weight: 600;
}

footer {
  background: rgb(247, 247, 247);
}
footer .footer-h2 {
  color: rgb(0, 0, 0);
  font-size: 1.2rem;
}
footer .footer-container {
  width: calc(100% - 2em);
  max-width: 90rem;
  margin: 0 auto;
  padding: 3em 0;
}
footer .footer-row {
  display: flex;
  flex-direction: column;
}
footer .footer-row .footer-right-content {
  order: -1;
}
@media screen and (min-width: 768px) {
  footer .footer-row {
    flex-direction: row;
    justify-content: space-between;
  }
  footer .footer-row .footer-right-content {
    order: initial;
  }
}
footer .footer-newsletter {
  max-width: 38em;
  text-align: left;
  /* Hides Marketo label (required in markup for ADA) */
}
footer .footer-newsletter .newsletter-subscribe-copy {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.25em;
}
footer .footer-newsletter .newsLetter label#LblEmail {
  display: none;
}
footer .footer-newsletter .mktoForm {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
footer .footer-newsletter .mktoForm input#Email {
  width: 100% !important;
}
@media screen and (max-width: 640px) {
  footer .footer-newsletter .mktoForm input#Email {
    min-width: 13.5em;
  }
}
footer .footer-newsletter .mktoFormCol {
  margin-bottom: 0;
}
footer .footer-newsletter .mktoHasWidth {
  margin: 0;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  footer .footer-newsletter .mktoHasWidth {
    min-width: 24em;
  }
}
footer .footer-newsletter button {
  min-width: 7em;
  margin: 0 1em;
  padding: 0.5em 1em;
}

#footer-bottom-content {
  display: flex;
  align-items: flex-end;
  padding-top: 1em;
}
@media screen and (min-width: 768px) {
  #footer-bottom-content {
    align-items: flex-start;
    padding-top: 2em;
  }
}
#footer-bottom-content a {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}

#survey-bar {
  padding: 2em 1em 3em 1em;
  text-align: center;
  background: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
}
#survey-bar button {
  width: auto;
  background: transparent;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

#accessiBe-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  width: 2em;
  margin: 0 1em 0 2em;
  font-size: 1.25em;
  background: rgb(27, 108, 224);
  color: rgb(255, 255, 255);
  border-radius: 50%;
}

.footer-brand img.logo {
  margin: 0 0 1em 0;
}
.footer-brand .brand-subtext {
  max-width: 18em;
  font-size: 1.5em;
  line-height: normal;
  font-weight: 600;
  color: rgb(0, 0, 0);
}
.footer-brand .brand-subtext a {
  color: rgb(27, 108, 224);
}
.footer-brand .brand-subtext a:hover {
  color: rgb(60, 140, 255);
}
.footer-brand .brand-subtext .link-icon {
  position: absolute;
  font-size: 1.25em;
}

#footer-links-social ul {
  display: flex;
  padding-left: 0;
  list-style: none;
}
#footer-links-social li {
  padding-right: 0.75em;
  /*        @media screen and (min-width:$breakSmall) {
              padding-right: 2em;
          }*/
}
#footer-links-social a {
  color: rgb(0, 0, 0);
}

.footer-links-left {
  padding: 10px 0;
}
.footer-links-left .link-panel-widget {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  padding: 0;
  list-style: none;
}
.footer-links-left .link-panel-widget li {
  padding-right: 0.75em;
}
@media screen and (min-width: 640px) {
  .footer-links-left .link-panel-widget li {
    padding-right: 2em;
  }
}
.footer-links-left a {
  color: rgb(0, 0, 0);
  transition: color 0.35s ease;
  font-size: 1.2em;
  font-weight: 600;
}
.footer-links-left a:hover {
  color: rgb(255, 105, 60);
}

#Cart #container-content {
  flex-direction: column;
}

.div-shopping-cart {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  padding-bottom: 2em;
}
.div-shopping-cart .page-title {
  padding-left: 0.5em;
}
.div-shopping-cart .cartContainer {
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  margin: 0.5em;
}
@media (min-width: 768px) {
  .div-shopping-cart .cartContainer {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
}
.div-shopping-cart .cartContainer .cartProducts .cartTotalTitle {
  padding-bottom: 1rem;
}
.div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item {
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
  bottom: 0.5em;
}
@media (max-width: 768px) {
  .div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item {
    left: 0;
  }
}
.div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a {
  color: rgb(0, 0, 0);
}
.div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a:hover, .div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a:focus, .div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item a:active {
  color: rgb(255, 105, 60);
}
.div-shopping-cart .cartContainer .cartProducts .cart-remove-line-item .material-icons {
  font-size: 1.25rem;
  vertical-align: middle;
  padding-bottom: 0.1rem;
}
@media (min-width: 768px) {
  .div-shopping-cart .cartContainer .cartProducts {
    width: calc(100% - 320px);
    padding: 0 1.5em 0 0;
  }
}
.div-shopping-cart .cart-variants-column {
  padding: 1.5em;
  width: 60%;
}
.div-shopping-cart .cart-variants-column .cart-variants-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
@media (max-width: 768px) {
  .div-shopping-cart .cart-variants-column {
    width: 100%;
    padding: 0 0 1.5rem 0;
    margin: 0 auto;
  }
}
.div-shopping-cart .cart-img-column {
  display: flex;
  flex-direction: column;
  width: 40%;
  margin: 0 auto 3rem auto;
  padding-top: 1.5em;
}
.div-shopping-cart .cart-img-column .cart-image img {
  width: 90%;
  max-width: 250px;
  margin: auto;
}
@media (min-width: 768px) {
  .div-shopping-cart .cart-img-column .cart-image img {
    cursor: zoom-in;
  }
}
@media (max-width: 768px) {
  .div-shopping-cart .cart-img-column {
    width: 100%;
    padding-top: 1rem;
  }
}
.div-shopping-cart .cartItem {
  display: flex;
  position: relative;
  border-top: 1px solid rgb(221, 221, 221);
  padding-bottom: 4em;
}
@media (max-width: 768px) {
  .div-shopping-cart .cartItem {
    flex-direction: column;
  }
}
.div-shopping-cart .cartItem > .edit-item-link {
  display: none;
}
.div-shopping-cart .cartItem .cart-img-column {
  width: 40%;
}
.div-shopping-cart .cartItem .cart-variants-column {
  width: 60%;
}
@media (max-width: 768px) {
  .div-shopping-cart .cartItem .cart-variants-column, .div-shopping-cart .cartItem .cart-img-column {
    width: 100%;
    padding: 0 0 1.5rem 0;
    margin: 0 auto;
  }
}
.div-shopping-cart .cartItem.item-variant {
  width: 100%;
}
@media (max-width: 768px) {
  .div-shopping-cart .cartItem.item-variant {
    flex-direction: column;
  }
}
.div-shopping-cart .cartItem.item-variant .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip {
  top: -8.75rem;
}
.div-shopping-cart .cartItem .itemQuantity .spinner > input {
  padding: 0 0 1em 0;
  background: transparent;
  text-align: left !important;
  border: transparent;
}
.div-shopping-cart .cartItem .spp-update-qty {
  display: none;
}
.div-shopping-cart .cart-item-variants {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
  padding: 0 1rem 1rem 0;
}
@media screen and (max-width: 1066px) {
  .div-shopping-cart .cart-item-variants {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .div-shopping-cart .cart-item-variants .unit-price, .div-shopping-cart .cart-item-variants .item-size {
    padding-top: 1rem;
  }
}
.div-shopping-cart .cart-item-variants .personalized-attributes {
  width: 100%;
  margin: 1em;
}
@media (max-width: 768px) {
  .div-shopping-cart .cart-item-variants .personalized-attributes {
    margin: 0 0 1em 1em;
  }
}
.div-shopping-cart .cart-item-variants .personalized-attributes .customization-note {
  display: flex;
}
.div-shopping-cart .cart-item-variants .personalized-attributes .customization-note a .edit-text {
  margin-top: 10px;
  flex-direction: column;
}
.div-shopping-cart .cart-item-variants .cartImage {
  text-align: center;
  margin-bottom: 1.5em;
}
@media (min-width: 1066px) {
  .div-shopping-cart .cart-item-variants .cartImage {
    /*text-align: left;*/
    margin-bottom: 0;
  }
}
.div-shopping-cart .cart-item-variants .cartImage .artifi-design-edit {
  padding-right: 5px;
  border-right: 1px solid rgba(150, 150, 151, 0.5);
}
.div-shopping-cart .cart-item-variants .artifi-design-edit {
  width: 100%;
}
.div-shopping-cart .cart-item-variants > div {
  padding: 0.125em;
}
.div-shopping-cart .cart-item-variants .itemQuantity {
  display: flex;
  align-items: flex-start;
  pointer-events: none;
}
.div-shopping-cart .cart-item-variants .itemQuantity .cart-variant-price {
  padding-right: 0.5em;
}
.div-shopping-cart .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip {
  top: -6rem;
  right: -1.2rem;
  min-width: 18rem;
  padding: 1rem 1rem 1rem 3rem;
  text-align: left;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .div-shopping-cart .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip {
    right: auto;
    left: -7rem;
  }
}
.div-shopping-cart .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip.active {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: all 0.18s ease-out;
}
.div-shopping-cart .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip .material-icons {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.div-shopping-cart .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip:after {
  bottom: -0.5rem;
  top: auto;
  right: 5.2rem;
  border: 1px solid #ddd;
  border-left: none;
  border-top: none;
}
@media (min-width: 768px) {
  .div-shopping-cart .cart-item-variants .itemQuantity .item-minimum-quantity.tooltip:after {
    right: 7.5rem;
  }
}
.div-shopping-cart .cart-item-variants .itemQuantity form {
  display: flex;
}
.div-shopping-cart .cart-item-variants .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
.div-shopping-cart .cart-item-variants .item-size {
  font-weight: 600;
}
.div-shopping-cart .cart-item-variants .spinner {
  display: flex;
  flex-direction: row;
}
.div-shopping-cart .cart-item-variants .spinner .btn {
  margin: 0;
}
.div-shopping-cart .cart-item-variants .spinner .spp-update-qty {
  padding: 0.6rem;
  margin-right: -1.2rem;
  color: rgb(0, 0, 0);
}
.div-shopping-cart .cart-item-variants .spinner .spp-update-qty:focus, .div-shopping-cart .cart-item-variants .spinner .spp-update-qty:active, .div-shopping-cart .cart-item-variants .spinner .spp-update-qty:hover {
  color: rgb(255, 105, 60);
}
.div-shopping-cart .cart-item-variants .spinner input.error {
  box-shadow: inherit;
  border: 1px solid #cacaca !important;
  border-radius: inherit;
}
.div-shopping-cart .cart-item-variants .spp-product-logo {
  float: right;
  padding: 0;
}
.div-shopping-cart .cart-item-variants .spp-product-logo li {
  list-style-type: none;
  cursor: pointer;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  border: 2px solid #c3c3c3;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #f0f0f0;
  display: inline-block;
}
.div-shopping-cart .cart-item-variants .spp-product-logo li img {
  max-width: 30px !important;
  max-height: 30px !important;
  vertical-align: middle;
  display: inline-block;
  padding: 2px;
  margin: auto;
}
@media (max-width: 768px) {
  .div-shopping-cart .cart-item-variants .itemQuantity form {
    justify-content: flex-end;
  }
  .div-shopping-cart .cart-item-variants .group-product-list, .div-shopping-cart .cart-item-variants .unitPrice {
    display: none;
  }
}
.div-shopping-cart .itemTotal {
  font-weight: 600;
  text-align: right;
  justify-content: right;
}
@media (max-width: 768px) {
  .div-shopping-cart .itemTotal {
    width: 100%;
  }
}
.div-shopping-cart .cart-item-title {
  display: block;
  width: 100%;
  font-size: 1.25em;
}
.div-shopping-cart .cart-item-title a {
  color: rgb(0, 0, 0);
}
.div-shopping-cart .cart-item-title a:hover, .div-shopping-cart .cart-item-title a:focus, .div-shopping-cart .cart-item-title a:active {
  color: #F44719;
}
@media (max-width: 768px) {
  .div-shopping-cart .cart-item-title {
    padding-top: 1rem;
  }
}
.div-shopping-cart .remove-item-group {
  width: 100%;
}
.div-shopping-cart .removeItem {
  padding: 0.5em 0;
  font-weight: 600;
}
.div-shopping-cart .cart-item-edit-link {
  position: absolute;
  bottom: 1.5em;
  display: inline-block;
  margin: 0.5em 0 1em 1em;
  color: inherit;
}
@media (max-width: 768px) {
  .div-shopping-cart .cart-item-edit-link {
    margin-left: 0;
  }
}
.div-shopping-cart .cart-item-edit-link:hover, .div-shopping-cart .cart-item-edit-link:focus, .div-shopping-cart .cart-item-edit-link:active {
  color: #F44719;
}
.div-shopping-cart .cartSummary {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0;
  border-top: 1px solid rgba(150, 150, 151, 0.5);
  /*.continueShopping{
    display:block;
    padding:1em;
  }*/
}
.div-shopping-cart .cartSummary h3.title {
  display: none;
}
@media (max-width: 768px) {
  .div-shopping-cart .cartSummary h3.title {
    display: block;
    margin-top: 1rem;
  }
}
.div-shopping-cart .cartSummary .cart-total {
  margin: 1em 0;
}
.div-shopping-cart .cartSummary .cart-total ._TotalTable {
  width: 100%;
}
.div-shopping-cart .cartSummary .cart-total ._TotalTable th, .div-shopping-cart .cartSummary .cart-total ._TotalTable td {
  padding: 0.5rem;
}
.div-shopping-cart .cartSummary .cart-total ._TotalTable th {
  padding-left: 0;
  font-weight: normal;
}
.div-shopping-cart .cartSummary .cart-total ._TotalTable td {
  padding-right: 0;
  text-align: right;
}
.div-shopping-cart .cartSummary .cart-total ._TotalTable tfoot th, .div-shopping-cart .cartSummary .cart-total ._TotalTable tfoot td {
  font-weight: bold;
}
.div-shopping-cart .cartSummary .cart-total ._TotalTable .orderTotal {
  font-weight: bold;
}
.div-shopping-cart .cartSummary .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .div-shopping-cart .cartSummary {
    width: 65%;
    max-width: 320px;
    padding: 0 0 0 1.5em;
    border-top: none;
    border-left: 1px solid rgba(150, 150, 151, 0.5);
  }
}
.div-shopping-cart .cartSummary > div {
  width: 100%;
  margin: 0 auto;
}
.div-shopping-cart .cartSummary #checkOut-link {
  display: block;
  margin: 1em 0 0.5em 0;
  padding: 0.75em;
  text-align: center;
}

.cartPromocode .success-msg {
  position: relative;
  margin-top: 1rem;
  padding: 0.5rem 2.25rem 0.5rem 0.5rem;
  background-color: rgb(247, 247, 247);
}
.cartPromocode .success-msg span {
  display: block;
}
.cartPromocode .success-msg .removeAppliedCoupon {
  font-size: 1.5em;
  color: rgb(0, 0, 0);
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 25%;
  bottom: 25%;
}
.cartPromocode .success-msg .removeAppliedCoupon:before {
  font-family: "Material Icons Outlined";
  content: "close";
}
.cartPromocode .success-msg .removeAppliedCoupon:hover, .cartPromocode .success-msg .removeAppliedCoupon:focus {
  color: rgb(255, 105, 60);
}

#product-preview-large .product-preview-large-content img {
  width: 100%;
}

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

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

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

.promo-code-add input {
  margin: 0 0 1em 0;
  width: 60%;
}
.promo-code-add .success-msg .material-icons {
  color: rgb(105, 201, 63);
}
.promo-code-add .error-msg .material-icons {
  color: rgb(204, 0, 0);
}

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

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

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

#toggle-promo-code {
  display: flex;
  padding: 0;
}
#toggle-promo-code.toggle-on .material-icons {
  transform: rotate(180deg);
}
#toggle-promo-code:focus, #toggle-promo-code:focus-within {
  box-shadow: none;
  color: rgb(255, 105, 60);
}

#cart-apply-promocode {
  display: none;
  margin-bottom: 1em;
}
#cart-apply-promocode.active {
  display: flex;
}
#cart-apply-promocode input {
  margin-right: 0.5em;
}
#cart-apply-promocode .btn-secondary {
  margin: 0.25rem 0;
}

#cart-shipping-notification {
  display: none;
  font-weight: 600;
  text-align: center;
}
#cart-shipping-notification.active {
  display: block;
}
#cart-shipping-notification .free-ship-almost {
  color: rgb(204, 0, 0);
}
#cart-shipping-notification #ship-countdown, #cart-shipping-notification #ship-qualifies {
  display: none;
}
#cart-shipping-notification #ship-countdown.active, #cart-shipping-notification #ship-qualifies.active {
  display: inline;
}
#cart-shipping-notification #ship-countdown .free-shipping-details, #cart-shipping-notification #ship-qualifies .free-shipping-details {
  font-weight: normal;
}
#cart-shipping-notification svg {
  width: 20px;
}

#loader-content-backdrop-shopping-cart {
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader-content-backdrop-shopping-cart #loading {
  display: none;
  height: 12em;
  width: 12em;
  opacity: 1;
  background-size: contain;
  position: absolute;
}

#Cart .Notecard {
  position: absolute;
  left: 50%;
  margin-top: 17px;
}
#Cart .Notecard .personalized_input {
  max-width: 6em;
  text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 1200px) {
  #Cart .Notecard {
    position: static;
    margin-top: 10px;
  }
}
#Cart .itemTotal {
  margin-top: 25px;
}

.cart-footnotes {
  width: 100%;
  flex-basis: 100%;
  margin-top: 3em;
  text-align: left;
  border-top: 1px solid rgb(247, 247, 247);
}
.cart-footnotes #continueShopping {
  display: flex;
  margin-top: 1em;
  padding: 0 1em 1em 0;
  font-weight: 600;
  color: rgb(0, 0, 0);
}
.cart-footnotes #continueShopping:hover {
  color: #F44719;
}
.cart-footnotes .removeAllItems {
  width: 50%;
  text-align: right;
}

#divSinglePageCheckout .personalized_heading {
  background: #FFF;
  text-transform: capitalize;
  padding: 0;
  font-size: 1.0625em;
}
#divSinglePageCheckout .personalized_input {
  opacity: 1 !important;
  width: 30%;
  text-align: center;
  padding: 3px;
}
#divSinglePageCheckout .personalized_text {
  display: none;
}
#divSinglePageCheckout .personalized_text {
  display: none;
}
#divSinglePageCheckout .spp-update-notecard-qty {
  display: none;
}

.cart-variants-group .cart-item-edit-link {
  display: none;
}

._CustomSinglePage h2 {
  font-size: 1.2rem;
  padding-bottom: 1em;
}
._CustomSinglePage section {
  padding: 2em;
  margin: 1em 0 2em 0;
  background: #FFF;
  border-radius: 1em;
}
@media screen and (min-width: 640px) {
  ._CustomSinglePage section {
    padding: 1em 2em;
  }
}
._CustomSinglePage section > div {
  margin-bottom: 1em;
}
._CustomSinglePage .input-group, ._CustomSinglePage #customer-details {
  display: block;
}
._CustomSinglePage .input-group .row, ._CustomSinglePage #customer-details .row {
  margin: 0;
}
._CustomSinglePage .checkoutLeft span.select-container::after {
  top: 0.4em;
}
._CustomSinglePage .contact-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #EEE;
  padding: 0.5em 0;
}
._CustomSinglePage .contact-row:last-of-type {
  border: none;
}
._CustomSinglePage .contact-row strong {
  display: inline-block;
  width: 100%;
  max-width: 7em;
}
@media screen and (min-width: 640px) {
  ._CustomSinglePage .contact-row strong {
    max-width: 8em;
  }
}
._CustomSinglePage .contact-row .btn-tertiary {
  padding-left: 2em;
}
._CustomSinglePage iframe {
  width: 100%;
}
._CustomSinglePage #order-placement-error {
  width: 100%;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
._CustomSinglePage #order-placement-error .error-message {
  display: flex;
  color: rgb(204, 0, 0);
  font-weight: 600;
}
._CustomSinglePage .cta-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  ._CustomSinglePage .cta-container.reverse {
    flex-direction: row-reverse;
  }
}
._CustomSinglePage .cta-container button {
  margin: 1em 0;
}
._CustomSinglePage .cta-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #444;
}
._CustomSinglePage .cta-container a:focus {
  color: rgb(255, 105, 60);
}
._CustomSinglePage .cta-container a .material-icons {
  padding-right: 0.5em;
}
._CustomSinglePage #order-summary ._TotalTable {
  width: 100%;
}
._CustomSinglePage #order-summary ._TotalTable td {
  padding: 0.125rem;
  padding-right: 0;
  text-align: right;
}
._CustomSinglePage #cart-summary .item-variant {
  display: flex;
  margin: 1em 0;
  list-style: none;
}
._CustomSinglePage #cart-summary .cart-img-column {
  min-width: 6em;
}
@media screen and (min-width: 1066px) {
  ._CustomSinglePage #cart-summary .cart-img-column {
    min-width: 9em;
  }
}
._CustomSinglePage #cart-summary .item-image {
  width: 5em;
}
@media screen and (min-width: 1066px) {
  ._CustomSinglePage #cart-summary .item-image {
    width: 7em;
  }
}
._CustomSinglePage #cart-summary .itemQuantity {
  display: flex;
  align-items: center;
}
._CustomSinglePage #cart-summary .personalized-attributes .view-customization {
  display: none;
}
._CustomSinglePage #cart-summary .quantity-spinner .btn-spinner {
  display: none;
}
._CustomSinglePage #cart-summary .quantity-spinner input {
  height: 1em;
  pointer-events: none;
  border: 0;
}
._CustomSinglePage #cart-summary .spp-update-qty {
  display: none;
}
._CustomSinglePage .row.zip-city-state {
  display: flex;
  flex-wrap: wrap;
}
._CustomSinglePage .credit-card-button {
  display: flex;
}
._CustomSinglePage .credit-card-button input {
  cursor: pointer !important;
}
._CustomSinglePage .credit-card-button span {
  margin-right: 10px;
}
._CustomSinglePage .credit-card-button label {
  margin-left: 10px;
}
._CustomSinglePage .input-icons i {
  position: absolute;
}
._CustomSinglePage .input-icons {
  width: 100%;
  margin-bottom: 10px;
}
._CustomSinglePage .input-icons input {
  padding-left: 50px;
}
._CustomSinglePage .icon {
  padding: 10px;
  min-width: 40px;
  font-size: 30px;
}
._CustomSinglePage .drag-drop .zf-cloud-upload {
  display: block;
  font-size: 30px;
}
._CustomSinglePage .file-uploader-div {
  background-color: #F2F2F2;
  margin: 10px 20px;
  padding: 20px;
}
._CustomSinglePage .creditCardPayment {
  background-color: #F0F0F0 !important;
}
._CustomSinglePage .credit-card-icon {
  width: 33px;
  height: 21px;
  background-position: 0 -118px;
  margin-top: 2px;
  background-repeat: no-repeat;
  position: absolute;
  top: 33px;
  left: 20px;
}
._CustomSinglePage .sp-edit-address-buttons {
  padding-bottom: 0.75em;
}
._CustomSinglePage .sp-edit-address-buttons, ._CustomSinglePage .checkout-buttons.quotebutton {
  text-align: right;
}
._CustomSinglePage .page-title {
  padding-bottom: 0.75em;
}
._CustomSinglePage .checkout_page {
  position: relative;
}
._CustomSinglePage .resend_btn {
  position: absolute;
  left: 75%;
  background: #cc0000;
  border: none;
  padding: 6px;
  color: #fff;
}
._CustomSinglePage .single-page-checkout .edit-checkbox {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
._CustomSinglePage .create-new-address {
  width: 100%;
  float: right;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  ._CustomSinglePage .create-new-address {
    width: 30%;
  }
}
._CustomSinglePage .entered-display-address .address-details, ._CustomSinglePage .recommended-display-addess .address-details {
  min-height: 100px;
}
._CustomSinglePage .recommended-display-addess .btn-primary, ._CustomSinglePage .checkout-buttons button {
  min-width: 12em;
  border: 1px solid #c00;
  border-radius: 4em;
  padding: 0.5em 1.25em;
  background: #c00;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
}
._CustomSinglePage .checkout-buttons button i {
  display: none;
}
._CustomSinglePage #spp-loading {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  opacity: 0;
}
._CustomSinglePage #spp-loading.active {
  display: flex;
  opacity: 1;
  transition: opacity 0.35s ease-in;
}
._CustomSinglePage #spp-loading svg {
  max-height: 10em;
}
._CustomSinglePage #spp-loading h1 {
  font-family: sans-serif;
  color: #cc0000;
  font-weight: 600;
  margin-top: 0;
}
._CustomSinglePage #spp-loading .staples-loading_left {
  animation: staples-loading_left 2.5s ease-in;
  animation-iteration-count: infinite;
}
._CustomSinglePage #spp-loading .staples-loading_middle {
  animation: staples-loading_middle 2.5s linear;
  animation-iteration-count: infinite;
}
._CustomSinglePage #spp-loading .staples-loading_right {
  animation: staples-loading_right 2.5s ease-out;
  animation-iteration-count: infinite;
}
@media screen and (min-width: 1066px) {
  ._CustomSinglePage .address-fields .row {
    display: flex;
  }
}

#staples-pay-iframe {
  max-width: 30em;
  margin-left: -8px;
}

#Checkout:not(.quick-checkout) h3 {
  padding-top: 1em;
}
@media screen and (min-width: 1066px) {
  #Checkout:not(.quick-checkout) .grid {
    display: flex;
  }
}
#Checkout:not(.quick-checkout) .grid .checkoutLeft {
  width: 100%;
}
@media screen and (min-width: 1066px) {
  #Checkout:not(.quick-checkout) .grid .checkoutLeft {
    width: 66%;
  }
}
#Checkout:not(.quick-checkout) .grid .checkoutRight {
  width: 100%;
}
@media screen and (min-width: 1066px) {
  #Checkout:not(.quick-checkout) .grid .checkoutRight {
    width: calc(33% - 2rem);
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(150, 150, 151, 0.5);
  }
}
#Checkout:not(.quick-checkout) .form-item {
  width: 100%;
  margin: 0 1em 0 0;
}
#Checkout:not(.quick-checkout) .form-item:last-child {
  margin: 0;
}
#Checkout:not(.quick-checkout) .form-item .zip-city {
  width: calc(50% - 1em);
}
@media screen and (min-width: 1066px) {
  #Checkout:not(.quick-checkout) .form-item.street-address {
    width: calc(50% - 1em);
  }
  #Checkout:not(.quick-checkout) .form-item .row.zip-city-state {
    flex-wrap: nowrap;
  }
  #Checkout:not(.quick-checkout) .form-item .form-item.zip-city {
    width: 100%;
  }
}
#Checkout:not(.quick-checkout) .payment-method {
  display: flex;
  align-items: center;
}
#Checkout:not(.quick-checkout) .payment-method > label {
  position: relative;
  left: -2em;
  padding-left: 2em;
  cursor: pointer;
}
#Checkout:not(.quick-checkout) .address-block {
  min-height: 4em;
  margin-bottom: 1em;
  padding: 0;
}
#Checkout:not(.quick-checkout) .address-change {
  position: relative;
}
#Checkout:not(.quick-checkout) .address-details {
  padding-bottom: 1em;
}
#Checkout:not(.quick-checkout) #billing-content {
  padding-bottom: 1.5em;
}
#Checkout:not(.quick-checkout) .cta-container a .material-icons {
  font-size: 0.75em;
}

body#Checkout.quick-checkout {
  background: rgb(247, 247, 247);
}
body#Checkout.quick-checkout .quick-checkout {
  width: 100%;
}
body#Checkout.quick-checkout .cart-variants-column h4 {
  padding-bottom: 10px;
}
body#Checkout.quick-checkout .personalized-attribute-note {
  padding-top: 20px;
}
body#Checkout.quick-checkout ._TotalTable {
  font-size: 1.1rem;
  line-height: 2;
}
body#Checkout.quick-checkout ._TotalTable th, body#Checkout.quick-checkout ._TotalTable td {
  font-weight: 600;
}
body#Checkout.quick-checkout #toggle-promo-code {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  body#Checkout.quick-checkout .grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 1em;
  }
}
@media screen and (min-width: 1066px) {
  body#Checkout.quick-checkout .grid {
    column-gap: 2em;
  }
}
body#Checkout.quick-checkout .loading {
  min-height: 2.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: rgb(150, 150, 151);
  animation: halfFade alternate infinite 1s;
}
body#Checkout.quick-checkout .loading strong {
  display: block;
  width: 5em;
  min-width: 5em;
}
body#Checkout.quick-checkout .loading[data-loading-type=app], body#Checkout.quick-checkout .loading[data-loading-type=customer-details] {
  min-height: 64em;
}
body#Checkout.quick-checkout .loading[data-loading-type=edit-billing] {
  min-height: 32em;
}
body#Checkout.quick-checkout .loading[data-loading-type=staplespay] {
  min-height: 16em;
}
body#Checkout.quick-checkout .loading[data-loading-type=customer-details] {
  background-image: var(--loading-animation-file-path);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12em;
  color: transparent;
  animation: none;
}
body#Checkout.quick-checkout h1.page-title {
  display: none;
}
body#Checkout.quick-checkout .single-page-checkout #breadcrumb {
  color: rgb(150, 150, 151);
}
body#Checkout.quick-checkout .single-page-checkout #breadcrumb a {
  color: rgb(255, 105, 60);
}
body#Checkout.quick-checkout .single-page-checkout #breadcrumb a:hover {
  color: rgb(255, 105, 60);
}
body#Checkout.quick-checkout .single-page-checkout #breadcrumb a.active {
  color: rgb(0, 0, 0);
}
body#Checkout.quick-checkout .single-page-checkout .twitter-typeahead {
  width: 100%;
}
@media screen and (min-width: 420px) {
  body#Checkout.quick-checkout #email-address-label {
    padding-bottom: 0;
  }
}
body#Checkout.quick-checkout .form-item {
  position: relative;
  width: 100%;
  padding-bottom: 0.75em;
}
body#Checkout.quick-checkout .form-item .error-message {
  position: absolute;
  bottom: -0.5em;
  font-size: 0.9em;
  font-weight: 400;
  color: rgb(204, 0, 0);
}
@media screen and (min-width: 1066px) {
  body#Checkout.quick-checkout .form-item {
    margin-left: 1em;
  }
  body#Checkout.quick-checkout .form-item:first-child {
    margin-left: 0em;
  }
  body#Checkout.quick-checkout .form-item.zip {
    max-width: 16em;
  }
}
body#Checkout.quick-checkout .phone-number .has-tooltip .material-icons {
  font-size: 1em;
  padding: 0 0.25em;
}
body#Checkout.quick-checkout .phone-number .has-tooltip .tooltip {
  width: 12em;
  transform: translateX(4em);
}
body#Checkout.quick-checkout .phone-number .has-tooltip .tooltip:after {
  right: 4.125rem;
}
body#Checkout.quick-checkout #contact-address {
  margin-bottom: 1.5em;
}
body#Checkout.quick-checkout #contact-address .top-right-link {
  position: absolute;
  top: -1em;
  right: 0;
}
body#Checkout.quick-checkout #contact-address .top-right-link button {
  display: flex;
  padding: 0;
}
body#Checkout.quick-checkout #contact-address .top-right-link span.material-icons {
  display: inline-block;
  padding-right: 0.25em;
}
body#Checkout.quick-checkout #customer-details .contact-row strong {
  display: block;
  width: 5em;
  min-width: 5em;
}
body#Checkout.quick-checkout #customer-details .contact-row > .flexed {
  display: flex;
  align-items: center;
}
body#Checkout.quick-checkout #customer-details .contact-row .shipping-methods {
  padding-top: 0.75em;
}
body#Checkout.quick-checkout #street-address-2-label {
  position: absolute;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  body#Checkout.quick-checkout #street-address-2-label {
    position: relative;
  }
}
body#Checkout.quick-checkout iframe#resultTarget {
  border: none;
  min-height: 18em;
}
body#Checkout.quick-checkout #user-popup-content-modal .spp-modal {
  width: 100%;
  max-width: 32rem;
}
body#Checkout.quick-checkout #user-popup-content-modal .spp-modal .close {
  padding: 0;
}
@media screen and (min-width: 768px) {
  body#Checkout.quick-checkout #recommended-address-modal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1em;
  }
}
body#Checkout.quick-checkout #recommended-address-modal .address-details {
  padding: 1em;
}
@media screen and (min-width: 768px) {
  body#Checkout.quick-checkout #recommended-address-modal .address-details {
    padding: 0;
  }
}
body#Checkout.quick-checkout #recommended-address-modal .address-details:last-of-type {
  border-top: 1px solid rgba(150, 150, 151, 0.5);
}
@media screen and (min-width: 768px) {
  body#Checkout.quick-checkout #recommended-address-modal .address-details:last-of-type {
    padding-left: 1em;
    border-top: none;
    border-left: 1px solid rgba(150, 150, 151, 0.5);
  }
}
body#Checkout.quick-checkout #recommended-address-modal .address-details .address {
  padding: 1em;
}
body#Checkout.quick-checkout #recommended-address-modal .address-details .highlight {
  display: inline-block;
  background: rgba(255, 255, 0, 0.95);
  font-weight: 600;
}
body#Checkout.quick-checkout #recommended-address-modal .address-details .cta {
  text-align: center;
  margin: 1em 0 0 0;
}
body#Checkout.quick-checkout .shipping-methods .shipping-methods-list {
  padding: 0;
}
body#Checkout.quick-checkout .shipping-methods .shipping-methods-list li {
  list-style: none;
  padding: 0.5em 0;
}

.cart-products .inventory-text {
  color: #CC0000;
}
.cart-products .inventory-text .zf-warning {
  margin-right: 5px;
}
.cart-products .option-link {
  color: #CC0000;
  text-decoration: underline;
}

.inventory-error-message {
  color: #CC0000;
  margin-left: 1rem;
}

.zero-inventory-msg {
  margin-bottom: 1rem;
}

#Checkout.OrderCheckoutReceipt #breadCrumb {
  display: none;
}
#Checkout.OrderCheckoutReceipt #new-user-link > div {
  display: inline-block;
}
#Checkout.OrderCheckoutReceipt [data-test-selector=linkContinueShopping] {
  display: block;
  margin: 1em auto;
  text-align: center;
}
#Checkout.OrderCheckoutReceipt #container-content {
  flex-wrap: wrap;
}
#Checkout.OrderCheckoutReceipt #container-content > div {
  padding: 1em 0;
}
#Checkout.OrderCheckoutReceipt .grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Checkout.OrderCheckoutReceipt h3 {
  padding-top: 1rem;
}
#Checkout.OrderCheckoutReceipt .checkoutLeft {
  width: 100%;
}
@supports (display: grid) {
  #Checkout.OrderCheckoutReceipt .checkoutLeft {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 1066px) {
  #Checkout.OrderCheckoutReceipt .checkoutLeft {
    width: 66%;
  }
}
#Checkout.OrderCheckoutReceipt .checkoutLeft #billing-content {
  padding: 0 0 1.5em 0;
}
#Checkout.OrderCheckoutReceipt .checkoutLeft .address-details {
  padding-bottom: 1em;
  width: 100%;
  float: left;
}
@media screen and (min-width: 768px) {
  #Checkout.OrderCheckoutReceipt .checkoutLeft .address-details {
    width: 70%;
  }
}
#Checkout.OrderCheckoutReceipt .checkoutLeft .create-new-address {
  width: 100%;
  float: right;
  margin-bottom: 10px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  #Checkout.OrderCheckoutReceipt .checkoutLeft .create-new-address {
    width: 30%;
    text-align: right;
  }
}
#Checkout.OrderCheckoutReceipt .checkoutLeft .address-block {
  min-height: 4em;
  margin-right: 0;
  padding: 0;
}
#Checkout.OrderCheckoutReceipt .checkoutLeft .address-block .address-change {
  position: relative;
  right: inherit;
  top: inherit;
  text-align: left;
  font-size: 0.95em;
}
#Checkout.OrderCheckoutReceipt .checkoutRight {
  width: 100%;
}
@supports (display: grid) {
  #Checkout.OrderCheckoutReceipt .checkoutRight {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 1066px) {
  #Checkout.OrderCheckoutReceipt .checkoutRight {
    width: calc(33% - 2rem);
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(150, 150, 151, 0.5);
  }
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cart-variants-column {
  width: 100%;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cart-variants-column .item-color {
  margin: 0.25em 0 0.5em 0.25em;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cart-item-variants {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: 0.25em;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cart-item-variants .cart-item-title {
  font-weight: 600;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cart-img-column, #Checkout.OrderCheckoutReceipt .checkoutRight .cart-item-variants {
  width: 100%;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cartProducts {
  padding: 0;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cartProducts .cartImage {
  text-align: center;
  width: 90%;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cartProducts .cartImage a {
  font-size: 13px;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .cartProducts .cartImage img.enabled {
  cursor: zoom-in;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .item {
  display: flex;
  padding: 0.5em 0;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .item .cartImage {
  width: 33%;
  min-width: 42px;
  max-width: 125px;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .item .cartImage img {
  width: 100%;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .item .cartImage img.enabled {
  cursor: zoom-in;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .item .cartDescription {
  width: 100%;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .item .itemQuantity input {
  max-width: 6em;
  text-align: center;
}
#Checkout.OrderCheckoutReceipt .checkoutRight .personalized-attribute-note {
  padding: 1.75em;
}
#Checkout.OrderCheckoutReceipt .checkoutRight #data-capture-content label {
  display: inline-block;
  padding: 1em 0 0;
}
#Checkout.OrderCheckoutReceipt .itemQuantity {
  display: flex;
  padding-bottom: 1.75em;
  align-items: center;
}
#Checkout.OrderCheckoutReceipt .itemQuantity form {
  width: 100%;
}
#Checkout.OrderCheckoutReceipt .itemQuantity .quantity-spinner {
  height: 50%;
}
#Checkout.OrderCheckoutReceipt .itemQuantity .quantity-spinner .spinner {
  float: left;
}
#Checkout.OrderCheckoutReceipt .itemQuantity .quantity-spinner .spinner input {
  opacity: 1;
  padding: 0;
  margin: 0;
  text-align: center;
}
#Checkout.OrderCheckoutReceipt .spp-payment-options .input-radio .input-radioGroup, #Checkout.OrderCheckoutReceipt .spp-payment-options.input-radio {
  flex-direction: column;
  flex-wrap: wrap;
}
#Checkout.OrderCheckoutReceipt .spp-payment-options .input-radio .input-radioGroup > label, #Checkout.OrderCheckoutReceipt .spp-payment-options.input-radio > label {
  width: 100%;
  margin-bottom: 5px;
  flex-wrap: nowrap;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv form.input-radioGroup.input-checkbox_container {
  display: flex;
  flex-direction: column;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method {
  margin: 0.25em 0 0.25em 2em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method > label {
  position: relative;
  left: -2em;
  padding-left: 2em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method > .input-radioButton_appearance {
  position: absolute;
  margin-left: -2em;
  margin-top: 0em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable {
  width: calc(100% - 1.75em);
  margin-left: 1.75em;
  border-bottom: #CCC;
  padding: 0.25em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable > label {
  position: relative;
  left: -2.25em;
  padding-left: 2.25em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable > .input-radioButton_appearance {
  position: absolute;
  margin-left: -2em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable .split-payment-option {
  opacity: 0.65;
  background: #F0F0F0;
  padding: 10px;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable .split-payment-option label {
  font-weight: 500;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable .split-payment-option .split-payment-with-dropdown {
  margin-left: 2em;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable input:checked ~ .split-payment-option {
  opacity: 1;
  background: #F0F0F0;
}
#Checkout.OrderCheckoutReceipt #allPaymentOptionsDiv .payment-method.isSplittable select {
  width: auto;
  border-width: 2px;
  margin-top: -2px;
}
#Checkout.OrderCheckoutReceipt .col-xs-12.register-container {
  padding: 0 0 1em 0;
}

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

.dashboard section {
  padding: 0 0 2rem 0;
}
.dashboard section a {
  padding-right: 1rem;
}

#container-content .dashboard main, #container-content .dashboard aside {
  width: calc(50% - 1rem);
  display: block;
  margin: 0 1em 0 0;
}
@media screen and (max-width: 768px) {
  #container-content .dashboard main, #container-content .dashboard aside {
    width: 100%;
  }
}

#container-content .dashboard aside {
  border: none;
  position: relative;
  padding: 0;
}

.account-dashboard {
  padding-top: 1.5em;
}

.dashboard {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 0 auto;
  z-index: 0;
}
.dashboard h1 {
  flex: 0 0 100%;
  margin-bottom: 2rem;
}
.dashboard .sp-edit-address {
  flex-wrap: wrap;
}
.dashboard .sp-edit-address .form-item {
  width: 100% !important;
}
.dashboard .sp-edit-address .form-item .input-checkbox_container label {
  justify-content: flex-start !important;
  display: inline-flex !important;
  min-height: inherit;
}
.dashboard .sp-edit-address-buttons {
  padding-bottom: 0.75em;
}
.dashboard .sp-edit-address-buttons.text-right {
  text-align: left;
}
.dashboard .sp-edit-address-buttons.text-right .checkout-btn {
  padding: 0.5rem 1.5rem;
}
.dashboard .sp-edit-address-buttons.text-right .checkout-btn.btn-primary {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
.dashboard section {
  padding: 0 0 2rem 0;
}
.dashboard section h2 {
  position: relative;
  padding-bottom: 1rem;
  font-size: 1.25rem;
}
.dashboard section *:not(h2) {
  margin-left: 5rem;
}
.dashboard section h2:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  content: "\e88e";
  font-size: 3rem;
  position: absolute;
  left: 0;
  bottom: -2.3rem;
  opacity: 0.25;
}
.dashboard section .addressContainer h5 {
  color: rgb(255, 105, 60);
  text-decoration: none;
}
.dashboard section .addressContainer .address-block {
  max-height: 800px;
  opacity: 1;
}
.dashboard section .addressContainer .address-block p {
  margin-bottom: 0;
}
.dashboard section .addressContainer h5 {
  text-decoration: underline;
}
.dashboard section .addressContainer .address-block {
  border: none;
  margin-left: 0;
}
.dashboard section .addressContainer .address-block .address-change {
  top: -1.75em;
  right: 10em;
}
@media screen and (max-width: 1066px) {
  .dashboard section .addressContainer .address-block .address-change {
    right: 0;
    position: relative;
    top: -0.75em;
  }
  .dashboard section .addressContainer .address-block .address-change form {
    display: flex;
  }
  .dashboard section .addressContainer .address-block .address-change form a {
    padding-top: 0;
  }
  .dashboard section .addressContainer .address-block .address-change form span {
    padding: 0.25em 0.25em 0;
  }
}
@media screen and (max-width: 768px) {
  .dashboard section .addressContainer .address-block {
    margin-top: -1em;
  }
}
.dashboard section .accountRecentOrders {
  display: none;
}
@media screen and (min-width: 1066px) {
  .dashboard section .accountRecentOrders {
    font-size: 0.75em;
  }
  .dashboard section .accountRecentOrders table {
    width: 100%;
  }
  .dashboard section .accountRecentOrders th {
    text-align: left;
  }
  .dashboard section .accountRecentOrders .recent-order-reorder a {
    text-decoration: underline;
  }
}

section.address-section h2:before {
  content: "\e0c8";
}
section.address-section h3, section.address-section p, section.address-section a, section.address-section span {
  margin-left: 0;
}
section.address-section h3 {
  font-size: 1rem;
}
section.address-section a {
  padding-top: 1em;
}
@media screen and (max-width: 768px) {
  section.address-section .address-buttons a {
    padding-top: 0.5em;
  }
}

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

.allAddresses {
  margin-top: 1em;
}
.allAddresses .section-header {
  display: flex;
  align-items: center;
}
.allAddresses .section-header h3 {
  width: 100%;
}

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

#layout-account-editaddress div.form-item {
  padding: 0;
}
#layout-account-editaddress input, #layout-account-editaddress text-area {
  width: 100%;
}

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

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

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

section.wishlist-section h2:before {
  content: "\e87d";
}

section.manage-logos-section h2:before {
  content: "\e8a7";
}

section.profile-section h2:before {
  content: "\e7fd";
}
section.profile-section a, section.profile-section p, section.profile-section span, section.profile-section select {
  margin-left: 0;
}
section.profile-section a {
  padding-top: 1em;
}
section.profile-section .profile-buttons {
  margin-left: 5em;
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  section.profile-section .profile-buttons a {
    margin-top: 0.5em;
  }
}
section.profile-section .user-email {
  margin-left: -1em;
}

.change-password-btn span {
  width: 1em;
}

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

.reset-admin-password .form-group, .reset-pwd .form-group {
  width: 50%;
}
.reset-admin-password .form-group .reset-pwd-btn, .reset-pwd .form-group .reset-pwd-btn {
  width: 65%;
}

.reset-pwd-form {
  width: 100%;
}
.reset-pwd-form .form-group {
  width: 65%;
}

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

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

.user-account {
  padding: 0 4em;
}
@media screen and (max-width: 768px) {
  .user-account {
    padding: 0em;
  }
}
.user-account .page-title {
  color: rgb(0, 0, 0);
}

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

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

.dropdown-tool {
  position: relative;
}

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

.tt-dropdown-menu {
  background-color: white;
  width: calc(100% - 30px);
  margin: 0 15px;
  max-height: 395px;
  overflow: auto;
  border: 1px solid rgba(150, 150, 151, 0.5);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.tt-dropdown-menu .tt-dataset-autos span {
  padding: 15px;
  font-size: 14px;
}
.tt-dropdown-menu .tt-dataset-autos span > div {
  border-top: 1px solid rgba(150, 150, 151, 0.5);
  padding: 15px 0;
  font-size: 14px;
}
.tt-dropdown-menu .tt-dataset-autos span > div:first-child {
  border-top: none;
  padding-top: 0;
  font-size: 14px;
}
.tt-dropdown-menu .tt-dataset-autos span img {
  max-width: 60px;
}

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

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

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

section.history-section h2:before {
  content: "shopping_bag";
}
section.history-section .btn-secondary {
  margin-bottom: 1em;
}

section.paymentHistory-section h2:before {
  content: "\e8a1";
}

section.balances-section h2:before {
  content: "\f041";
}

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

@media print {
  a[href]:after {
    content: none !important;
  }
}
@media print {
  a[href]:after {
    content: none !important;
  }
}
.displayname-width {
  width: 49%;
}

#User.History .grid-action a.zf-manage {
  font-family: inherit !important;
  text-decoration: underline;
}
#User.History .grid-action a.zf-manage:before {
  content: "Reorder";
  font-family: inherit;
}

#get-order-status {
  width: 100%;
}
#get-order-status #order-detail-not-found, #get-order-status #layout-account-receipt {
  width: 100%;
}
#get-order-status #order-detail-not-found {
  text-align: center;
}

#Home {
  /*shop by industry section*/
  /*mid-page banner*/
  /*trending-products section*/
  /*popular-products carousel section*/
  /*HomePage Blog Section*/
}
#Home .red-heading {
  color: rgb(255, 105, 60);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.6em;
  font-weight: 700;
}
#Home #homepage-banner {
  background-image: linear-gradient(0deg, rgb(78, 67, 67) 5%, rgb(51, 51, 51) 100%);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}
#Home #homepage-banner .home-hero-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 500px;
  margin: 0 auto;
}
#Home #homepage-banner .home-hero-product {
  width: 100%;
  max-width: 50em;
}
#Home #homepage-banner .home-hero-product img {
  width: 100%;
  margin: auto;
}
#Home #homepage-banner .home-hero-inside {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 1.5em 0;
  padding: 1em 3em;
}
#Home #homepage-banner .home-hero-inside p {
  padding: 0.5em 0 1em 0;
}
#Home #homepage-banner h2 {
  font-weight: bold;
}
#Home #container-content {
  width: auto;
  max-width: initial;
  flex-direction: column;
  margin-top: 0;
}
#Home article {
  margin: 4em auto;
}
#Home article h2 {
  padding: 1em 0;
  text-align: center;
  font-weight: 700;
}
#Home article h2 .red {
  display: block;
  color: #c00;
  padding: 0.5em 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75em;
}
#Home #homepage-shop-by-industry {
  max-width: 100%;
}
#Home #homepage-industry-carousel a {
  color: rgb(0, 0, 0);
  font-weight: bold;
}
#Home #homepage-industry-carousel img {
  display: block;
  /*            height: 12em;
  width: 12em;*/
  background: rgb(150, 150, 151);
  border-radius: 50%;
}
#Home #homepage-industry-carousel .item.industry-link {
  display: block;
  text-align: center;
}
#Home #homepage-industry-carousel .item.industry-link .text {
  padding: 1em 0 0 0;
}
#Home #homepage-mid-banner {
  width: 100%;
  max-width: 100%;
  min-height: 34em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(254, 193, 68);
}
#Home #homepage-mid-banner .home-mid-banner-inside {
  width: 100%;
  max-width: 62em;
  padding: 3em;
  text-align: center;
  background: rgb(255, 255, 255);
}
#Home #trending-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#Home #trending-products h2 {
  text-align: left;
}
#Home #trending-products > .text {
  padding: 1em 0;
}
@media (min-width: 768px) {
  #Home #trending-products > .text {
    width: 33.33%;
    /*                min-width: 22em;
    max-width: 28em;*/
  }
}
#Home #trending-products > .image-grid {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  #Home #trending-products > .image-grid {
    width: calc(66.66% - 4em);
  }
}
#Home #trending-products > .image-grid img {
  width: 100%;
  align-self: flex-start;
}
#Home #trending-products > .image-grid > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
#Home #trending-products > .image-grid a {
  position: relative;
  overflow: hidden;
  color: rgb(255, 255, 255);
}
#Home #trending-products > .image-grid a:hover .overlay, #Home #trending-products > .image-grid a:focus .overlay {
  opacity: 1;
  transform: translateY(0%);
}
#Home #trending-products > .image-grid a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: opacity 0.25s ease, transform 0.35s ease;
}
@media (min-width: 1066px) {
  #Home #trending-products > .image-grid a .overlay {
    visibility: visible;
  }
}
#Home #trending-products > .image-grid a .overlay .title {
  padding: 0 1em;
  font-weight: 600;
  font-size: 1.2em;
  text-align: center;
}
#Home #trending-products > .image-grid a .overlay .btn-secondary {
  font-size: 1em;
  max-width: 10em;
  width: 100%;
}
#Home #trending-products > .image-grid a .overlay-static {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  text-align: center;
  padding: 0.5rem 1rem;
}
#Home #trending-products > .image-grid a .overlay-static h3.title, #Home #trending-products > .image-grid a .overlay-static .product-price {
  display: none;
}
#Home #trending-products .image-grid-l {
  width: 33.33%;
}
#Home #trending-products .image-grid-l a {
  margin-left: 0;
}
#Home #trending-products .image-grid-r {
  width: 63.66%;
}
#Home #trending-products .image-grid-r a {
  width: 48%;
}
#Home #popular-products {
  text-align: center;
}
#Home #popular-products a {
  color: rgb(0, 0, 0);
}
#Home #popular-products .title {
  font-weight: bold;
}
#Home #homepage-blog {
  margin: 4em auto;
}
#Home #homepage-blog .blog-on-homepage {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
#Home #homepage-blog .blog-on-homepage h2 {
  text-transform: none;
  padding: 0.25em 0;
  font-weight: 700;
  font-size: 1.75em;
  line-height: 1.2em;
}
#Home #homepage-blog .blog-on-homepage h3 {
  color: #28C1F2;
  letter-spacing: 2px;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}
#Home #homepage-blog .blog-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 1em);
  margin-left: -0.5em;
  padding: 0;
}
#Home #homepage-blog .blog-grid li {
  display: flex;
  align-items: center;
  width: 22em;
  height: 12em;
  margin: 1em;
  background: #CCC;
  background-size: cover;
}
#Home #homepage-blog .blog-grid li a {
  display: block;
  margin: 0 auto;
  padding: 1em;
  max-width: 16em;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 1em;
}
@media (min-width: 1066px) {
  #Home #homepage-blog .blog-grid li {
    width: calc(33% - 2em);
    min-width: 18em;
    max-width: 100%;
    height: 18em;
  }
}
#Home #recent-view-products {
  text-align: center;
}
#Home #recent-view-products h4 {
  color: rgb(0, 0, 0);
}
#Home .owl-item {
  padding: 0 0.5rem;
  text-align: center;
}
#Home .owl-item .product-details {
  transform: translate(0, -1.25em);
}
#Home .overlay-static {
  padding: 0.25rem 1rem;
}

.login-dual-popup {
  display: flex;
  flex-direction: column;
}
.login-dual-popup .dual-login-tab {
  width: 100%;
  max-width: 42em;
}
.login-dual-popup .dual-login-tab .dual-login-btn-wrapper {
  display: flex;
  width: 100%;
  border-bottom: 4px solid #408BF9;
  /*#tab1 {
      margin-right: 0.5rem;
  }*/
}
.login-dual-popup .dual-login-tab .dual-login-btn-wrapper .tab-btn {
  width: 50%;
  background: #D9D9D9;
  text-align: center;
  padding: 0.6rem;
  border-radius: 0.75em 0.75em 0 0;
  cursor: pointer;
  color: #000;
  font-size: 20px;
}
.login-dual-popup .dual-login-tab .dual-login-btn-wrapper .tab-btn.ui-state-active {
  background: #408BF9;
  color: #fff;
}
.login-dual-popup .dual-login-tab .login-version2 {
  border-bottom: 4px solid rgb(0, 0, 0);
}
.login-dual-popup .dual-login-tab .login-version2 #tab1 {
  margin-right: 0.5rem;
}
.login-dual-popup .dual-login-tab .login-version2 .tab-btn.ui-state-active {
  background: rgb(0, 0, 0);
  color: #fff;
}
.login-dual-popup .loginversion1-btn-wrapper {
  align-items: center;
}
.login-dual-popup .loginversion1-btn-wrapper .form-group-cta button {
  background: #F44719 !important;
  border-color: #F44719 !important;
}
.login-dual-popup .loginversion1-btn-wrapper .btn-cta {
  margin-top: 0;
}
.login-dual-popup .spp-modal .popup-header {
  margin-bottom: 0 !important;
}
.login-dual-popup .spp-modal .spp-modal-header {
  margin-bottom: 1.5rem;
}
.login-dual-popup .spp-modal .spp-modal-header .label-logo-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.login-dual-popup .spp-modal .spp-modal-header .label-logo-wrapper img {
  margin-right: 2rem;
}
.login-dual-popup .spp-modal .login-header .label-logo-wrapper .logo-wrapper {
  width: 50%;
  text-align: end;
}
.login-dual-popup .spp-modal .login-header .label-logo-wrapper .logo-wrapper .create-acc-img {
  max-width: 9em;
}
.login-dual-popup .spp-modal .login-header .label-logo-wrapper .logo-wrapper .your-acc-img {
  width: 100%;
  height: 100%;
}
.login-dual-popup .spp-modal .login-header .label-logo-wrapper .create-acc-title {
  padding-bottom: 0;
  font-size: 1.75em;
}
.login-dual-popup .spp-modal .main-wrapper .spp-modal-content .info-wrapper {
  border-bottom: 2px solid #EAEAEA;
  padding-bottom: 1rem;
}
.login-dual-popup .spp-modal .main-wrapper .spp-modal-content .info-wrapper .login-form-forgotpassword {
  color: #408BF9;
}
.login-dual-popup .spp-modal .main-wrapper .spp-modal-content .form-group-cta button {
  background: #408BF9;
  border-color: #408BF9;
}
.login-dual-popup .spp-modal .main-wrapper .modal-header {
  border-bottom: none;
}
.login-dual-popup .spp-modal .main-wrapper .modal-header .label-logo-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.login-dual-popup .spp-modal .main-wrapper .modal-header .label-logo-wrapper img {
  margin-right: 2rem;
}
.login-dual-popup .spp-modal .main-wrapper .register-container {
  background: #F2F2F2;
  padding: 0px 15px;
}
.login-dual-popup .spp-modal .main-wrapper .register-container .login-modal-cta-group {
  display: block !important;
}
.login-dual-popup .spp-modal .main-wrapper .register-container .login-modal-cta-group .form-group {
  margin-bottom: 0px;
}
.login-dual-popup .spp-modal .main-wrapper .register-container .form-group-split {
  margin-bottom: 0;
}
.login-dual-popup .spp-modal .register-container-wrapper .login-modal-cta-group .form-group-cta {
  padding-top: 1rem;
  border-top: 2px solid #EAEAEA;
}
.login-dual-popup .spp-modal .register-container-wrapper .login-modal-cta-group .form-group-cta button {
  background: #408BF9;
  border-color: #408BF9;
  margin-top: 0;
}

@media screen and (max-width: 576px) {
  .login-dual-popup .dual-login-tab .dual-login-btn-wrapper, .login-dual-popup .dual-login-tab .login-version2 {
    flex-wrap: wrap;
    border-bottom: none;
  }
  .login-dual-popup .dual-login-tab .dual-login-btn-wrapper .tab-btn, .login-dual-popup .dual-login-tab .login-version2 .tab-btn {
    width: 100% !important;
    border-radius: 0.75em;
  }
  .login-dual-popup .dual-login-tab .dual-login-btn-wrapper #tab1, .login-dual-popup .dual-login-tab .login-version2 #tab1 {
    margin-bottom: 0.5rem;
  }
  .login-dual-popup .spp-modal {
    max-height: 85vh;
    display: block;
    overflow-y: auto;
    height: 100%;
  }
  .login-dual-popup .spp-modal .spp-modal-header .label-logo-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .login-dual-popup .spp-modal .spp-modal-header .label-logo-wrapper img, .login-dual-popup .spp-modal .spp-modal-header .label-logo-wrapper .modal-title {
    margin-bottom: 1rem;
  }
  .login-dual-popup .spp-modal .main-wrapper .modal-header .label-logo-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .login-dual-popup .spp-modal .main-wrapper .modal-header .label-logo-wrapper img, .login-dual-popup .spp-modal .main-wrapper .modal-header .label-logo-wrapper .modal-title {
    margin-bottom: 1rem;
  }
}
.popup-content {
  padding-top: 0;
}

.your-acc-btn {
  padding-top: 1rem;
  border-top: 2px solid #EAEAEA;
}
.your-acc-btn button {
  background: #408BF9 !important;
  border-color: #408BF9 !important;
  margin-top: 0;
}

.sign-acc-btn {
  padding-top: 1rem;
}
.sign-acc-btn button {
  background: #408BF9 !important;
  border-color: #408BF9 !important;
  margin-top: 0;
}

.value-copy a, .spp_faq_BodyMain a, .guest-log-in a {
  cursor: pointer;
}

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

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

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

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

#quick-view-content {
  min-height: 360px;
}

.see-details-wrapper {
  text-decoration: underline;
  padding: 10px 5rem;
}

@media screen and (max-width: 768px) {
  .quickviewpopup-wrapper .product-overview .total-wrapper {
    flex-direction: column;
  }
}
.layout #log-in-page {
  width: 100%;
}
.layout .login-page-message {
  max-width: 90rem;
  margin: 1em auto;
  padding: 0 2rem;
}
.layout .forgotpassword {
  padding-top: 0.75em;
}
.layout h1 {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0 2rem;
}
.layout main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1em 0.25em 0.5em 0.25em;
}
.layout main > div {
  width: 100%;
  min-width: 250px;
  margin: 1em auto;
  padding: 2em 1%;
  box-sizing: border-box;
  border: 1px solid rgba(150, 150, 151, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 779px) {
  .layout main > div {
    width: 45%;
  }
}
.layout main > div h2 {
  text-transform: capitalize;
  padding-bottom: 0.5em;
}
.layout main > div > div {
  width: 90%;
}
.layout main > div .login-heading {
  text-transform: none;
}
.layout main .checkout-guest-container {
  width: 95%;
  margin: 1em auto;
  border: 1px solid rgba(150, 150, 151, 0.5);
}
.layout main .checkout-guest-container.checkout-new {
  display: none;
}

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

.button-section {
  padding-top: 1em;
  float: right;
}
.button-section button {
  margin-right: 0.25em;
}

.login-container-popup, #user-popup-content {
  padding: 1rem;
}
.login-container-popup .login-modal-cta-group, #user-popup-content .login-modal-cta-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.login-container-popup #error-content, #user-popup-content #error-content {
  padding: 1rem 0 1rem 0;
}

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

#Category #container-content {
  display: block;
}
#Category #container-content #breadCrumb {
  padding-bottom: 1rem;
}

#container-content .product-list-header h1 {
  padding-bottom: 0.25em;
}
#container-content .product-grid-tools {
  display: flex;
}
@media only screen and (max-width: 1000px) {
  #container-content .product-grid-tools {
    flex-wrap: wrap;
  }
}
#container-content .results-count {
  padding-left: 1em;
}
#container-content .product-pages-navigation {
  font-weight: bold;
  padding-left: 1em;
}
#container-content .product-pages-navigation .pagination-listing {
  display: flex;
  padding: 0;
}
#container-content .product-pages-navigation .pagination-listing li {
  padding: 0 0.25em;
}
#container-content .product-pages-navigation .pagination-listing li:first-of-type {
  padding-left: 0;
}
#container-content .product-list-navigation-previous {
  margin-left: -6px;
}
#container-content .product-grid-tools > div {
  flex-grow: 1;
}
#container-content .product-results-and-paging {
  padding-right: 1rem;
}
@media only screen and (max-width: 640px) {
  #container-content .product-results-and-paging {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#container-content .product-grid-paging-sorting {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 0.75em;
}
@media only screen and (max-width: 639px) {
  #container-content .product-grid-paging-sorting {
    padding-top: 0.5rem;
    justify-content: initial;
  }
  #container-content .product-grid-paging-sorting #layout-search {
    display: inline-block;
    max-width: 12em;
  }
}
@media only screen and (max-width: 419px) {
  #container-content .product-grid-paging-sorting > button[data-toggle-sidebar] {
    padding: 0 0.75em 0 0.5em;
  }
  #container-content .product-grid-paging-sorting #layout-search {
    display: inline-block;
    max-width: 10.5em;
  }
}
#container-content .product-grid-paging-sorting div, #container-content .product-grid-paging-sorting form, #container-content .product-grid-paging-sorting ul, #container-content .product-grid-paging-sorting li {
  display: inline;
}
#container-content .product-grid-paging-sorting .select-container::after, #container-content .product-grid-paging-sorting .dropdown::after {
  top: -0.125em;
}
#container-content .product-grid-paging-sorting .select-container select, #container-content .product-grid-paging-sorting .dropdown select {
  line-height: 1.5rem;
  padding: 0 2rem 0 0.5rem;
}
#container-content .product-grid-paging-sorting .product-list-sorting .select-container {
  margin-left: 10px;
}
#container-content .product-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1em;
  padding: 1em 0;
}
@media only screen and (min-width: 420px) {
  #container-content .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 640px) {
  #container-content .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1066px) {
  #container-content .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  #container-content .product-grid[data-b-version] {
    grid-template-columns: repeat(3, 1fr);
  }
  #container-content .product-grid[data-b-version] .product-tile img.product-main-view {
    max-width: 350px;
  }
}
#container-content .product-grid ._ProductPaging article {
  width: auto;
}
#container-content .product-img {
  position: relative;
}
#container-content .product-img .image {
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}
#container-content .category-more {
  padding: 0 0 2em 0;
}

#product-list-wrapper li {
  list-style: none;
}
#product-list-wrapper main {
  position: relative;
  width: 100%;
}
#product-list-wrapper aside {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 3;
  height: 100vh;
  width: 16em;
  overflow-y: auto;
  border-right: 1px solid rgba(150, 150, 151, 0.5);
  padding: 1em;
  background: rgb(255, 255, 255);
  transition: all 0.35s ease-out;
}
#product-list-wrapper aside #sidebar-toggle {
  position: relative;
}
#product-list-wrapper aside #sidebar-toggle > button {
  padding: 0;
}
#product-list-wrapper aside button[data-toggle-sidebar] {
  position: absolute;
  right: 0;
}
#product-list-wrapper[data-sidebar=toggled] {
  grid-template-columns: 18em auto;
}
#product-list-wrapper[data-sidebar=toggled] [data-page-overlay] {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}
#product-list-wrapper[data-sidebar=toggled] aside {
  left: 0px;
}
#product-list-wrapper[data-sidebar=toggled] .overlay {
  opacity: 1;
  visibility: visible;
}
#product-list-wrapper .hide-filter {
  display: none;
}
@media only screen and (max-width: 639px) {
  #product-list-wrapper .show-filter {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }
}
@media only screen and (min-width: 768px) {
  #product-list-wrapper {
    display: grid;
    grid-template-columns: 14em auto;
    column-gap: 2em;
    transition: 0.3s;
    /*        &[data-sidebar="toggled"] { // Desktop toggled state (inverted from mobile)
        grid-template-columns: 0em auto;

        [data-page-overlay] {
            display: none;
        }

        aside {
            animation: none;
            opacity: 0;
            visibility: hidden;

            .input-checkbox_container .input-checkbox {
                visibility: hidden!important; //prevent screenreaders from dictating hidden checkboxes
            }
        }

        .hide-filter {
            display: none;
        }

        .show-filter {
            display: inline;
        }
    }*/
    /*        .hide-filter {
        display: inline;
    }*/
  }
  #product-list-wrapper button[data-toggle-sidebar] {
    display: none;
  }
  #product-list-wrapper aside {
    position: relative;
    left: auto;
    z-index: auto;
    width: 100%;
    border: none;
    padding: 0;
    visibility: visible;
    opacity: 1;
    overflow: unset;
    transition: opacity 0.25s;
    animation: none;
  }
  #product-list-wrapper aside #sidebar-toggle {
    display: none;
  }
  #product-list-wrapper .overlay {
    display: none;
  }
}

.category_widget_list {
  display: flex;
  list-style: none;
}

.pannel-action.activePannel .material-icons {
  transform: rotate(180deg);
}

.pannel-action {
  font-size: 16px;
}

#category-long-description {
  margin-top: 4rem;
  padding: 4rem 1rem 0.5rem 1rem;
  border-top: 1px solid #efefef;
}
#category-long-description h2 {
  font-size: 1.25rem;
}
#category-long-description h3, #category-long-description h4 {
  font-size: 1rem;
}

#layout-product {
  width: 100%;
}
#layout-product .btn-cta {
  color: rgb(0, 0, 0);
  border: 2px solid rgb(0, 0, 0);
  font-weight: 500;
}
#layout-product #myTabContent {
  -ms-overflow-x: inherit !important;
  -ms-overflow-y: inherit !important;
}

#Product-Container {
  display: flex;
}

#Product-Left .product-description {
  display: none;
}
@media screen and (min-width: 768px) {
  #Product-Left .product-description {
    display: block;
  }
}
#Product-Left .product-overview {
  display: block;
}
@media screen and (min-width: 768px) {
  #Product-Left .product-overview {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #Product-Right {
    border: 1px solid rgba(150, 150, 151, 0.5);
    border-radius: 0.75rem;
    padding: 2em;
  }
}
#Product-Right .product-description {
  display: block;
}
@media screen and (min-width: 768px) {
  #Product-Right .product-description {
    display: none;
  }
}
#Product-Right .product-variations {
  padding-bottom: 0.5em;
}

.decoration-location {
  padding: 1.25em;
  margin-bottom: 2em;
}

#totalQty {
  border: 0 none;
}

.mute {
  background-color: rgb(242.75, 242.75, 242.75);
}
.mute b {
  color: #4d4d4d;
  font-weight: 200;
}

.product-quantity-container {
  position: relative;
  border-radius: 0.3rem;
  padding: 1.25em;
  background: rgb(247, 247, 247);
}

#Share-Links-Container {
  display: flex;
  justify-content: flex-end;
  font-size: 1em;
  padding: 0;
  margin: 0 0 1.25em;
}
#Share-Links-Container li {
  margin-right: 0.25em;
  list-style: none;
}
#Share-Links-Container a {
  color: rgb(0, 0, 0);
}

.product {
  display: flex;
  flex-direction: column;
  width: 100%;
  /*   //test ordering elements
  .product-info {
      order: 3;

      @media screen and (min-width: $breakMedium) {
          order: 5;
      }
  }

  .product-description {
      order: 4;

      @media screen and (min-width: $breakMedium) {
          order: 2;
      }

      ul {
          margin-left: .25em;

          li {
              list-style: circle;
          }

          li::marker {
              font-size: .75rem;
          }
      }
  }

  #productSpacer {
      @media screen and (min-width: $breakMedium) {
          order: 3;
      }
  }

  .section-reviews {
      order: 6;

      @media screen and (min-width: $breakMedium) {
          margin-top: 1em;
      }
  }
  //End Test
  */
}
@media screen and (min-width: 768px) {
  .product {
    flex-direction: row;
    justify-content: space-between;
  }
}
.product > div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product > div {
    width: 48.5%;
    margin: 0;
  }
}
.product .product-name {
  padding: 0 0 0.25em 0;
  font-size: 1.7em;
  line-height: 1;
  text-transform: none;
}
.product .productImages a {
  display: block;
}
.product .productImages a:focus, .product .productImages a:focus-within {
  box-shadow: 0em 0em 0.5em rgba(255, 105, 60, 0.25);
  border-radius: 5px;
}
.product .productImages img {
  max-width: 100%;
  transition: border 0.25s;
  border-radius: 5px;
}
.product #product-lens-image.loading::after {
  content: "loading";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  top: 0;
}
.product #logo-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.25em;
  padding: 0.25rem 1rem 0 0.4rem;
  border-radius: 1rem;
  text-align: right;
  background-color: rgb(247, 247, 247);
}
.product #logo-toolbar.loading {
  pointer-events: none;
}
.product #logo-toolbar #removeArtworkBackgroundCheckbox, .product #logo-toolbar #showArtworkBackground {
  white-space: nowrap;
  margin-bottom: 0.25rem;
}
.product #logo-toolbar #removeArtworkBackgroundCheckbox.disabled {
  opacity: 0.5;
}
.product #logo-toolbar label {
  display: inline;
  font-weight: normal;
}
.product .simpleLens-gallery-container .simpleLens-container {
  width: 100%;
}
.product .simpleLens-gallery-container .simpleLens-container .deco-loading {
  font-size: 1.25em;
  font-weight: 500;
}
.product .simpleLens-gallery-container .simpleLens-container .deco-loading .spp-logo-loading {
  height: 40%;
  width: 100%;
  max-height: 12em;
  margin: 1em;
  background-image: url(/views/themes/SalmonSalmon/images/spp-decoration-loading.svg?v=1.0.0);
  background-repeat: no-repeat;
  background-position: calc(50% + 0.75em) center;
}
.product .simpleLens-gallery-container .simpleLens-container .img-loading {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  transition: opacity 0.125s;
  pointer-events: none;
}
.product .simpleLens-gallery-container .simpleLens-container .img-loading .spp-img-loading {
  background: url(/assets/images/loading.svg?v=1.0.0) center no-repeat;
  display: block;
  height: 4em;
  width: 4em;
  opacity: 0;
  transition: opacity 0.25s;
}
.product .simpleLens-gallery-container .simpleLens-container .img-loading.loading {
  opacity: 1;
  transition-duration: 0s;
  transition-delay: 0s;
}
.product .simpleLens-gallery-container .simpleLens-container .img-loading.loading .spp-img-loading {
  opacity: 1;
  transition-delay: 0.5s;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container {
  border: 1px solid rgb(150, 150, 151);
  border-radius: 5px;
  position: relative;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader {
  left: inherit;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-lens-element {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 2px 2px rgba(150, 150, 151, 0.5);
  height: 400px;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 480px;
  z-index: 9999;
  text-align: center;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-lens-element img {
  position: relative;
  top: 0;
  left: 0;
  width: auto !important;
  max-width: none !important;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader .simpleLens-mouse-cursor {
  background-color: rgba(150, 150, 151, 0.5);
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgb(150, 150, 151);
  box-shadow: 0 0 2px 2px rgb(150, 150, 151);
  cursor: none;
}
.product .simpleLens-gallery-container .simpleLens-big-image-container .spp-loader #product-image {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}
.product .simpleLens-gallery-container #image-zoom {
  position: absolute;
  top: 0;
  border: 2px solid rgb(77, 77, 79);
  visibility: hidden;
  width: 100%;
}
.product .simpleLens-gallery-container #image-zoom.loading {
  background-image: url(/assets/images/loading.svg?v=1.0.0);
  background-color: rgba(255, 255, 255, 0.875);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
}
.product .simpleLens-gallery-container #image-zoom.loading > img {
  visibility: hidden !important;
}
.product .simpleLens-gallery-container #image-zoom.zoomed-in {
  visibility: initial;
}
.product .simpleLens-gallery-container #image-zoom.zoomed-in + #zoom-button {
  background-color: rgb(27, 108, 224);
}
.product .simpleLens-gallery-container img#zoomed-image {
  max-width: inherit;
}
.product .simpleLens-gallery-container #zoom-button {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0.25em;
  border: 0;
  padding: 0;
  background: rgb(77, 77, 79);
  border-radius: 50%;
  height: 1.5em;
  border: 2px solid rgb(221, 221, 221);
  width: 1.5em;
  font-size: 2rem;
  transition: background 0.35s ease;
  color: rgb(255, 255, 255);
}
.product .simpleLens-gallery-container .product-altimages .owl-carousel {
  margin: 0;
  padding-top: 0;
  width: auto;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper {
  display: flex !important;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item {
  max-width: 6.5em;
  margin-right: 0.5em;
  min-height: 100px;
  min-width: 100px;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item .item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item .item img {
  border: 1px solid rgb(150, 150, 151);
  border-radius: 5px;
}
.product .simpleLens-gallery-container .product-altimages .owl-wrapper .owl-item.selected-item img {
  border-width: 3px;
}
.product .simpleLens-thumbnails-container .item {
  padding-top: 0.5em;
}
.product .simpleLens-thumbnails-container .item img {
  border: 2px solid rgb(150, 150, 151);
  border-radius: 5px;
}
.product .price-customization-text {
  font-size: 10px;
  line-height: 1;
  font-style: italic;
  font-weight: bold;
}
.product .price-customization-text .mt-40 {
  margin-top: 40px;
}
.product #product-size-upcharge {
  position: relative;
  padding: 1rem 0 1rem 2rem;
}
.product #product-size-upcharge .material-icons {
  position: absolute;
  top: 1rem;
  left: 0;
}
.product .quantity {
  max-width: 4rem;
  text-align: center;
  padding: 0.25rem 0.5rem;
  margin: 0;
}
.product .productOverview {
  padding-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .product .productOverview {
    padding-top: 0;
  }
}
.product .productOverview .product-number {
  color: rgb(150, 150, 151);
}
.product .productOverview .product-highlight .decoration_info {
  color: rgb(255, 105, 60) !important;
}
.product .product-customize .star-rating {
  font-size: 0.8em;
  line-height: 2em;
}
.product .product-customize > div {
  margin: 1em auto;
}
.product .product-customize > div.product-price-container {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  margin-bottom: 0;
  text-align: left;
}
.product .product-customize > div.product-rating {
  margin-top: 0;
}
.product .product-customize > div .decoration-heading {
  background-color: #4a4a4a;
  color: rgb(255, 255, 255);
  padding: 6px 10px 6px 4px;
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.product .product-customize > div .decoration-heading .icon-down {
  font-size: 18px;
  border-right: 1px solid #fff;
  margin-right: 7px;
  padding-right: 3px;
}
.product .product-lead-time {
  margin: 5rem auto 1rem auto;
}
.product #lead-time #calendar-button {
  display: none;
}
.product .product-znode-number {
  color: rgb(150, 150, 151);
}
.product .product-description {
  margin: 1em auto;
}
.product #dynamic-product-variations .sp-pdp-size {
  width: 100%;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings.product-total-quantity, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator.product-total-quantity {
  margin-top: 1rem;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings .product-quantity-input, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator .product-quantity-input {
  text-align: right;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings #subtotal, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings #totalQty, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator #subtotal, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator #totalQty {
  width: 45%;
  margin-left: 10px;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings.has-notification #subtotal, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings.has-notification #totalQty, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator.has-notification #subtotal, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator.has-notification #totalQty {
  width: 26rem;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings .product-minimum-quantity-notif, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator .product-minimum-quantity-notif {
  font-weight: 400;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .sp-pdp-headings .product-minimum-quantity-notif.error, .product #dynamic-product-variations .sp-pdp-size.product-has-sizes .pdp-calculator .product-minimum-quantity-notif.error {
  color: rgb(204, 0, 0);
  font-weight: bold;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .product-size-quantity-group {
  display: flex;
  flex-direction: column;
  flex-direction: column-reverse;
  padding: 1rem 1.1rem 0 0;
  text-align: center;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .product-size-quantity-group .product-size-label {
  margin-top: 0.25rem;
  font-weight: bold;
}
.product #dynamic-product-variations .sp-pdp-size.product-has-sizes .product-size-quantity-group .product-price-label {
  font-size: 0.85em;
  font-weight: 600;
  justify-content: center;
  display: none;
}
.product #dynamic-product-variations .sp-pdp-size.product-no-sizes {
  display: flex;
  flex-flow: row wrap;
}
.product #dynamic-product-variations .sp-pdp-size.product-no-sizes .product-quantity-label, .product #dynamic-product-variations .sp-pdp-size.product-no-sizes .product-quantity-input {
  width: 50%;
}
.product #dynamic-product-variations .sp-pdp-size.product-no-sizes .product-quantity-label {
  padding-top: 0.25rem;
}
.product #dynamic-product-variations .sp-pdp-size.product-no-sizes .product-quantity-input {
  text-align: right;
}
.product #dynamic-product-variations .product-subtotal, .product #dynamic-product-variations .product-total-quantity {
  font-weight: bold;
}
.product #dynamic-product-variations .product-subtotal {
  font-size: 1rem;
}
.product #customizationItems {
  display: grid;
  grid-row-gap: 10px;
}
.product #customizationItems #colorSelect {
  border: 1px solid green;
  height: 25px;
}
.product #customizationItems #logoSelect {
  border: 1px solid #ff6a00;
  height: 25px;
}
.product #customizationItems #personalization {
  border: 1px solid #0094ff;
  height: 25px;
}
.product #customizationItems #monogramming {
  border: 1px solid #b200ff;
  height: 25px;
}
.product #needHelp {
  font-style: italic;
}
.product #needHelp h5 {
  padding: 0;
  font-weight: 400;
}
.product #estimatedDeliveryDate {
  padding: 10px;
  border: 3px solid #c2c2c2;
}
.product #estimatedDeliveryDate p {
  padding: 0;
  line-height: 12px;
  font-size: 12px;
}
.product #availabilitySmallCopy {
  font-size: 12px;
  line-height: 14px;
}
.product .section-reviews {
  display: none;
  margin: 1em auto;
}
.product .product-short-description h3 {
  text-transform: uppercase;
}
.product .product-short-description li {
  list-style: disc;
}
.product .product-description li {
  margin-left: 1em;
}

.product-color-selector {
  margin-bottom: 1.25em;
  border-radius: 0.3rem;
  padding: 1.25em;
  background: rgb(247, 247, 247);
}
.product-color-selector label {
  display: flex !important;
}
.product-color-selector [type=radio]:checked + label:before, .product-color-selector [type=radio]:not(:checked) + label:before {
  content: none !important;
}
.product-color-selector [type=radio]:checked + label:after, .product-color-selector [type=radio]:not(:checked) + label:after {
  content: none !important;
}

.productExtras {
  width: 100%;
  border-top: 1px solid rgba(150, 150, 151, 0.5);
  margin: 1em 0;
  padding-top: 3em;
}

.free-shipping {
  background-color: rgb(247, 247, 247);
  padding: 1rem 1rem calc(1rem - 10px) 1rem;
  margin: 1rem 0;
  display: none;
}
.free-shipping.active {
  display: block;
}
.free-shipping #free-shipping-status strong:nth-of-type(1) {
  display: block;
}
.free-shipping p {
  display: flex;
  align-items: center;
  justify-content: center;
}
.free-shipping svg {
  margin-right: 0.5rem;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  filter: drop-shadow(0 0 0.25rem #cacaca);
}

.product-info h2 {
  margin-bottom: 1rem;
  font-size: 1.3em;
}
.product-info #Selected-Color, .product-info #ColorOptions-Count {
  color: rgb(77, 77, 79);
}
.product-info .swatch-img-container {
  padding: 0;
}
.product-info .swatch-img-container label {
  display: block;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: normal;
}
.product-info .swatch-img-container ul {
  padding: 0;
  margin: 0;
}
.product-info .swatch-img-container ul li {
  display: inline-block;
  cursor: pointer;
}
.product-info .swatch-img-container ul img {
  border: 1px solid #c3c3c3;
  margin: 0 5px 5px 0;
  max-height: 40px;
  max-width: 40px;
}
.product-info .swatch-img-container ul img:hover {
  border: 1px solid rgb(255, 105, 60);
}
.product-info .color-swatch {
  padding: 0 1em;
  margin: 0;
  line-height: 2em;
}
.product-info .color-swatch .styled-input input[type=radio] {
  display: none;
}
.product-info .color-swatch li {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 12px;
  vertical-align: middle;
  margin-right: 12px;
}
.product-info .color-swatch li:hover label span.color-name, .product-info .color-swatch li:focus-within label span.color-name {
  display: block;
}
.product-info .color-swatch li.out-of-stock .color-swatch-swatch {
  opacity: 0.2;
}
.product-info .color-swatch li.out-of-stock > label {
  pointer-events: none;
  border-color: grey !important;
  background: linear-gradient(40deg, rgb(255, 255, 255) 47%, rgb(171, 171, 171) 49%, rgb(171, 171, 171) 50%, rgb(171, 171, 171) 51%, rgb(255, 255, 255) 53%);
}
.product-info .color-swatch li.out-of-stock .color-name {
  color: #CCC;
}
.product-info .color-swatch li.out-of-stock p.out-of-stock-text {
  color: #FFF;
  font-style: italic;
}
.product-info .color-swatch li label {
  position: relative;
  margin: 0;
  padding: 0;
  /* width: calc(2em + 2px);
  height: calc(2em + 2px);*/
  border-radius: 50%;
  border: 2px solid transparent;
  text-align: center;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
}
.product-info .color-swatch li label.scratch-image.scratchattribute:before {
  background: none;
  position: absolute;
  content: "";
  left: -5px;
  top: 50%;
  right: -5px;
  color: #c3c3c3;
  padding: 0;
  margin: 0;
  border-top: 1px solid #c3c3c3;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product-info .color-swatch li label:before, .product-info .color-swatch li label:after {
  color: transparent;
}
.product-info .color-swatch li label.active, .product-info .color-swatch li label:hover, .product-info .color-swatch li label:active {
  border: 1px solid rgb(150, 150, 151);
}
.product-info .color-swatch li label:hover, .product-info .color-swatch li label:active {
  border-color: rgb(255, 105, 60);
}
.product-info .color-swatch li label span.color-swatch-swatch {
  font-size: 2em;
  cursor: pointer;
  height: calc(1em - 2px);
  width: calc(1em - 2px);
  border-radius: 50%;
  border: 1px solid rgb(221, 221, 221);
  background-size: cover;
  background-position: top center;
}
.product-info .color-swatch li label.active span.color-swatch-swatch, .product-info .color-swatch li label:hover span.color-swatch-swatch, .product-info .color-swatch li label:focus i, .product-info .color-swatch li label:active span.color-swatch-swatch {
  height: 1em;
  width: 1em;
  border: 3px solid rgb(255, 255, 255);
}
.product-info .color-swatch li label.scratch-text {
  padding: 0 10px;
}
.product-info .color-swatch li label.scratch-text.scratchattribute:before {
  background: none;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  color: #c3c3c3;
  padding: 0;
  margin: 0;
  border-top: 1px solid #c3c3c3;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-10deg);
}
.product-info .color-swatch li i.icon-stop {
  pointer-events: none;
}
.product-info .color-swatch li span.color-name {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid rgba(150, 150, 151, 0.5);
  top: calc(100% + 0.5em);
  z-index: 1;
  left: -1em;
  padding: 0.5em;
  pointer-events: none;
}
.product-info .color-swatch li span.color-name::before {
  content: "";
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  background: inherit;
  border: inherit;
  border-bottom: none;
  border-right: none;
  top: -0.5em;
  left: 1.25em;
  transform: rotate(45deg);
}
.product-info .swatch-img li img {
  /*max-width: 37px;
  max-height: 37px;
  padding: 3px;*/
  /*height: 1em;
  width: 1em;*/
  border: 1px solid rgb(255, 255, 255);
  font-size: 2em;
  cursor: pointer;
  border-radius: 50%;
  background-size: cover;
  background-position: top center;
}
.product-info .sp-approved-logo ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  align-items: center;
}
.product-info .sp-approved-logo ul li {
  list-style-type: none;
  margin-right: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  border: 1px solid #c3c3c3;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #f0f0f0;
}
.product-info .sp-approved-logo ul li.active, .product-info .sp-approved-logo ul li:hover {
  border: 1px solid rgb(255, 105, 60);
}
.product-info .sp-approved-logo ul li img {
  max-width: 30px !important;
  max-height: 30px !important;
  vertical-align: middle;
  display: inline-block;
  padding: 2px;
  margin: auto;
}
.product-info .sp-approved-logo .dropdown .btn {
  background: none;
  border-radius: 0;
  border: 1px solid #c3c3c3;
  margin: 10px 0 20px 0;
  text-align: left;
  background: #fff url("../../Images/drop-arrow.png?v=1.0.0") no-repeat 98% center;
  height: 40px;
}
.product-info .sp-approved-logo span {
  line-height: 20px;
}
.product-info .sp-approved-logo select option {
  background-color: #eee;
}
.product-info .sp-approved-logo select option:checked:after {
  box-shadow: inset 20px 20px #eee;
}

.product-details-tab .nav-tabs {
  margin: 0;
  padding: 0;
}
.product-details-tab .nav-tabs li a {
  border: none;
  background-color: transparent;
}
.product-details-tab .nav-tabs li a:hover, .product-details-tab .nav-tabs li a:focus {
  border: none;
}
.product-details-tab .nav-tabs li.active a {
  background-color: #cc0000;
  color: #fff;
  border-color: #cc0000;
}
.product-details-tab .btn-color-primary {
  display: inline-block;
  min-width: 70px;
  text-align: center;
  border: none;
  color: #fff;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  padding: 0 10px;
  margin-top: 10px;
  height: 34px;
  line-height: 34px;
  background-color: #cc0000;
}

.cut-price {
  color: rgb(202, 202, 202);
  padding-left: 5px;
  text-decoration: line-through;
}

#subhead-quantity {
  margin-bottom: 0.25em;
}

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

#pdp-cta {
  width: 100%;
  font-family: inherit;
}
#pdp-cta > div {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  line-height: 1.25em;
}
@media screen and (min-width: 640px) {
  #pdp-cta > div {
    flex-direction: row;
    font-size: 1.25em;
  }
}
#pdp-cta .left {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  padding: 1em;
}
@media screen and (min-width: 640px) {
  #pdp-cta .left {
    padding: 0;
  }
}

.product-price-simple {
  display: inline;
}
.product-price-simple .product-unit-price {
  font-weight: bold;
  font-size: 1.25em;
}

.product-was-price {
  display: inline;
  text-decoration: line-through;
}

.tierPriceItem {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  gap: 2px 2px;
  width: 100%;
  margin: 0.5rem auto 1.25rem auto;
}
.tierPriceItem h4 {
  width: 100%;
  font-size: inherit;
}
.tierPriceItem .tierPriceItemGroup {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  flex-grow: 1;
  padding: 0.5rem 0.75rem;
}
.tierPriceItem .tierPriceItemGroup .tierPriceQTY, .tierPriceItem .tierPriceItemGroup .tierPricePrice {
  flex-grow: 1;
  white-space: nowrap;
}
.tierPriceItem .tierPriceItemGroup .tierPriceQTY {
  border-bottom: 1px solid rgb(202, 202, 202);
  font-weight: 600;
}
.tierPriceItem .tierPriceItemGroup .tierPriceQTYTitle {
  border-bottom: none;
}
.tierPriceItem .tierPriceItemGroup .tierPricePrice {
  text-align: left;
}
.tierPriceItem .tierPriceItemGroup .tier-best-value {
  display: none;
}
.tierPriceItem .tierPriceItemGroup .tier-best-value:after {
  content: "\e54e";
  color: rgb(105, 201, 63);
}
.tierPriceItem .tierPriceItemGroup .tier-best-value .tier-best-value-label {
  display: none;
}
.tierPriceItem .tierPriceItemGroup.key {
  font-size: 0.8em;
  padding: 0.5em 1em;
  text-align: right;
  font-style: italic;
}
.tierPriceItem .tierPriceItemGroup.key .tierPriceQTY-label, .tierPriceItem .tierPriceItemGroup.key .tierPricePrice-label {
  padding: 0.125em 0;
}

#tier-price-toggle {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
}
#tier-price-toggle + .tier-price-listing {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  transition: all 0.35s;
}
#tier-price-toggle + .tier-price-listing.active {
  visibility: visible;
  opacity: 1;
  max-height: 50vh;
  max-width: 600px !important;
  overflow-y: hidden !important;
  overflow-x: auto;
  flex-wrap: nowrap !important;
}

.tier-price-listing {
  display: flex;
}

.product-call-to-action {
  position: relative;
  text-align: right;
  padding: 1em 0;
  display: flex;
  justify-content: flex-end;
}
.product-call-to-action .cart-add div, .product-call-to-action .wishlist-add div {
  flex-direction: column;
}
.product-call-to-action .wishlist-add .btn-wishlist span {
  padding-right: 0.25em;
}
.product-call-to-action .wishlist-add .wishlist-status {
  margin-top: 0.45em;
  font-size: 0.9rem;
}
.product-call-to-action .product-add-wishlist, .product-call-to-action form {
  display: inline;
}
@media screen and (min-width: 640px) {
  .product-call-to-action .btn-primary {
    margin-left: 1em;
  }
}
.product-call-to-action form .zf-cart {
  display: none;
}
.product-call-to-action #trusted-transaction {
  position: relative;
  overflow: visible;
  min-width: 12em;
  padding: 0.5em 1.25em;
  font-size: 0.8rem;
}
.product-call-to-action #trusted-transaction:hover {
  cursor: pointer;
}
.product-call-to-action #trusted-transaction .material-icons {
  margin-top: -5px;
}
.product-call-to-action #trusted-transaction .tooltip {
  right: 0 !important;
}
.product-call-to-action #trusted-transaction .tooltip:after {
  left: 2rem;
}
.product-call-to-action #trusted-transaction:hover .tooltip, .product-call-to-action #trusted-transaction:focus .tooltip {
  display: block;
  opacity: 1;
}

.personalized-attributes {
  z-index: 1;
}
.personalized-attributes.border-top-bottom {
  border-top: 1px solid rgba(150, 150, 151, 0.5);
  border-bottom: 1px solid rgba(150, 150, 151, 0.5);
  margin-bottom: 10px;
  padding: 10px 0;
}
.personalized-attributes a.CB-PersonalizeHeaderInfo, .personalized-attributes a.CB-LabelAppliesToAllQtyAdded {
  display: none;
}
.personalized-attributes .personlised-attribute-block {
  padding: 20px;
  background-color: rgba(150, 150, 151, 0.15);
  margin-bottom: 20px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-head {
  margin-bottom: 15px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body {
  padding-left: 10px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .input-validation-error {
  box-shadow: none;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute {
  margin-bottom: 5px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute select {
  font-size: 1rem;
  margin: 0.25em 0;
  padding: 0.5rem;
  border: 1px solid rgba(57.3529411765, 57.3529411765, 57.7352941176, 0.675);
  box-sizing: border-box;
  border-radius: 0px;
  transition: box-shadow 0.25s ease-in-out;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove {
  position: relative;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon {
  position: absolute;
  right: 5px;
  top: 11px;
}
.personalized-attributes .personlised-attribute-block .personalized-attributes-body .personlised-attribute .customized-txt-remove .remove-icon .icon-cross {
  font-size: 8px;
  font-weight: 300;
}
.personalized-attributes .personlised-attribute-block .preview-btn {
  text-align: right;
}
.personalized-attributes .personlised-attribute-block .preview-btn .icon-refresh {
  font-weight: 900;
}
.personalized-attributes .personlised-attribute-block i {
  margin-left: 0.25em;
}
.personalized-attributes .personalized-attribute-note {
  font-size: 0.78rem;
}
.personalized-attributes .personalized-attributes-list {
  border-top: 1px solid rgba(150, 150, 151, 0.5);
  padding: 5px 0;
  font-weight: 600;
}
.personalized-attributes .personalized-attributes-list .personalized-attribute {
  margin: 5px 0;
}
.personalized-attributes .view-customization {
  cursor: pointer;
  margin: 10px 0;
}
.personalized-attributes .view-customization .icon-minus:before {
  content: "remove";
  font-size: 10px;
}
.personalized-attributes .view-customization.collapsed .icon-minus:before {
  content: "add";
}
.personalized-attributes .icon-italic-info {
  font-size: 16px;
}

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

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

.fuzzysort {
  width: 100%;
  position: relative;
  margin-bottom: 2em;
}
.fuzzysort input {
  margin: 0;
}
.fuzzysort .fuzzy-sort-list {
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 5;
  top: 100%;
  left: 0;
}
.fuzzysort i.zf-arrow-down-small {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 0;
}

#dynamic-product-variations > div.pd-nonassortment-link,
#dynamic-product-variations > div.pd-assortment-link {
  display: flex;
  flex-flow: row nowrap;
}

button.btn-assortmentlink.button-assortmentlink.btn-tertiary {
  background: none;
  padding: 0 1em;
  margin: 0 0 1em 0.5em;
  color: rgb(255, 105, 60);
}

.product .productImage .simpleLens-big-image-container {
  position: relative;
}

.section-reviews .reviews-header {
  display: flex;
  justify-content: space-between;
}
.section-reviews .product-review {
  padding-bottom: 1em;
}
.section-reviews .product-rating, .section-reviews .review-meta {
  padding-bottom: 0.4rem;
}

.write-review .page-title {
  text-align: left;
  margin-bottom: 0;
}
.write-review .review {
  margin-top: 10px;
}
.write-review .review-btn {
  float: left !important;
  margin-bottom: 20px;
}
.write-review .review-btn .btn-cancel {
  min-width: 12em;
  border: 1px solid #cc0000;
  border-radius: 4em;
  padding: 0.75em 1.25em;
  background: #cc0000;
  color: #FFF;
  font-size: 1rem;
  font-weight: 600;
}

.search-paging .search-pagination {
  padding: 0 5px 0 0;
}
.search-paging .search-pagination ul {
  float: right;
  padding: 7px 10px;
}
.search-paging .search-pagination .search-more-nav.arrow-left, .search-paging .search-pagination .search-more-nav.arrow-right {
  display: inline-block;
  border: 1px solid rgba(150, 150, 151, 0.5);
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
}
.search-paging .search-pagination .search-more-nav.arrow-left a, .search-paging .search-pagination .search-more-nav.arrow-right a {
  padding: 8px;
}
.search-paging .search-pagination .search-more-nav.arrow-left a.disabled, .search-paging .search-pagination .search-more-nav.arrow-right a.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.review-buttons .btn-bg-primary {
  display: inline-block;
  min-width: 70px;
  text-align: center;
  border: none;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  padding: 0 10px;
  margin-left: 5px;
  height: 34px;
  line-height: 34px;
  background-color: #cc0000;
}

.d-flex {
  display: flex;
}

#AddedToCartConfirmation .modal-dialog {
  background: rgb(255, 255, 255);
  border-radius: 0.4em;
  padding: 2em;
  width: calc(100% - 1.25em);
}
@media screen and (min-width: 640px) {
  #AddedToCartConfirmation .modal-dialog {
    width: 30%;
    min-width: 360px;
    margin: 1em auto;
  }
}
#AddedToCartConfirmation .modal-dialog .upper-modal {
  display: flex;
  flex-direction: column;
}
#AddedToCartConfirmation .modal-dialog .upper-modal div {
  text-align: center;
  padding: 1.75em 0 1em;
  font-size: 1.25em;
}
#AddedToCartConfirmation .modal-dialog .upper-modal div b {
  color: #cc0000;
  font-size: 1.5em;
}
#AddedToCartConfirmation .modal-dialog .upper-modal div p {
  font-weight: 600;
  padding-top: 0.75em;
  margin-bottom: 0;
}
#AddedToCartConfirmation .modal-dialog .upper-modal ul {
  padding: 0;
}
#AddedToCartConfirmation .modal-dialog .upper-modal ul li {
  list-style-type: none;
  padding-top: 0.75em;
}
#AddedToCartConfirmation .modal-dialog .upper-modal img {
  max-width: 15em;
  margin: auto;
}
#AddedToCartConfirmation .modal-dialog hr {
  margin-top: 0;
}
#AddedToCartConfirmation .modal-dialog .cta {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 0.5em;
  text-align: center;
}
#AddedToCartConfirmation .modal-dialog .cta a {
  display: block;
  margin-bottom: 0.25rem;
}
#AddedToCartConfirmation .modal-dialog .cta a.btn-primary {
  margin: 0 auto 1rem auto;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.justify-content-between {
  justify-content: space-between;
}

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

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

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

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

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

.span-in-stock-message {
  color: #cc0000;
  font-size: 11px;
}

.product-label-error {
  color: #cc0000;
}

.quantity-box-error {
  border-color: #cc0000;
}

.personalization-text .personalized-attributes .text-end {
  display: flex;
}
.personalization-text .personalized-attributes .text-end .char-line {
  margin-right: 3px;
}

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

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

.product-info .color-swatch li label {
  width: 46px;
  height: 46px;
}
.product-info .color-swatch li label.active img.image-swatches, .product-info .color-swatch li label:hover img.image-swatches {
  border: 3px solid rgb(255, 255, 255);
}

.size-guide-popup .modal-content .close {
  margin: 5px 10px 0 0;
}
.size-guide-popup .modal-content .close .icon-cross {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
}
.size-guide-popup .modal-content h1 {
  font-size: 1.5em !important;
  margin: 15px;
}
.size-guide-popup .modal-content .model-body {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .size-guide-popup {
    width: 30.3% !important;
    max-width: 1024px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .size-guide-popup {
    width: 50% !important;
    max-width: 1024px;
  }
  .quick-view-popup .quickviewpopup-wrapper .size-guide-popup {
    width: 50% !important;
  }
}
.product-image, .product-img {
  position: relative;
}
.product-image .btn-card-quick-view, .product-img .btn-card-quick-view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 30px;
  white-space: nowrap;
  display: none;
}

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

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

@media screen and (max-width: 768px) {
  .product-image .btn-card-quick-view, .product-img .btn-card-quick-view {
    display: none;
  }
  .product-img:hover .btn-card-quick-view {
    display: none;
  }
  .product-image:hover .btn-card-quick-view {
    display: none;
  }
}
.csv-confirm-modal .modal-content {
  padding: 2rem 4rem 1rem;
  text-align: center;
}
.csv-confirm-modal .modal-content h4 {
  margin-top: 1rem;
}
.csv-confirm-modal .modal-content .btn-wrapper {
  margin-top: 2rem;
}
.csv-confirm-modal .modal-content .btn-wrapper .upload-btn {
  padding: 0.5rem 4rem;
}
.csv-confirm-modal .modal-content .btn-wrapper .cancel-btn {
  padding: 0.5rem 5.2rem;
  margin-top: 0px;
}

.d-none {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

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

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

#removeFile {
  margin-left: 1rem;
}

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

#removeFile {
  margin-left: 1rem;
}

.product-filters-containerc {
  margin-top: 0.7rem !important;
  margin-bottom: 1rem;
  flex-direction: column;
}
.product-filters-containerc select {
  width: 49%;
  padding: 0.5rem;
}

.multipleoption {
  margin-top: 1rem !important;
}
.multipleoption .zf-download {
  margin-right: 0.2rem;
  font-weight: 600 !important;
}
.multipleoption .salmons-icons {
  font-size: 15px;
}
.multipleoption .upload-spreadsheet .label-text {
  font-size: 16px;
  font-weight: 600 !important;
  margin-right: 3px;
}
.multipleoption .upload-spreadsheet .text-download-template {
  font-weight: 500 !important;
  text-decoration: underline;
}
.multipleoption .manualform {
  width: 49%;
}

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

.upload-file {
  margin-top: 2.5rem;
}

.manualform {
  display: block;
}

.eCertFieldsContainer .sp-pdp-headings {
  background: #666;
  color: rgb(255, 255, 255);
  margin: 10px 0;
  padding: 3px 10px;
}

@media screen and (max-width: 380px) {
  .btn-wrapper .upload-btn, .btn-wrapper .upload-btn {
    padding: 0;
  }
}
.border-bottom {
  border-bottom: 1px solid rgba(150, 150, 151, 0.5);
  padding-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  .product-filters-containerc select {
    width: 100%;
  }
  .manualform .form-item {
    width: 100% !important;
  }
  label[data-test-selector=lblTo] {
    display: block;
  }
  .multipleoption .manualform {
    width: 100%;
  }
}
.link-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.blog-list-page .page-title {
  background-color: #f3f3f3;
  padding: 1em 0;
  margin: 1em -1em;
}

.left-header {
  max-width: 60% !important;
  margin: 2em 5em;
  float: left;
  text-align: left;
}

.right-header {
  float: right;
  margin: -1em;
}

.blog-subhead {
  text-transform: uppercase;
  color: #cc0000;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.feat-header {
  padding: 0.2em 0 0.75em;
  font-weight: 900;
}

.feat-description {
  padding-bottom: 1.25em;
}

.blog-navigation ul {
  padding: 0 0 2em 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
@media screen and (min-width: 779px) {
  .blog-navigation ul {
    justify-content: space-between;
  }
}
.blog-navigation ul li {
  padding: 0.5em;
}
.blog-navigation ul a {
  text-transform: none;
  font-weight: 700;
  color: rgb(0, 0, 0);
  cursor: pointer;
}
.blog-navigation ul a:hover, .blog-navigation ul a:focus, .blog-navigation ul a:focus-within {
  color: rgb(255, 105, 60);
}
.blog-navigation ul a.active {
  color: rgb(255, 105, 60);
}

.see-more-grid li.all {
  display: none !important;
}

.blog-list-page .blog-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
  animation: fadeIn 0.75s ease-in;
}
.blog-list-page .blog-grid > form {
  width: 100%;
}
.blog-list-page .blog-grid figure {
  width: 100%;
  animation: fadeIn 0.65s ease;
}
@media screen and (min-width: 640px) {
  .blog-list-page .blog-grid figure {
    width: calc(50% - 1em);
    margin: 0.5em;
  }
}
@media screen and (min-width: 779px) {
  .blog-list-page .blog-grid figure {
    width: calc(33% - 1.5em);
  }
}
@media screen and (min-width: 1066px) {
  .blog-list-page .blog-grid figure {
    width: calc(25% - 3em);
    margin: 0.75em 1.5em;
  }
}
.blog-list-page .blog-grid figure .image {
  position: relative;
  will-change: mix-blend-mode;
}
.blog-list-page .blog-grid figure .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  transition: background 0.35s ease;
}
.blog-list-page .blog-grid figure:hover h3, .blog-list-page .blog-grid figure:focus h3, .blog-list-page .blog-grid figure:focus-within h3 {
  color: rgb(255, 105, 60);
}
.blog-list-page .blog-grid figure:hover .blog-news-tags, .blog-list-page .blog-grid figure:focus .blog-news-tags, .blog-list-page .blog-grid figure:focus-within .blog-news-tags {
  color: rgb(127.5, 127.5, 127.5);
}
.blog-list-page .blog-grid figure:hidden {
  animation: fadeOut 0.65s ease;
}
.blog-list-page .blog-grid figure img {
  width: 100%;
  display: block;
  border: 1px solid #DFDFDF;
  position: relative;
  isolation: isolate;
  transition: opacity 0.35s ease;
}
.blog-list-page .blog-grid figure h3 {
  font-size: 0.95em;
  text-transform: none;
  color: rgb(0, 0, 0);
  padding: 0.25em 0;
  font-weight: 600;
  transition: all 0.35s ease;
}
.blog-list-page .blog-grid figure figcaption {
  font-weight: 100;
  padding: 0 0 2em 0;
  color: rgb(0, 0, 0);
  transition: all 0.35s ease;
}
.blog-list-page .blog-grid .blog-news-title {
  margin: 0;
}
.blog-list-page .blog-grid .blog-news-title > span {
  display: none;
}
.blog-list-page .blog-grid .blog-news-text img {
  width: 100%;
  height: initial;
}
.blog-list-page .blog-grid .blog-news-tags {
  color: rgb(150, 150, 151);
  font-weight: 600;
  text-transform: none;
  padding: 0.5em 0 0 0;
  display: block;
}
.blog-list-page .see-more-grid {
  display: none;
}

.blog-news-details {
  position: relative;
}

.blog-image-bg {
  background-size: cover;
  width: 100%;
  max-width: 54em;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.blog-image-bg img {
  width: 100%;
  display: block;
}

.blog-content-container {
  width: calc(100% - 2em);
  margin: 0 auto;
  max-width: 48em;
  padding: 1em;
  background: rgb(255, 255, 255);
  position: relative;
}
@media screen and (min-width: 640px) {
  .blog-content-container {
    padding: 2em;
  }
}

.blog-news-title {
  font-size: 1.25em;
  margin: 0 0 1.5em 0;
}

.blog-news-date-time-tags {
  text-transform: uppercase;
  color: rgb(150, 150, 151);
  font-weight: 500;
  font-size: 0.9em;
}
.blog-news-date-time-tags span {
  margin: 0 1em 0 0;
}

.blog-news-text {
  word-break: break-word;
  margin-bottom: 2em;
}
.blog-news-text img, .blog-news-text video {
  width: 100%;
  height: inherit;
}

.blog-news-comment {
  margin: 2em 0;
}

#Search #container-content {
  display: block;
}
@media (min-width: 779px) {
  #Search #search-tab-content {
    display: flex;
  }
}
#Search #pages-list {
  width: 100%;
}
@media (min-width: 779px) {
  #Search #pages-list {
    display: block;
    max-width: 18em;
    padding: 0 2em 0 0;
    opacity: 1;
  }
}
#Search #pages-list .blog-item {
  padding: 1em;
  border-bottom: 1px solid rgb(247, 247, 247);
}
#Search #pages-list .blog-seo-url {
  display: none;
}
@media (min-width: 779px) and (max-width: 1066px) {
  #Search #pages-list .blog-description {
    display: none;
  }
}
#Search main {
  display: flex;
  flex-direction: column;
}
#Search .header-results-text {
  padding: 0.5em;
}
#Search .search-content {
  display: flex;
  flex-direction: column;
}
#Search .nav-tabs {
  display: flex;
  margin: 0 2.5em 1.25em 0;
  width: 100%;
  padding-right: 1em;
}
@media (min-width: 779px) {
  #Search .nav-tabs {
    display: none;
  }
}
#Search .nav-tabs li {
  float: none;
}
#Search .nav-tabs li.active a {
  border: 1px solid red;
  background-color: rgb(255, 105, 60);
  color: rgb(255, 255, 255);
  font-weight: 600;
}
#Search .nav-tabs li a {
  border: none;
  border-left: none;
  border-radius: 6px 6px 0 0;
  margin-bottom: 0;
  width: 100%;
}
#Search .nav-tabs li a:hover {
  font-weight: 600;
  border: 1px solid #eee;
}
#Search .blog-search-list-container {
  animation: fadeIn 0.35s ease-in;
}
#Search .product-results-and-paging, #Search .blog-header-results {
  padding: 1em 0;
}
#Search .product-results-and-paging .search-result, #Search .product-results-and-paging .results-count, #Search .blog-header-results .search-result, #Search .blog-header-results .results-count {
  text-transform: uppercase;
}
#Search .panel-default .collapse.in {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}

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

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

#Saveforlater #container-content {
  display: block;
}

.save-later-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.save-later-page {
  width: 100%;
}
.save-later-page .user-account {
  padding: 0;
}

.wishlist-container {
  max-width: 90em;
  margin: auto;
}
.wishlist-container table {
  width: 100%;
}
.wishlist-container .wishlistList {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding: 1em 0;
}
.wishlist-container .wishlistList li {
  border-top: none;
  padding: 1em;
  flex-direction: column;
  width: 25%;
  justify-content: flex-start;
}
.wishlist-container .wishlistList li > div {
  padding: 0.25em;
}
.wishlist-container .wishlist-item {
  position: relative;
  padding: 0.5em 2em 0.5em 0;
  border-top: 1px solid rgba(150, 150, 151, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.wishlist-container .wishlist-item > div {
  min-width: 100%;
  text-align: center;
}
.wishlist-container .wishlist-item:last-of-type {
  border-bottom: none;
}
.share_checkbox .wishlist-container .wishlist-item.input-checkbox_container {
  display: flex;
  align-items: center;
  top: 0.5em;
  width: 100%;
  left: 1em;
}
.share_checkbox .wishlist-container .wishlist-item.input-checkbox_container .edit-checkbox {
  cursor: pointer;
  margin: 0;
}
.wishlist-container .wishlist-item .share_checkbox span {
  margin-right: 0.25em;
  font-size: 1.5em;
  color: rgb(255, 105, 60);
}
.wishlist-container .wishlist-item .share_checkbox label {
  margin: 0 0 0 0.25em;
  color: rgb(255, 105, 60);
}
.wishlist-container .wishlist-item .input-checkbox_container .input-checkbox:checked + .input-checkbox_appearance {
  background-color: transparent;
  color: rgb(255, 105, 60);
}
.wishlist-container .wishlist-item .input-checkbox_container .input-checkbox_appearance .material-icons {
  font-size: 1.25em;
  margin: -0.15em 0.25em 0 -0.15em;
}
.wishlist-container .wishlist-item .wishlist-item-detail {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wishlist-container .wishlist-item .wishlist-item-detail .wishlist-item-tocart {
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
.wishlist-container .wishlist-item .wishlist-item-detail .wishlist-item-tocart .wishlist-item-remove {
  min-width: 1.5em;
  right: 1em;
  text-align: center;
  margin: auto 0.5em;
}
.wishlist-container .wishlist-item .wishlist-item-detail .wishlist-item-tocart .wishlist-item-remove:hover .tooltip {
  display: block;
  right: 4.5em;
  width: 7em;
  opacity: 1;
}
.wishlist-container .wishlist-item .wishlist-item-detail .wishlist-item-tocart .wishlist-item-remove a {
  text-decoration: none;
}
.wishlist-container .wishlist-item .wishlist-item-detail a {
  font-weight: 500;
  flex-direction: column;
  text-align: center;
  padding-top: 0.5em;
}
.wishlist-container .wishlist-item .wishlist-item-detail a > div {
  width: 100%;
  align-items: center;
}
.wishlist-container .wishlist-item .wishlist-item-detail a .wishlist-item-title {
  text-align: center;
  padding-top: 0.75em;
}
.wishlist-container .wishlist-item .wishlist-item-detail a .wishlist-item-date {
  padding-top: 0.25em;
  color: rgb(77, 77, 79);
  font-weight: 400;
}
.wishlist-container .wishlist-item .wishlist-item-detail a .wishlist-item-image img {
  width: 220px;
}

@media screen and (max-width: 480px) {
  .wishlist-container .wishlistList li {
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .wishlist-container .wishlistList li {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .wishlist-container .wishlistList li {
    width: 33.33%;
  }
}
@media screen and (min-width: 1200px) {
  .wishlist-container .wishlistList li {
    width: 25%;
  }
}
._ShareSaveForLaterList .modal-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
._ShareSaveForLaterList .modal-footer .checkbox {
  width: 50%;
}
._ShareSaveForLaterList .modal-footer .checkbox label {
  padding-left: 0.25em;
}

#layout-account-book {
  width: 100%;
}
#layout-account-book .address-block {
  width: 100%;
}

#addressList, .allAddresses {
  margin-top: 1.5em;
}
#addressList p, .allAddresses p {
  margin-bottom: 0.25em;
}

#addressList h3, .allAddresses h3, .addNewAddress h3 {
  padding-bottom: 0.75em;
}
#addressList .action-links, .allAddresses .action-links, .addNewAddress .action-links {
  display: flex;
  padding-bottom: 0.5em;
}
#addressList .action-links form, .allAddresses .action-links form, .addNewAddress .action-links form {
  margin-right: 0.5em;
}
@media (max-width: 580px) {
  #addressList .action-links, .allAddresses .action-links, .addNewAddress .action-links {
    flex-direction: column;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
  }
  #addressList .action-links form, .allAddresses .action-links form, .addNewAddress .action-links form {
    margin: 0 0 0.25em 0;
  }
  #addressList .action-links form button, .allAddresses .action-links form button, .addNewAddress .action-links form button {
    width: 100%;
  }
}
@media (max-width: 580px) {
  #addressList .addNewAddress a, .allAddresses .addNewAddress a, .addNewAddress .addNewAddress a {
    width: 100%;
  }
}

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

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

.address-list {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.address-list .all-address-block {
  width: 49%;
  margin-bottom: 1em;
}
.address-list .all-address-block .address-title {
  width: 100%;
}
@media (max-width: 1030px) {
  .address-list .action-links button {
    padding: 0.5em 0.75em;
  }
}
@media (max-width: 978px) {
  .address-list {
    flex-direction: column;
  }
  .address-list .address-block, .address-list .all-address-block {
    width: 100%;
    margin-bottom: 1em;
  }
}

#layout-account-logos {
  width: 100%;
}

.your-logos-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  list-style: none;
  text-align: center;
}
.your-logos-list li {
  width: 23%;
  margin: 1em 2% 2rem 0;
}
.your-logos-list li:hover img, .your-logos-list li:focus img {
  outline: 1px dashed rgb(150, 150, 151);
}
@media screen and (max-width: 1066px) {
  .your-logos-list li {
    width: 31%;
  }
}
@media screen and (max-width: 768px) {
  .your-logos-list li {
    width: 48%;
  }
}
@media screen and (max-width: 640px) {
  .your-logos-list li {
    width: 100%;
    margin-right: 0;
  }
}
.your-logos-list li .logo-details {
  margin-top: 1rem;
}
.your-logos-list li .logo-details .logo-name {
  margin-bottom: 0;
  font-weight: bold;
}
.your-logos-list li .logo-details .logo-name .pair-label {
  color: rgb(150, 150, 151);
}

.removeArtwork {
  display: none;
}

.logo-img img {
  margin: auto;
}

#User.Signup #container-content {
  display: block;
}
#User.Signup .already-account {
  margin-bottom: 1rem;
}

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

.registerContainer {
  max-width: 779px;
  margin: 0 auto;
}
.faq-contact button:focus, .faq-contact button:focus-withins {
  box-shadow: 0 0 0 3px rgba(150, 150, 151, 0.25);
  outline: 1px solid transparent;
}

.faq-questions a:focus, .faq-questions a:focus-within {
  color: rgb(255, 105, 60);
}

#ContentPage #container-content {
  width: 100%;
  max-width: none;
  margin: 0;
  justify-content: center;
  display: unset;
}

#ContentPage #container-content .container {
  width: 100% !important;
  padding-right: 0;
  padding-left: 0;
}

#ContentPage #container-content .container .row {
  margin-left: 0;
  margin-right: 0;
}

#ContentPage #container-content .container .row .col-xs-12 {
  padding: 0;
}

#ContentPage article {
  width: auto;
  max-width: 100%;
}

body.modal-open {
  padding-right: 0 !important;
}
body#User.Signup #header-account, body#User.Signup #header-login-mobile, body#User.login #header-account, body#User.login #header-login-mobile {
  display: none;
}

a {
  outline-offset: 2px;
}

strong {
  font-weight: 600;
}

z-widget {
  display: block;
  width: 100%;
}

#container-content {
  width: calc(100% - 2em);
  max-width: 90rem;
  margin: 2em auto 4em auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#container-content #main-wrapper {
  margin: 0 auto;
}

.row {
  width: 100%;
}

.message-box.alert p {
  width: 100%;
}

/* Tooltips and Trigger*/
.tooltip {
  font-family: inherit;
  font-size: 1rem;
}

.has-tooltip {
  position: relative;
}
.has-tooltip .tooltip {
  pointer-events: none;
}
.has-tooltip:hover .tooltip, .has-tooltip:focus .tooltip, .has-tooltip:focus-within .tooltip {
  opacity: 1;
  display: block;
  overflow: visible;
  visibility: visible;
  pointer-events: all;
  transition: all 0.1s linear;
  transition-delay: 0;
}

.tooltip {
  display: none;
  position: absolute;
  margin-top: 0.5rem;
  width: 12rem;
  right: 0;
  border: 1px solid rgba(150, 150, 151, 0.5);
  padding: 1rem;
  background: rgb(255, 255, 255);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.08);
  transition: all 0.12s ease-in;
  transition-delay: 0.1s;
}
.tooltip.above {
  top: unset;
  bottom: -1em;
  margin-bottom: 3rem;
  transform: translateX(-1em);
  width: auto;
}
.tooltip.above:after {
  top: unset;
  bottom: -0.5rem;
  border-top: 0;
  border-right: 1px solid rgba(150, 150, 151, 0.5);
  border-bottom: 1px solid rgba(150, 150, 151, 0.5);
  border-left: 0;
}
.tooltip:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.5rem;
  right: 1rem;
  z-index: 2;
  height: 1rem;
  width: 1rem;
  margin-left: 2px;
  border: 1px solid rgba(150, 150, 151, 0.5);
  border-right: none;
  border-bottom: none;
  background: rgb(255, 255, 255);
  transform: rotate(45deg);
}

@media (max-width: 675px) {
  .tooltip {
    width: 8rem;
    padding: 0.5rem;
  }
}
.tooltip button.btn-secondary {
  margin: 0.75em 0 0;
}

.has-tooltip:hover .tooltip, .has-tooltip:focus .tooltip {
  display: block;
  opacity: 1;
}

.quick-ship-icon.has-tooltip {
  display: inline-block;
  min-width: 1.5em;
  font-size: 1rem;
}
.quick-ship-icon.has-tooltip .tooltip {
  right: -2em;
}

.quick-ship-icon .salmons-icons {
  color: rgb(55, 181, 105);
}

#sppQuickCheckout #quick-ship-message, #layout-account-receipt #quick-ship-message {
  display: none;
}

/* End Tooltips and Trigger*/
.back-to-top {
  position: fixed;
  bottom: 0;
  background: rgb(255, 255, 255);
  padding: 0.5em 1em;
  right: 0;
  opacity: 0.9 !important;
  transition: opacity 0.5s ease;
}
.back-to-top span {
  display: inline-block;
  transform: rotate(180deg);
  vertical-align: middle;
}

@media only screen and (max-width: 419px) {
  .no-phone {
    display: none !important;
  }
}

@media only screen and (min-width: 420px) {
  .phone-only {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1066px) {
  .no-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 1065px) {
  .desktop-only {
    display: none !important;
  }
}

@media (pointer: coarse) {
  .no-touch {
    display: none !important;
  }
}

@media (pointer: fine) {
  .only-touch {
    display: none !important;
  }
}

a {
  color: #F44719;
  transition: color 0.35s;
}
a:hover {
  transition: color 0s;
}
a:before {
  padding-right: 0.5em;
}

p {
  margin: 0 0 0.75em;
}

article {
  width: calc(100% - 2em);
  max-width: 90rem;
  margin: 0 auto;
}

.bold {
  font-weight: bold;
}

#messageBoxContainerId .message-box {
  display: flex;
  justify-content: space-between;
}

[data-page-overlay] {
  position: fixed;
  height: 150vh;
  width: 150vw;
  top: 0;
  left: -25vw;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.12s ease-in;
  transition-delay: 0.1s;
  pointer-events: none;
}
[data-page-overlay].menu-open {
  opacity: 1;
  visibility: visible;
  transition: all 0.35s ease-out;
}
@media screen and (min-width: 1066px) {
  [data-page-overlay].menu-open.primary-links:not(.giga-menu) {
    display: none;
  }
}
@media (pointer: coarse) {
  [data-page-overlay] {
    pointer-events: all;
    cursor: pointer;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [data-page-overlay] {
    display: none;
  }
}

.nopadding {
  padding: 0;
}

.star-rating {
  font-size: 11px;
  cursor: context-menu;
}
.star-rating.setrating {
  display: flex;
  font-size: 1.25em;
  letter-spacing: 0.125em;
}
.star-rating.setrating .zf-star-full-fill.empty {
  color: #AAA;
  /*&:hover {
      color: $primaryColor;
  }*/
}
.star-rating.setrating .zf-star-full-fill.full {
  color: rgb(255, 105, 60);
}

.product-rating-count {
  vertical-align: bottom;
  font-size: 0.8em;
  color: rgb(150, 150, 151);
  padding-left: 0.5rem;
}

.spp-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.spp-grid > div {
  margin-bottom: 1em;
}
.spp-grid .one-third {
  width: 33%;
}
.spp-grid .one-half {
  width: 49%;
}
.spp-grid .two-thirds {
  width: 66%;
}
.spp-grid .three-thirds {
  width: 100%;
}

.vertical-align-text-bottom {
  vertical-align: super;
}

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

.padding-none {
  padding: 0;
}

div#loader-content-backdrop {
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

div#loader-content-backdrop #loading {
  background: var(--loading-animation-file-path) center no-repeat;
  height: 12em;
  width: 12em;
  opacity: 1;
  background-size: contain;
  position: absolute;
}

.image-background-loader, .loader_pdp, .loader_plp {
  background: url("/assets/images/loading.svg?v=1.0.0") no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

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

@media screen and (min-width: 1200px) {
  .loader_pdp {
    min-height: 350px;
  }
}
@media screen and (min-width: 1024px) {
  .loader_pdp {
    min-height: 350px;
  }
}
@media screen and (min-width: 768px) {
  .loader_pdp {
    min-height: 350px;
  }
}
.nowish_list {
  min-width: 210px;
  padding-top: 15px;
}

.saveforlater {
  position: relative;
}
.saveforlater:after {
  content: "*";
  position: absolute;
  top: 3px;
  left: 6px;
  color: #f00;
}

.checkbox label {
  line-height: 26px;
}

.saveforlaterbtn {
  background: rgb(204, 0, 0);
  border: none;
  padding: 10px 20px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 600;
  border-radius: 4em;
}

#userorderdetails .get-order-details-info {
  padding: 0px;
}

.detail-order-section {
  margin-bottom: 20px;
}
.detail-order-section .order-detail-cancel-btn {
  border: 1px solid rgb(204, 0, 0);
  border-radius: 4em;
  padding: 0.5em 1.25em;
  background: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  color: rgb(204, 0, 0);
  font-size: 0.9rem;
  font-weight: 600;
}
.detail-order-section .order-detail-cancel-btn:hover {
  background-color: #dbdbdb;
}

.status-value {
  padding: 2px 5px;
}

.resetpasswordresponse .reset-password-content-page {
  height: 61vh;
}

#spp-loading {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  opacity: 0;
}
#spp-loading.active {
  display: flex;
  opacity: 1;
  transition: opacity 0.35s ease-in;
}
#spp-loading svg {
  max-height: 10em;
}
#spp-loading h1 {
  font-family: sans-serif;
  color: #cc0000;
  font-weight: 600;
  margin-top: 0;
}

.staples-loading_left {
  animation: staples-loading_left 2.5s ease-in;
  animation-iteration-count: infinite;
  fill: #cc0000;
}

.staples-loading_middle {
  animation: staples-loading_middle 2.5s linear;
  animation-iteration-count: infinite;
  fill: #cc0000;
}

.staples-loading_right {
  animation: staples-loading_right 2.5s ease-out;
  animation-iteration-count: infinite;
  fill: #cc0000;
}

.hightlighted-msg {
  color: #CC0000;
}

.iconcolor {
  height: 12px;
  width: 12px;
  display: inline-block;
  border: 1px solid;
}

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

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

.cursor-pointer {
  cursor: pointer !important;
}

.mt-6 {
  margin-top: 6px;
}

.ml-5 {
  margin-left: 5px;
}

.text-deco {
  text-decoration: underline;
}

.visibility-hidden {
  visibility: hidden;
}

.visibility-visible {
  visibility: visible;
}

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

#user-popup-content-modal {
  background: rgba(0, 0, 0, 0.25);
}

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.float-none {
  float: none;
}

.ml-1 {
  margin-left: 1rem;
}

.quick-view-popup .close {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .outofstock-notificationpopup {
    width: 80%;
    max-width: 600px !important;
  }
  .size-guide-popup {
    width: 49% !important;
    max-width: 1024px;
  }
}
@media screen and (min-width: 768px) {
  .quick-view-popup .modal-dialog {
    width: 70%;
    margin: 30px auto;
  }
  .quick-view-popup .quickviewpopup-wrapper .size-guide-popup {
    width: 46.5% !important;
  }
}
@media screen and (max-width: 1200px) {
  .quickviewpopup-wrapper .product-images .image-view {
    display: flex;
    justify-content: center;
  }
  .quickviewpopup-wrapper .product-overview .product-name {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 576px) {
  .product-overview .product-quantity-container {
    flex-direction: column;
  }
  .product-overview .product-quantity-container .product-subtotal {
    align-items: start !important;
    margin-top: 10px;
  }
  .product-overview .product-quantity-container .product-subtotal .product-call-to-action {
    justify-content: flex-start;
  }
  .product-overview .total-wrapper {
    flex-direction: column;
  }
  .product-overview .total-wrapper .pdp-calculator {
    margin-top: 10px;
  }
  .quick-view-popup .modal-dialog {
    width: 100%;
  }
}
body[data-culture=fr-CA] .quick-view-popup .quickviewpopup-wrapper .product-view-details .product-overview .total-wrapper .product-subtotal {
  margin-top: 1rem;
}
body[data-culture=fr-CA] .quick-view-popup .quickviewpopup-wrapper .product-view-details .add-to-cart-btn-wrapper .btn-text-full {
  padding: 0.5em 0.25em !important;
  width: 11em !important;
}
body[data-culture=fr-CA] #quick-view-content .add-to-cart-btn-wrapper .btn-text-full {
  width: auto;
}

#quick-view-content {
  position: relative;
  min-height: 360px;
  background: rgb(255, 255, 255);
}
#quick-view-content .full-details-btn {
  position: absolute;
  bottom: 0;
  right: 0rem;
  /*margin-bottom: 1rem;*/
}
#quick-view-content .full-details-btn .see-details-wrapper {
  text-decoration: underline;
  color: #F44719;
  padding: 10px 4rem;
}
#quick-view-content .add-to-cart-btn-wrapper .btn-text-full {
  width: 5em;
  padding: 0.5em 2.25em;
  margin-bottom: 2rem;
}
#quick-view-content .see-details-wrapper {
  text-decoration: underline;
  color: #F44719;
  padding: 10px 4rem;
}

.add-to-cart-btn-wrapper .btn-text-full {
  width: 5em;
  padding: 0.5em 2.25em;
  margin-bottom: 2rem;
}

.quickviewpopup-wrapper {
  background: rgb(255, 255, 255);
  max-height: 500px !important;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 1%;
  padding-bottom: 1rem;
}
.quickviewpopup-wrapper .multiple-quantitybox .your-pricing form {
  width: auto;
}
.quickviewpopup-wrapper .multiple-quantitybox .your-pricing form .btn-text-full {
  width: auto !important;
}
.quickviewpopup-wrapper .multiple-quantitybox .cart-add {
  align-items: center;
}
.quickviewpopup-wrapper .multiple-quantitybox .cart-add .btn-text-full {
  margin: 0 !important;
}
.quickviewpopup-wrapper .product-view-details {
  margin: 1.5rem;
}
.quickviewpopup-wrapper .product-view-details .image-view {
  border: 2px solid #eaeaea;
  margin-bottom: 1.5rem;
  padding: 22px 18px;
}
.quickviewpopup-wrapper .product-view-details .product-znode-number {
  font-size: 16px;
  /*margin-bottom: 1rem;*/
}
.quickviewpopup-wrapper .product-view-details h3 {
  font-size: 16px;
}
.quickviewpopup-wrapper .product-view-details .readmore-btn {
  text-decoration: underline;
  border: none;
  background: none;
  font-weight: 600;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-name {
  font-size: 1.5em !important;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-price-container {
  margin-top: 1rem;
}
.quickviewpopup-wrapper .product-view-details .product-overview .size-guidelink-wrapper {
  margin-bottom: 1rem;
}
.quickviewpopup-wrapper .product-view-details .product-overview .size-guidelink-wrapper .underline-sizeguide {
  text-decoration: underline;
  color: rgb(0, 0, 0);
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container {
  background: none;
  border: 2px solid #eaeaea;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  padding: 20px 4px 20px 10px;
  align-items: center;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-has-sizes {
  padding-left: 7px;
  flex-wrap: wrap;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-quantity-label {
  padding-left: 6px;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-subtotal {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-subtotal .subtotal-wrapper {
  font-weight: 600;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-subtotal #subtotal {
  padding-top: 0px !important;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-subtotal .product-call-to-action {
  padding: 0;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-subtotal .product-call-to-action button {
  margin-top: 10px;
  width: 10em;
  min-width: 10em;
  padding: 0.5em 1.25em !important;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-quantity-input {
  text-align: center;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-quantity-input .quantity {
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
  width: 5rem;
  text-align: center;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-size-quantity-group {
  padding: 0 5px;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-size-quantity-group .product-size-label {
  justify-content: center;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-size-quantity-group .product-quantity-input .quantity {
  border-radius: 20px;
  padding: 0.3rem 1.2rem;
}
.quickviewpopup-wrapper .product-view-details .product-overview .product-quantity-container .product-size-quantity-group .product-quantity-input .sp-product-stock {
  width: 5.5rem;
  word-break: break-all;
  text-align: center;
}
.quickviewpopup-wrapper .product-view-details .product-overview .total-wrapper {
  justify-content: space-between;
  font-weight: 600;
  background: #eaeaea;
  padding: 5px 35px;
  margin-top: 1rem;
}
.quickviewpopup-wrapper .product-view-details .product-overview .total-wrapper .pdp-calculator {
  align-items: center;
}
.quickviewpopup-wrapper .product-view-details .product-overview .total-wrapper .pdp-calculator .product-size-label {
  display: flex;
}
.quickviewpopup-wrapper .product-view-details .product-overview .total-wrapper .pdp-calculator .product-size-label .product-quantity-input {
  padding-top: 0px !important;
}
.quickviewpopup-wrapper .product-view-details .product-overview .add-to-cart-btn-wrapper {
  width: auto !important;
  margin: 0 !important;
}
.quickviewpopup-wrapper .size-guide-popup {
  max-height: 66%;
  margin: 7.3em auto;
}
.quickviewpopup-wrapper .size-guide-popup .modal-content {
  border: none;
  border-radius: 0;
}
.quickviewpopup-wrapper .size-guide-popup #product-size-chart {
  margin: 10px;
  overflow-y: auto;
  max-height: 500px;
}
.quickviewpopup-wrapper .size-guide-popup .close {
  right: 2.2rem;
}
.quickviewpopup-wrapper .envelopeicon-wrapper {
  margin-right: 1rem;
  margin-bottom: 2rem;
  /* Tooltip arrow pointing to the left */
}
.quickviewpopup-wrapper .envelopeicon-wrapper .zf-envelope-o {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 27px;
  margin: 7px 0px 0px 5px;
}
.quickviewpopup-wrapper .envelopeicon-wrapper .tooltip-text {
  visibility: hidden;
  width: 15rem; /* Adjust the width as per your content */
  background-color: #000;
  color: #FFF;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 3.2rem; /* Vertically center the tooltip relative to the icon */
  left: -1rem; /* Position the tooltip to the right of the icon */
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: 3px;
  font-size: 12px;
  text-align: center;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.quickviewpopup-wrapper .envelopeicon-wrapper .tooltip-text::before {
  content: "";
  position: absolute;
  top: -18px;
  right: 85%;
  /* transform: translateX(-50%);*/
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  transform: rotate(270deg);
}
.quickviewpopup-wrapper .envelopeicon-wrapper .zf-envelope-o:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.quickviewpopup-wrapper .envelopeicon-wrapper[data-culture=fr-CA] .zf-envelope-o .tooltip-text {
  top: 3.6rem;
}
.quickviewpopup-wrapper .cart-add {
  display: flex;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-title {
  font-size: 1.5em !important;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-header {
  border-bottom: none;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-body {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-body .form-group-one {
  width: 70%;
  margin-right: 1rem;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-body .form-group-one input {
  background: none;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-body .form-group-two {
  width: 30%;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-body .form-group-two select {
  font-size: 1rem;
  width: 100%;
  padding: 0.5rem;
  margin: 0;
  background: #fff;
  border: 1px solid #cacaca;
  box-sizing: border-box;
  -webkit-appearance: none;
  transition: box-shadow 0.25s ease-in-out;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .non-size-sku {
  justify-content: center;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-footer {
  border-top: none;
  text-align: center;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-footer .notify-btn {
  padding: 0.7rem 2.3rem;
  margin: 0;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .modal-footer .close-btn {
  padding: 0.7rem 3rem;
  background-color: transparent !important;
  color: #000 !important;
  margin: 10px 0px;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .multiple-quantitybox .cart-add {
  display: flex;
  align-content: center;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .multiple-quantitybox .cart-add .btn-text-full {
  margin: 0 !important;
}
.quickviewpopup-wrapper .outofstock-notificationpopup .error-msg {
  font-size: 0.78rem;
  color: red;
  font-style: italic;
  width: 100% !important;
  display: inline-block;
  text-align: left;
}

.single-quantitybox .cart-add #notifyMeButton {
  display: flex;
}
.single-quantitybox .cart-add .btn-text-full {
  margin: 0 !important;
}
.single-quantitybox .size-guide-popup {
  max-height: 66%;
  overflow-y: auto;
  margin: 7.3em auto;
}
.single-quantitybox .size-guide-popup .modal-content {
  border: none;
  border-radius: 0;
}

@media screen and (max-width: 1250px) {
  #quick-view-content .quickviewpopup-wrapper {
    max-height: none !important;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  #quick-view-popup-ipad #quick-view-iframe {
    max-height: 635px;
    margin: 30px auto;
    display: block;
    background: #FFF;
    min-height: 95vh;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1024px) {
  .quick-view-popup .close {
    right: 4.5rem;
  }
}
.giftcardmodal .modal-content {
  width: 60%;
  margin: 0 auto;
  padding: 2rem 1.3rem;
}
.giftcardmodal .modal-content .modal-header {
  border-bottom: none;
  padding: 0;
}
.giftcardmodal .modal-content .modal-header p {
  font-size: 1.5em;
  color: #656565;
}
.giftcardmodal .modal-content .modal-header .sub-title {
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.giftcardmodal .modal-content .modal-header .sub-title p {
  font-size: 1rem;
}
.giftcardmodal .modal-content .modal-header .sub-title #giftCardBalance {
  margin-left: 3rem;
}
.giftcardmodal .modal-content .modal-body {
  padding: 0;
}
.giftcardmodal .modal-content .modal-body .form-item input {
  width: 50%;
}
.giftcardmodal .modal-content .modal-footer {
  border-top: none;
  padding: 15px 0px 0px;
}
.giftcardmodal .modal-content .modal-footer .btn-primary, .giftcardmodal .modal-content .modal-footer .btn-secondary {
  margin: 0;
  padding: 0.5rem 4rem;
}
.giftcardmodal .modal-content .modal-footer .btn-primary {
  font-weight: 100;
}

@media screen and (max-width: 768px) {
  .giftcardmodal .modal-content {
    width: 100%;
  }
  .giftcardmodal .modal-content .modal-body .form-item input {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .giftcardmodal .modal-dialog {
    width: 60%;
    margin: 30px auto;
  }
}
.local-btn {
  padding: 0;
  margin: 0;
  border: 0;
}

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